.wiki-page-body {
    --wiki-panel: rgba(17, 25, 39, .92);
    --wiki-panel-soft: rgba(24, 35, 53, .78);
    --wiki-border: rgba(117, 142, 181, .27);
    --wiki-muted: #9caac0;
    --wiki-yellow: #ffc431;
    --wiki-green: #55da8b;
    min-height: 100vh;
    color: #eef3fa;
    font-family: Poppins, "Segoe UI", sans-serif;
}

.wiki-page {
    width: calc(100% - 40px);
    max-width: var(--site-width, 1180px);
    margin: 0 auto;
    padding: 34px 0 70px;
}

.wiki-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .65fr);
    gap: 32px;
    align-items: center;
    min-height: 330px;
    padding: 42px;
    background:
        radial-gradient(circle at 85% 18%, rgba(255, 196, 49, .2), transparent 28%),
        radial-gradient(circle at 12% 100%, rgba(83, 191, 219, .12), transparent 32%),
        linear-gradient(135deg, rgba(27, 39, 60, .98), rgba(11, 17, 27, .98));
    border: 1px solid var(--wiki-border);
    border-radius: 20px;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24);
}

.wiki-hero::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -125px;
    width: 320px;
    height: 320px;
    border: 55px solid rgba(255, 196, 49, .035);
    border-radius: 50%;
    pointer-events: none;
}

.wiki-hero-copy { position: relative; z-index: 1; }
.wiki-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: var(--wiki-yellow);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.wiki-kicker i { font-size: 19px; }
.wiki-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 5vw, 50px);
    line-height: 1.08;
    letter-spacing: -.035em;
}
.wiki-hero-copy > p {
    max-width: 720px;
    margin: 15px 0 23px;
    color: #b8c4d6;
    font-size: 16px;
    line-height: 1.7;
}

.wiki-search {
    width: min(100%, 650px);
    min-height: 54px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 0 14px;
    background: rgba(5, 9, 16, .62);
    border: 1px solid rgba(141, 166, 204, .38);
    border-radius: 12px;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.wiki-search:focus-within {
    border-color: rgba(255, 196, 49, .82);
    box-shadow: 0 0 0 4px rgba(255, 196, 49, .1);
}
.wiki-search > i { color: var(--wiki-yellow); font-size: 22px; }
.wiki-search input {
    min-width: 0;
    height: 52px;
    color: #fff;
    background: transparent;
    border: 0;
    outline: 0;
    font: 500 15px Poppins, sans-serif;
}
.wiki-search input::placeholder { color: #8290a5; }
.wiki-search kbd {
    padding: 5px 8px;
    color: #9caac0;
    background: #1b2639;
    border: 1px solid #384763;
    border-radius: 6px;
    font: 600 11px Poppins, sans-serif;
}
.wiki-search-status {
    min-height: 19px;
    margin: 7px 0 0 !important;
    color: var(--wiki-yellow) !important;
    font-size: 12px !important;
}

.wiki-hero-services {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}
.wiki-hero-services article {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px;
    background: rgba(5, 10, 18, .52);
    border: 1px solid rgba(138, 161, 195, .25);
    border-radius: 13px;
    backdrop-filter: blur(8px);
}
.wiki-hero-services img {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    object-fit: contain;
    border-radius: 11px;
}
.wiki-hero-services span { display: grid; min-width: 0; gap: 2px; }
.wiki-hero-services strong { color: #fff; font-size: 15px; }
.wiki-hero-services small { color: var(--wiki-muted); font-size: 12px; }

.wiki-audience-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
    padding: 7px;
    background: rgba(13, 20, 32, .94);
    border: 1px solid var(--wiki-border);
    border-radius: 15px;
}
.wiki-audience-tabs button {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 16px;
    color: #9eabc0;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 10px;
    font-family: inherit;
    transition: color .16s ease, background .16s ease, box-shadow .16s ease;
}
.wiki-audience-tabs button:hover { color: #fff; background: rgba(255, 255, 255, .035); }
.wiki-audience-tabs button.is-active {
    color: #172238;
    background: var(--wiki-yellow);
}
.wiki-audience-tabs button > i { font-size: 24px; }
.wiki-audience-tabs button > span { display: grid; text-align: left; }
.wiki-audience-tabs strong { font-size: 15px; }
.wiki-audience-tabs small { font-size: 11px; opacity: .72; }

.wiki-layout {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}
.wiki-sidebar {
    position: sticky;
    top: 92px;
    overflow: hidden;
    max-height: calc(100vh - 110px);
    background: var(--wiki-panel);
    border: 1px solid var(--wiki-border);
    border-radius: 14px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .16);
}
.wiki-sidebar-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 52px;
    padding: 0 14px;
    color: #fff;
    border-bottom: 1px solid var(--wiki-border);
    font-size: 14px;
}
.wiki-sidebar-title i { color: var(--wiki-yellow); font-size: 19px; }
.wiki-sidebar nav {
    max-height: calc(100vh - 163px);
    overflow-y: auto;
    padding: 10px;
    scrollbar-color: #46536a transparent;
    scrollbar-width: thin;
}
.wiki-sidebar nav > span {
    display: block;
    padding: 10px 9px 5px;
    color: #718096;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.wiki-sidebar a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 37px;
    padding: 7px 9px;
    color: #aeb9ca;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    transition: color .15s ease, background .15s ease;
}
.wiki-sidebar a i { width: 17px; color: #7f8da3; font-size: 16px; text-align: center; }
.wiki-sidebar a:hover { color: #fff; background: rgba(255, 255, 255, .045); }
.wiki-sidebar a.is-active {
    color: #172238;
    background: var(--wiki-yellow);
}
.wiki-sidebar a.is-active i { color: #172238; }

.wiki-content,
.wiki-content > div {
    min-width: 0;
    display: grid;
    gap: 18px;
}
.wiki-section {
    scroll-margin-top: 92px;
    overflow: hidden;
    padding: 22px;
    color: #cbd4e2;
    background:
        radial-gradient(circle at 92% 0, rgba(255, 196, 49, .045), transparent 24%),
        var(--wiki-panel);
    border: 1px solid var(--wiki-border);
    border-radius: 15px;
    box-shadow: 0 13px 34px rgba(0, 0, 0, .13);
}
.wiki-section[hidden] { display: none !important; }
.wiki-section > header {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: -2px 0 20px;
}
.wiki-section-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: 0 0 50px;
    color: #172238;
    background: var(--wiki-yellow);
    border-radius: 12px;
    font-size: 25px;
    box-shadow: 0 8px 20px rgba(255, 196, 49, .16);
}
.wiki-section-icon.is-jaune { background: #f2c500; }
.wiki-section-icon img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}
.wiki-section > header > div { min-width: 0; }
.wiki-section > header small {
    display: block;
    color: var(--wiki-yellow);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}
.wiki-section h2 {
    margin: 1px 0 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.25;
}
.wiki-section > header p {
    margin: 2px 0 0;
    color: var(--wiki-muted);
    font-size: 13px;
}
.wiki-section > p {
    margin: 15px 0 0;
    color: #c4cede;
    font-size: 14px;
    line-height: 1.7;
}
.wiki-section > p strong { color: #fff; }

.wiki-two-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.wiki-service-summary {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px;
    background: rgba(23, 33, 50, .72);
    border: 1px solid var(--wiki-border);
    border-radius: 11px;
}
.wiki-service-summary img {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    object-fit: contain;
    border-radius: 10px;
}
.wiki-service-summary h3 { margin: 0; color: #fff; font-size: 15px; }
.wiki-service-summary p { margin: 4px 0 0; color: var(--wiki-muted); font-size: 12px; line-height: 1.55; }

.wiki-callout,
.wiki-warning,
.wiki-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 13px 14px;
    color: #dbe4f0;
    background: rgba(65, 145, 182, .09);
    border: 1px solid rgba(94, 181, 216, .27);
    border-radius: 10px;
}
.wiki-callout > i,
.wiki-warning > i,
.wiki-note > i {
    flex: 0 0 auto;
    margin-top: 1px;
    color: #65c7e7;
    font-size: 19px;
}
.wiki-callout p,
.wiki-warning p,
.wiki-note {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
}
.wiki-callout b { color: #fff; }
.wiki-warning {
    background: rgba(255, 177, 50, .08);
    border-color: rgba(255, 177, 50, .27);
}
.wiki-warning > i,
.wiki-warning em { color: var(--wiki-yellow); font-style: normal; }
.wiki-warning.is-danger {
    background: rgba(237, 72, 89, .08);
    border-color: rgba(237, 72, 89, .28);
}
.wiki-warning.is-danger > i { color: #ff6b7b; }
.wiki-note { color: #b8c4d6; }

.wiki-steps {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.wiki-steps li {
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    background: rgba(22, 32, 49, .7);
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
}
.wiki-steps li > b {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    color: #172238;
    background: var(--wiki-yellow);
    border-radius: 9px;
    font-size: 13px;
}
.wiki-steps li > span { display: grid; gap: 2px; }
.wiki-steps strong { color: #fff; font-size: 14px; }
.wiki-steps small { color: var(--wiki-muted); font-size: 12px; line-height: 1.45; }
.wiki-steps em { color: var(--wiki-yellow); font-style: normal; font-weight: 700; }

.wiki-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.wiki-feature-grid article {
    min-width: 0;
    padding: 15px;
    background: rgba(22, 32, 49, .68);
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
}
.wiki-feature-grid article > i {
    display: block;
    margin-bottom: 8px;
    color: var(--wiki-yellow);
    font-size: 23px;
}
.wiki-feature-grid h3 { margin: 0; color: #fff; font-size: 14px; }
.wiki-feature-grid p { margin: 5px 0 0; color: var(--wiki-muted); font-size: 12px; line-height: 1.55; }

.wiki-price-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}
.wiki-price-row > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(255, 196, 49, .07);
    border: 1px solid rgba(255, 196, 49, .25);
    border-radius: 9px;
}
.wiki-price-row small { color: var(--wiki-muted); font-size: 12px; }
.wiki-price-row strong { color: var(--wiki-yellow); font-size: 14px; }

.wiki-procedure {
    display: grid;
    gap: 2px;
}
.wiki-procedure > div {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
    min-height: 66px;
}
.wiki-procedure > div:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 40px;
    bottom: -3px;
    left: 20px;
    border-left: 2px dashed rgba(255, 196, 49, .24);
}
.wiki-procedure > div > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--wiki-yellow);
    background: rgba(255, 196, 49, .09);
    border: 1px solid rgba(255, 196, 49, .27);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
}
.wiki-procedure p { display: grid; align-content: start; gap: 2px; margin: 1px 0 0; }
.wiki-procedure strong { color: #fff; font-size: 14px; }
.wiki-procedure small { color: var(--wiki-muted); font-size: 12px; line-height: 1.5; }

.wiki-text-card {
    padding: 16px;
    background: rgba(22, 32, 49, .7);
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
}
.wiki-text-card h3 {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #fff;
    font-size: 15px;
}
.wiki-text-card h3 i { color: var(--wiki-yellow); font-size: 19px; }
.wiki-text-card p { margin: 7px 0 0; color: var(--wiki-muted); font-size: 13px; line-height: 1.65; }
.wiki-text-card b { color: #fff; }

.wiki-check-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.wiki-check-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px 12px;
    color: #cbd4e2;
    background: rgba(22, 32, 49, .58);
    border: 1px solid rgba(117, 142, 181, .2);
    border-radius: 9px;
    font-size: 13px;
    line-height: 1.5;
}
.wiki-check-list i {
    width: 21px;
    height: 21px;
    display: grid;
    place-items: center;
    flex: 0 0 21px;
    color: #13251c;
    background: var(--wiki-green);
    border-radius: 50%;
    font-size: 13px;
}

.wiki-product-grid,
.wiki-plan-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}
.wiki-product-grid article {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px;
    background: rgba(22, 32, 49, .7);
    border: 1px solid rgba(242, 197, 0, .25);
    border-radius: 11px;
}
.wiki-product-grid article > span {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    flex: 0 0 49px;
    color: #172238;
    background: #f2c500;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 900;
}
.wiki-product-grid h3 { margin: 0; color: #fff; font-size: 14px; }
.wiki-product-grid strong { color: var(--wiki-yellow); font-size: 13px; }
.wiki-product-grid p { margin: 3px 0 0; color: var(--wiki-muted); font-size: 11px; }

.wiki-plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wiki-plan-grid article {
    position: relative;
    overflow: hidden;
    padding: 16px;
    background: rgba(22, 32, 49, .7);
    border: 1px solid var(--wiki-border);
    border-radius: 11px;
}
.wiki-plan-grid article.is-featured { border-color: rgba(255, 196, 49, .55); }
.wiki-plan-grid article.is-featured::after {
    content: "POPULAIRE";
    position: absolute;
    top: 9px;
    right: -26px;
    padding: 4px 28px;
    color: #172238;
    background: var(--wiki-yellow);
    font-size: 8px;
    font-weight: 900;
    transform: rotate(42deg);
}
.wiki-plan-grid article > span { color: #fff; font-size: 15px; font-weight: 800; }
.wiki-plan-grid article > strong { display: block; margin-top: 4px; color: var(--wiki-yellow); font-size: 12px; }
.wiki-plan-grid ul { display: grid; gap: 4px; margin: 12px 0 0; padding: 0; list-style: none; }
.wiki-plan-grid li { color: var(--wiki-muted); font-size: 12px; }
.wiki-plan-grid li::before { content: "✓"; margin-right: 6px; color: var(--wiki-green); font-weight: 800; }

.wiki-no-results {
    padding: 55px 25px;
    color: var(--wiki-muted);
    text-align: center;
    background: var(--wiki-panel);
    border: 1px solid var(--wiki-border);
    border-radius: 15px;
}
.wiki-no-results > i { color: var(--wiki-yellow); font-size: 46px; }
.wiki-no-results h2 { margin: 9px 0 2px; color: #fff; font-size: 21px; }
.wiki-no-results p { margin: 0; font-size: 13px; }
.wiki-no-results button {
    margin-top: 15px;
    padding: 10px 14px;
    color: #172238;
    cursor: pointer;
    background: var(--wiki-yellow);
    border: 0;
    border-radius: 8px;
    font: 800 12px Poppins, sans-serif;
}

.wiki-entry-match {
    animation: wiki-match .55s ease;
}
@keyframes wiki-match {
    0% { border-color: var(--wiki-border); }
    45% { border-color: rgba(255, 196, 49, .8); box-shadow: 0 0 0 4px rgba(255, 196, 49, .08); }
    100% { border-color: var(--wiki-border); }
}

@media (max-width: 900px) {
    .wiki-hero { grid-template-columns: 1fr; min-height: 0; padding: 30px; }
    .wiki-hero-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wiki-layout { grid-template-columns: 1fr; }
    .wiki-sidebar {
        position: static;
        max-height: none;
    }
    .wiki-sidebar nav {
        max-height: none;
        display: flex;
        gap: 7px;
        overflow-x: auto;
        padding: 10px;
    }
    .wiki-sidebar nav > span { display: none; }
    .wiki-sidebar a { flex: 0 0 auto; white-space: nowrap; }
}

@media (max-width: 650px) {
    .wiki-page { width: calc(100% - 22px); padding: 18px 0 50px; }
    .wiki-hero { gap: 22px; padding: 23px 18px; border-radius: 15px; }
    .wiki-hero h1 { font-size: 32px; }
    .wiki-hero-copy > p { font-size: 14px; }
    .wiki-hero-services { grid-template-columns: 1fr; }
    .wiki-search kbd { display: none; }
    .wiki-search { grid-template-columns: auto minmax(0, 1fr); }
    .wiki-audience-tabs button { min-height: 62px; padding: 9px; }
    .wiki-audience-tabs button > i { font-size: 21px; }
    .wiki-audience-tabs strong { font-size: 13px; }
    .wiki-audience-tabs small { font-size: 9px; }
    .wiki-section { padding: 17px 14px; border-radius: 12px; }
    .wiki-section > header { align-items: flex-start; }
    .wiki-section-icon { width: 42px; height: 42px; flex-basis: 42px; font-size: 21px; }
    .wiki-section h2 { font-size: 18px; }
    .wiki-section > header p { font-size: 11px; }
    .wiki-two-columns,
    .wiki-feature-grid,
    .wiki-price-row,
    .wiki-product-grid,
    .wiki-plan-grid { grid-template-columns: 1fr; }
    .wiki-price-row > span { align-items: flex-start; flex-direction: column; gap: 2px; }
}