/* =========================================================
   CORDINANT — PUBLIC DOCUMENTATION
   Loaded only on docs.php through $pageStyles.
   ========================================================= */

.docs-page{
    background:linear-gradient(180deg,#fff 0%,#f5f9fb 48%,#fff 100%);
    color:var(--text);
}

.docs-breadcrumbs-wrap{
    padding:22px 0 0;
    background:#fff;
}
.docs-breadcrumbs{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    align-items:center;
    color:var(--muted-2);
    font-size:.86rem;
    font-weight:700;
}
.docs-breadcrumbs a:hover{color:var(--light-blue);}

.docs-hero{padding:26px 0 34px;background:#fff;}
.docs-hero__shell{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
    gap:42px;
    align-items:center;
    padding:clamp(34px,5vw,58px);
    border-radius:28px;
    border:1px solid rgba(162,195,221,.26);
    background:
        radial-gradient(circle at 86% 14%,rgba(1,157,182,.25),transparent 28%),
        linear-gradient(135deg,#213b4f 0%,#20435e 100%);
    box-shadow:0 28px 80px rgba(33,59,79,.20);
    color:#fff;
}
.docs-hero__shell::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.2;
    background-image:
        linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
    background-size:52px 52px;
}
.docs-hero__content,.docs-hero__summary{position:relative;z-index:1;}
.docs-kicker,.docs-section__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border-radius:999px;
    font-size:.74rem;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.docs-kicker{
    border:1px solid rgba(255,255,255,.20);
    background:rgba(255,255,255,.10);
    color:#fff;
}
.docs-hero h1{
    max-width:780px;
    margin:16px 0 18px;
    color:#fff;
    font-size:clamp(2.6rem,4.5vw,4rem);
    line-height:.98;
    letter-spacing:-.055em;
}
.docs-hero__intro{max-width:760px;color:rgba(255,255,255,.79);font-size:1.03rem;line-height:1.76;}
.docs-hero__intro p{margin:0 0 12px;}
.docs-hero__intro p:last-child{margin-bottom:0;}
.docs-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;}
.docs-text-link{color:#fff;font-weight:800;}
.docs-text-link:hover{color:var(--mint);}
.docs-hero__summary{
    padding:24px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:20px;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
}
.docs-summary__label{display:block;margin-bottom:8px;color:var(--mint);font-size:.74rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.docs-hero__summary strong{display:block;color:#fff;font-size:1.3rem;line-height:1.3;}
.docs-summary__meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;}
.docs-summary__meta span{padding:12px;border-radius:14px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);font-size:.83rem;}
.docs-summary__meta b{display:block;margin-bottom:3px;color:#fff;font-size:.95rem;}

.docs-mobile-nav-wrap{display:none;background:#fff;padding-bottom:18px;}
.docs-mobile-nav{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);}
.docs-mobile-nav summary{padding:14px 16px;cursor:pointer;color:var(--emerald);font-weight:850;}
.docs-mobile-nav__body{display:grid;gap:7px;padding:0 16px 16px;}
.docs-mobile-nav__body strong{margin-top:10px;color:var(--muted-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;}
.docs-mobile-nav__body a{padding:7px 0;color:var(--text);font-weight:700;}

.docs-body{padding:24px 0 76px;}
.docs-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start;}
.docs-sidebar{position:relative;}
.docs-sidebar__inner{position:sticky;top:104px;max-height:calc(100vh - 126px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);}
.docs-sidebar__product{padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--line);}
.docs-sidebar__product span{display:block;color:var(--muted-2);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.docs-sidebar__product strong{display:block;margin-top:3px;color:var(--text);font-size:1rem;}
.docs-nav-group + .docs-nav-group{margin-top:17px;}
.docs-nav-group h2{margin:0 0 7px;color:var(--muted-2);font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;}
.docs-nav-link{display:block;padding:8px 10px;margin:2px 0;border-radius:10px;color:#40535c;font-size:.88rem;font-weight:700;line-height:1.35;transition:.18s ease;}
.docs-nav-link:hover,.docs-nav-link.is-active{background:#eaf4f8;color:var(--emerald);}
.docs-nav-link.is-active{box-shadow:inset 3px 0 0 var(--light-blue);}
.docs-sidebar__note{margin-top:18px;padding:14px;border-radius:12px;background:#f1f7f9;color:var(--muted);font-size:.82rem;line-height:1.45;}
.docs-sidebar__note strong{display:block;margin-bottom:3px;color:var(--emerald);}

.docs-content{min-width:0;max-width:900px;}
.docs-section{
    scroll-margin-top:112px;
    padding:34px 0 42px;
    border-bottom:1px solid rgba(33,59,79,.10);
}
.docs-section:first-child{padding-top:10px;}
.docs-section__head{max-width:800px;margin-bottom:24px;}
.docs-section__eyebrow{padding:0;color:var(--light-blue);}
.docs-section__head h2,.docs-full-note h2{
    margin:7px 0 12px;
    color:var(--text);
    font-size:clamp(1.8rem,3vw,2.65rem);
    line-height:1.08;
    letter-spacing:-.045em;
}
.docs-section__content{color:var(--muted);font-size:1rem;line-height:1.78;}
.docs-section__content p{margin:0 0 12px;}
.docs-section__content p:last-child{margin-bottom:0;}

.docs-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.docs-card-grid--overview{grid-template-columns:repeat(3,minmax(0,1fr));}
.docs-card-grid--features{grid-template-columns:repeat(2,minmax(0,1fr));}
.docs-info-card{
    min-width:0;
    padding:20px;
    border:1px solid rgba(33,59,79,.10);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 34px rgba(33,59,79,.055);
}
.docs-info-card__value{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:#edf5f8;color:var(--emerald);font-size:.72rem;font-weight:850;}
.docs-info-card h3{margin:0 0 7px;color:var(--text);font-size:1.08rem;line-height:1.3;}
.docs-info-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.65;}

.docs-requirements-table{overflow:hidden;border:1px solid rgba(33,59,79,.11);border-radius:18px;background:#fff;}
.docs-requirements-row{display:grid;grid-template-columns:minmax(150px,.36fr) minmax(0,.64fr);border-bottom:1px solid rgba(33,59,79,.08);}
.docs-requirements-row:last-child{border-bottom:0;}
.docs-requirements-row > *{padding:15px 18px;}
.docs-requirements-row > strong{background:#f7fafb;color:var(--text);}
.docs-requirements-row div b{display:block;color:var(--emerald);}
.docs-requirements-row div span{display:block;margin-top:4px;color:var(--muted);font-size:.9rem;line-height:1.5;}

.docs-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.docs-step-card{position:relative;padding:20px;border:1px solid rgba(33,59,79,.10);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(33,59,79,.05);}
.docs-step-card__number{display:block;margin-bottom:12px;color:var(--light-blue);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.docs-step-card h3{margin:0 0 7px;color:var(--text);font-size:1rem;line-height:1.3;}
.docs-step-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.58;}

.docs-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;}
.docs-check-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px;border:1px solid rgba(33,59,79,.09);border-radius:14px;background:#fff;}
.docs-check-list li > span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#e9f6f3;color:var(--teal);font-weight:900;}
.docs-check-list strong{display:block;color:var(--text);}
.docs-check-list small{display:block;margin-top:2px;color:var(--light-blue);font-weight:800;}
.docs-check-list p{margin:5px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55;}

.docs-full-note{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:26px;
    align-items:center;
    margin-top:44px;
    padding:30px;
    border:1px solid rgba(162,195,221,.30);
    border-radius:22px;
    background:linear-gradient(135deg,#edf5f8,#fff);
    box-shadow:var(--shadow-sm);
}
.docs-full-note p{max-width:680px;margin:0;color:var(--muted);line-height:1.7;}

.docs-empty,.docs-not-found__card{padding:36px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);}
.docs-not-found{padding:70px 0;}
.docs-not-found__card{max-width:720px;margin:0 auto;text-align:center;}
.docs-not-found__card .docs-kicker{background:#edf5f8;border-color:var(--line);color:var(--emerald);}
.docs-not-found__card h1{margin:14px 0 10px;font-size:2.4rem;color:var(--text);}
.docs-not-found__card p{margin:0 0 22px;color:var(--muted);}

@media (max-width:1100px){
    .docs-hero__shell{grid-template-columns:1fr;}
    .docs-hero__summary{max-width:620px;}
    .docs-layout{grid-template-columns:230px minmax(0,1fr);gap:28px;}
    .docs-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:860px){
    .docs-mobile-nav-wrap{display:block;}
    .docs-layout{display:block;}
    .docs-sidebar{display:none;}
    .docs-content{max-width:none;}
    .docs-section{scroll-margin-top:90px;}
    .docs-card-grid--overview{grid-template-columns:1fr;}
}

@media (max-width:680px){
    .docs-breadcrumbs-wrap{padding-top:14px;}
    .docs-hero{padding:18px 0 24px;}
    .docs-hero__shell{gap:26px;padding:26px;border-radius:22px;}
    .docs-hero h1{font-size:clamp(2.2rem,12vw,3.2rem);}
    .docs-summary__meta{grid-template-columns:1fr;}
    .docs-body{padding-bottom:54px;}
    .docs-section{padding:30px 0 36px;}
    .docs-card-grid,.docs-card-grid--features,.docs-check-list,.docs-steps{grid-template-columns:1fr;}
    .docs-requirements-row{grid-template-columns:1fr;}
    .docs-requirements-row > strong{padding-bottom:8px;}
    .docs-requirements-row div{padding-top:8px;}
    .docs-full-note{grid-template-columns:1fr;padding:24px;}
    .docs-full-note .btn{width:100%;}
}