/*
 * Oriential Docs public presentation.
 * Corporate identity and primitive geometry come from the parent Oriential Theme.
 * Docs remains calmer than marketing pages and does not create a separate brand.
 */

body.ori-docs-public-site{min-height:100vh;background:var(--ori-canvas);color:var(--ori-soft)}
body.ori-docs-public-site::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(circle at 14% -8%,rgba(136,59,210,.08),transparent 30%),radial-gradient(circle at 88% 6%,rgba(59,208,210,.045),transparent 28%)}
.ori-docs-front,.oriential-docs-route{min-height:calc(100vh - 92px)}

/* Header: exact corporate glass/surface language, documentation-specific navigation. */
.ori-docs-site-header{width:min(820px,calc(100vw - 32px))}
.ori-docs-site-header:hover,.ori-docs-site-header:focus-within{width:min(860px,calc(100vw - 32px))}
.ori-docs-site-header .ori-header__island,.ori-docs-site-header:hover .ori-header__island,.ori-docs-site-header:focus-within .ori-header__island{grid-template-rows:auto}
.ori-docs-site-header .ori-header__core{min-height:50px;padding:8px 12px}
.ori-docs-header__brand{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:28px;padding:2px 8px;border-radius:999px}
.ori-docs-header__wordmark-stack{display:grid;align-items:center;justify-items:center;flex:0 0 112px;width:112px}
.ori-docs-header__wordmark{grid-area:1/1;display:block;width:112px;height:auto;max-height:25px;transition:opacity .22s ease}
.ori-docs-header__wordmark--colour{opacity:0}.ori-docs-header__wordmark--white{opacity:1}
.ori-docs-header__brand:hover .ori-docs-header__wordmark--colour,.ori-docs-header__brand:focus-visible .ori-docs-header__wordmark--colour{opacity:1}
.ori-docs-header__brand:hover .ori-docs-header__wordmark--white,.ori-docs-header__brand:focus-visible .ori-docs-header__wordmark--white{opacity:0}
.ori-docs-header__compact{display:none;width:30px;height:30px}
.ori-docs-header__divider{display:block;flex:0 0 1px;width:1px;height:21px;background:rgba(255,255,255,.12)}
.ori-docs-header__label{flex:0 0 auto;color:rgba(216,222,231,.72);font-size:11px;font-weight:700;line-height:1;white-space:nowrap}
.ori-docs-header__nav{margin-inline-start:auto;flex:0 0 auto}
.ori-docs-header__nav .ori-segmented__indicator{width:51px}
.ori-docs-header__nav a{min-height:28px;padding-inline:11px;font-size:10.5px}
.ori-docs-header__external{margin-inline-start:5px;font-size:11px;opacity:.7}

/* Global Docs shell. */
.ori-docs-public-site .ori-docs{--ori-docs-canvas:var(--ori-canvas);--ori-docs-surface:var(--ori-surface-1);--ori-docs-surface-2:var(--ori-surface-2);--ori-docs-border:var(--ori-border-soft);--ori-docs-text:#fff;--ori-docs-body:var(--ori-soft);--ori-docs-muted:var(--ori-muted);--ori-docs-accent:var(--ori-purple);--ori-docs-radius:24px;width:var(--ori-shell);max-width:none;margin:0 auto;padding:152px 0 92px;color:var(--ori-soft);font-family:var(--ori-font-body)}
.admin-bar.ori-docs-public-site .ori-docs{padding-top:184px}
.ori-docs-public-site .ori-docs h1,.ori-docs-public-site .ori-docs h2,.ori-docs-public-site .ori-docs h3{font-family:var(--ori-font-headline);font-weight:700;font-synthesis:none;color:#fff}
.ori-docs-public-site .ori-docs a{transition:color .18s ease,background .2s ease,border-color .2s ease,transform .22s var(--ori-ease),box-shadow .22s ease}

/* Homepage. Compact documentation hero, not a marketing hero. */
.ori-docs-public-site .ori-docs-hero{max-width:820px;margin:0 0 66px;text-align:left}
.ori-docs-public-site .ori-docs-eyebrow{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:34px;padding:7px 13px;margin:0 0 20px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:var(--ori-surface-1);color:rgba(216,222,231,.64);font-size:10px;font-weight:700;letter-spacing:.11em;line-height:1.25;text-transform:uppercase}
.ori-docs-public-site .ori-docs-eyebrow::before{content:"";position:relative;display:block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--ori-purple);box-shadow:0 0 0 5px rgba(136,59,210,.11)}
.ori-docs-public-site .ori-docs-hero h1{max-width:760px;margin:0 0 16px;font-size:clamp(38px,4.2vw,54px);font-weight:900;line-height:1.07;letter-spacing:-.045em}
.ori-docs-public-site .ori-docs-hero__intro{max-width:690px;margin:0 0 30px;color:var(--ori-muted);font-size:17px;line-height:1.72}

/* Search: one quiet, large documentation control. */
.ori-docs-public-site .ori-docs-search{width:min(760px,100%)}
.ori-docs-public-site .ori-docs-search__field{height:58px;padding:0 18px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:var(--ori-surface-1);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.ori-docs-public-site .ori-docs-search__field:focus-within{border-color:rgba(136,59,210,.74);background:var(--ori-surface-2);box-shadow:0 0 0 3px rgba(136,59,210,.10),inset 0 1px 0 rgba(255,255,255,.05)}
.ori-docs-public-site .ori-docs-search__field>span:first-child{position:relative;display:block;flex:0 0 17px;width:17px;height:17px;font-size:0;border:1.8px solid rgba(216,222,231,.62);border-radius:50%}
.ori-docs-public-site .ori-docs-search__field>span:first-child::after{content:"";position:absolute;width:7px;height:1.8px;right:-5px;bottom:-2px;border-radius:2px;background:rgba(216,222,231,.62);transform:rotate(45deg);transform-origin:left center}
.ori-docs-public-site .ori-docs-search input{font-family:var(--ori-font-body);font-size:15px;color:#fff!important}
.ori-docs-public-site .ori-docs-search input::placeholder{color:rgba(216,222,231,.48)}
.ori-docs-public-site .ori-docs-search__results{top:calc(100% + 10px);padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(10,15,21,.98);box-shadow:0 24px 68px rgba(0,0,0,.34);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.ori-docs-public-site .ori-docs-search-result{padding:14px;border-radius:12px}
.ori-docs-public-site .ori-docs-search-result:hover,.ori-docs-public-site .ori-docs-search-result:focus-visible{background:var(--ori-surface-2)}

/* Homepage groups and cards. */
.ori-docs-public-site .ori-docs-section{margin-top:58px;padding:0}
.ori-docs-public-site .ori-docs-section__heading{margin-bottom:18px}
.ori-docs-public-site .ori-docs-section__heading h2{font-size:22px;line-height:1.2;letter-spacing:-.025em}
.ori-docs-public-site .ori-docs-product-grid{gap:14px}
.ori-docs-public-site .ori-docs-product-card{min-height:168px;padding:24px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:var(--ori-surface-1);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.ori-docs-public-site .ori-docs-product-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,rgba(210,60,59,.055),rgba(136,59,210,.03) 50%,rgba(59,208,210,.04));opacity:0;transition:opacity .22s ease}
.ori-docs-public-site .ori-docs-product-card:hover,.ori-docs-public-site .ori-docs-product-card:focus-visible{transform:translateY(-3px);border-color:rgba(255,255,255,.15);background:var(--ori-surface-2);box-shadow:0 18px 48px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.045)}
.ori-docs-public-site .ori-docs-product-card:hover::before,.ori-docs-public-site .ori-docs-product-card:focus-visible::before{opacity:1}
.ori-docs-public-site .ori-docs-product-card__name{position:relative;z-index:1;color:#fff;font-family:var(--ori-font-headline);font-size:19px;font-weight:700}
.ori-docs-public-site .ori-docs-product-card__desc{position:relative;z-index:1;max-width:31ch;color:var(--ori-muted);font-size:13.5px;line-height:1.65}
.ori-docs-public-site .ori-docs-product-card__arrow{display:grid;place-items:center;width:30px;height:30px;right:18px;bottom:18px;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:var(--ori-surface-3);color:#fff;font-size:14px;line-height:1}

/* Shared guide list. */
.ori-docs-public-site .ori-docs-guide-list{border:1px solid rgba(255,255,255,.075);border-radius:22px;background:var(--ori-surface-1);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.ori-docs-public-site .ori-docs-guide-row{min-height:66px;padding:16px 18px;border-bottom:1px solid var(--ori-border-soft)}
.ori-docs-public-site .ori-docs-guide-row:hover,.ori-docs-public-site .ori-docs-guide-row:focus-visible{background:var(--ori-surface-2)}
.ori-docs-public-site .ori-docs-guide-row strong{color:#fff;font-size:14px;font-weight:650}
.ori-docs-public-site .ori-docs-guide-row small{color:rgba(216,222,231,.50)}
.ori-docs-public-site .ori-docs-guide-row>span:last-child{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:var(--ori-surface-3);color:#fff;font-size:13px}

/* Product / category header. */
.ori-docs-public-site .ori-docs-product-header{grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:22px 42px;margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--ori-border-soft)}
.ori-docs-public-site .ori-docs-product-header .ori-docs-back{color:rgba(216,222,231,.50);font-size:12.5px;font-weight:600}
.ori-docs-public-site .ori-docs-product-header .ori-docs-back:hover{color:#fff}
.ori-docs-public-site .ori-docs-product-header h1{margin:0 0 8px;font-size:clamp(32px,3.6vw,44px);font-weight:900;line-height:1.08;letter-spacing:-.04em}
.ori-docs-public-site .ori-docs-product-header p{max-width:620px;color:var(--ori-muted);font-size:14.5px;line-height:1.6}

/* Three-column documentation reading layout. */
.ori-docs-public-site .ori-docs-layout{grid-template-columns:232px minmax(0,820px);gap:52px}
.ori-docs-public-site .ori-docs-layout--article{grid-template-columns:218px minmax(0,780px) 180px;gap:46px}
.ori-docs-public-site .ori-docs-sidebar{top:104px;max-height:calc(100vh - 128px);padding:2px 8px 16px 0}
.ori-docs-public-site .ori-docs-sidebar__title{margin-bottom:16px;color:#fff;font-family:var(--ori-font-headline);font-size:14px;font-weight:700}
.ori-docs-public-site .ori-docs-nav-section{margin-bottom:22px}
.ori-docs-public-site .ori-docs-nav-section__title{margin-bottom:7px;color:rgba(216,222,231,.72);font-size:12.5px;font-weight:700}
.ori-docs-public-site .ori-docs-nav-section__title:hover,.ori-docs-public-site .ori-docs-nav-section__title.is-active{color:#fff}
.ori-docs-public-site .ori-docs-nav-section li a{padding:7px 10px;border-radius:9px;color:rgba(216,222,231,.50);font-size:13px;line-height:1.4}
.ori-docs-public-site .ori-docs-nav-section li a:hover,.ori-docs-public-site .ori-docs-nav-section li a:focus-visible{background:rgba(255,255,255,.04);color:#fff}
.ori-docs-public-site .ori-docs-nav-section li a.is-active{background:rgba(136,59,210,.12);color:#fff;box-shadow:inset 2px 0 0 var(--ori-purple)}
.ori-docs-public-site .ori-docs-main{min-width:0}

/* Product/category content. */
.ori-docs-public-site .ori-docs-page-intro{margin-bottom:30px}
.ori-docs-public-site .ori-docs-page-intro h2{margin-bottom:10px;font-size:clamp(30px,3.5vw,40px);font-weight:900;line-height:1.1;letter-spacing:-.038em}
.ori-docs-public-site .ori-docs-page-intro>p:last-child{max-width:690px;color:var(--ori-muted);font-size:16.5px;line-height:1.72}
.ori-docs-public-site .ori-docs-category-grid{gap:14px}
.ori-docs-public-site .ori-docs-category-card{padding:22px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:var(--ori-surface-1);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.ori-docs-public-site .ori-docs-category-card h3{margin-bottom:14px;font-size:17px}
.ori-docs-public-site .ori-docs-category-card h3 a:hover{color:var(--ori-soft)}
.ori-docs-public-site .ori-docs-category-card li a{color:var(--ori-muted);font-size:13.5px;line-height:1.5}
.ori-docs-public-site .ori-docs-category-card li a:hover{color:#fff}

/* Article reading surface. */
.ori-docs-public-site .ori-docs-article{max-width:780px}
.ori-docs-public-site .ori-docs-breadcrumb{margin-bottom:18px;color:rgba(216,222,231,.48);font-size:12px}
.ori-docs-public-site .ori-docs-breadcrumb a:hover{color:#fff}
.ori-docs-public-site .ori-docs-article__header{margin-bottom:38px;padding-bottom:27px;border-bottom:1px solid var(--ori-border-soft)}
.ori-docs-public-site .ori-docs-article__header h1{margin-bottom:15px;font-size:clamp(36px,4.2vw,50px);font-weight:900;line-height:1.08;letter-spacing:-.045em}
.ori-docs-public-site .ori-docs-article__summary{max-width:710px;margin-bottom:16px;color:var(--ori-soft);font-size:18px;line-height:1.66}
.ori-docs-public-site .ori-docs-meta{gap:8px 18px;color:rgba(216,222,231,.46);font-size:12px}
.ori-docs-public-site .ori-docs-article__body{color:var(--ori-soft);font-size:17px;line-height:1.74}
.ori-docs-public-site .ori-docs-article__body h2{scroll-margin-top:112px;margin:48px 0 16px;font-size:27px;font-weight:700;line-height:1.24;letter-spacing:-.025em}
.ori-docs-public-site .ori-docs-article__body h3{scroll-margin-top:112px;margin:34px 0 12px;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.015em}
.ori-docs-public-site .ori-docs-article__body p,.ori-docs-public-site .ori-docs-article__body ul,.ori-docs-public-site .ori-docs-article__body ol{margin-bottom:20px}
.ori-docs-public-site .ori-docs-article__body li{margin-bottom:8px}
.ori-docs-public-site .ori-docs-article__body a{color:#fff;text-decoration-color:rgba(255,255,255,.30);text-decoration-thickness:1px;text-underline-offset:4px}
.ori-docs-public-site .ori-docs-article__body a:hover{text-decoration-color:var(--ori-purple)}
.ori-docs-public-site .ori-docs-article__body code{border:1px solid rgba(255,255,255,.09);border-radius:7px;background:var(--ori-surface-2);color:#fff}
.ori-docs-public-site .ori-docs-article__body pre{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#080C11;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.ori-docs-public-site .ori-docs-article__body pre code{border:0;background:transparent}

/* Notes, warnings, tips. Semantic colour never becomes a new brand accent. */
.ori-docs-public-site .ori-docs-callout{margin:28px 0;padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-left:3px solid rgba(136,59,210,.68);border-radius:14px;background:var(--ori-surface-1);color:var(--ori-soft)}
.ori-docs-public-site .ori-docs-callout>strong{display:block;margin-bottom:6px;color:#fff;font-family:var(--ori-font-headline);font-size:13px}
.ori-docs-public-site .ori-docs-callout p:last-child{margin-bottom:0}
.ori-docs-public-site .ori-docs-callout--warning{border-left-color:#D4A72C}
.ori-docs-public-site .ori-docs-callout--tip{border-left-color:#3ECF8E}

/* Endpoint, feedback and article navigation controls. */
.ori-docs-public-site .ori-docs-endpoint{border-color:rgba(255,255,255,.09);border-radius:14px;background:var(--ori-surface-1)}
.ori-docs-public-site .ori-docs-endpoint button,.ori-docs-public-site .ori-docs-helpful button{min-height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:var(--ori-surface-2);color:#fff}
.ori-docs-public-site .ori-docs-endpoint button:hover,.ori-docs-public-site .ori-docs-helpful button:hover{background:var(--ori-surface-3);border-color:rgba(255,255,255,.18)}
.ori-docs-public-site .ori-docs-related{border-top-color:var(--ori-border-soft)}
.ori-docs-public-site .ori-docs-related h2{font-size:20px}
.ori-docs-public-site .ori-docs-helpful{margin-top:40px;padding:18px 20px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:var(--ori-surface-1)}
.ori-docs-public-site .ori-docs-prev-next{gap:14px;margin-top:32px}
.ori-docs-public-site .ori-docs-prev-next a{min-height:76px;padding:15px 16px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:var(--ori-surface-1)}
.ori-docs-public-site .ori-docs-prev-next a:hover{border-color:rgba(255,255,255,.15);background:var(--ori-surface-2)}
.ori-docs-public-site .ori-docs-prev-next small{color:rgba(216,222,231,.48)}

/* Table of contents. */
.ori-docs-public-site .ori-docs-toc{top:104px;gap:8px;padding:2px 0 2px 18px;border-left:1px solid var(--ori-border-soft)}
.ori-docs-public-site .ori-docs-toc strong{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.ori-docs-public-site .ori-docs-toc a{color:rgba(216,222,231,.48);font-size:12px;line-height:1.5}
.ori-docs-public-site .ori-docs-toc a:hover{color:#fff}

/* Mobile Docs navigation uses the same surface system. */
.ori-docs-public-site .ori-docs-nav-toggle{min-height:46px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:var(--ori-surface-1);color:#fff;font-weight:650}
.ori-docs-public-site .ori-docs-sidebar.is-open{background:var(--ori-surface-1);border-color:rgba(255,255,255,.09);border-radius:18px}

/* Footer stays the exact corporate compact treatment. */
.ori-docs-site-footer{margin-top:22px}

/* Generic WP pages if ever required on the Docs installation. */
.ori-docs-generic-page{padding:156px 0 90px}

@media(max-width:1180px){
 .ori-docs-public-site .ori-docs-layout--article{grid-template-columns:218px minmax(0,1fr);gap:42px}
}
@media(max-width:900px){
 .ori-docs-site-header,.ori-docs-site-header:hover,.ori-docs-site-header:focus-within{top:10px;width:min(680px,calc(100vw - 24px))}
 .admin-bar .ori-docs-site-header{top:56px}
 .ori-docs-header__nav{display:flex!important;margin-inline-start:auto}
 .ori-docs-public-site .ori-docs{width:min(100% - 28px,1200px);padding-top:126px}
 .admin-bar.ori-docs-public-site .ori-docs{padding-top:164px}
 .ori-docs-public-site .ori-docs-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ori-docs-public-site .ori-docs-product-header{grid-template-columns:1fr;align-items:start}
 .ori-docs-public-site .ori-docs-product-header .ori-docs-search{width:100%}
 .ori-docs-public-site .ori-docs-layout,.ori-docs-public-site .ori-docs-layout--article{grid-template-columns:1fr;gap:0}
 .ori-docs-public-site .ori-docs-sidebar{position:static;max-height:none;padding:18px}
 .ori-docs-public-site .ori-docs-category-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .ori-docs-header__divider,.ori-docs-header__label{display:none}
 .ori-docs-header__wordmark-stack{display:none}
 .ori-docs-header__compact{display:block}
 .ori-docs-header__brand{min-width:36px;min-height:36px;padding:3px}
 .ori-docs-header__nav a{padding-inline:10px}
 .ori-docs-header__nav a:first-of-type{display:none}
 .ori-docs-header__nav .ori-segmented__indicator{display:none}
 .ori-docs-public-site .ori-docs{width:min(100% - 24px,100%);padding-top:112px;padding-bottom:66px}
 .admin-bar.ori-docs-public-site .ori-docs{padding-top:150px}
 .ori-docs-public-site .ori-docs-hero{margin-bottom:48px}
 .ori-docs-public-site .ori-docs-hero h1{font-size:40px}
 .ori-docs-public-site .ori-docs-product-grid{grid-template-columns:1fr}
 .ori-docs-public-site .ori-docs-product-card{min-height:138px}
 .ori-docs-public-site .ori-docs-section{margin-top:46px}
 .ori-docs-public-site .ori-docs-product-header h1{font-size:34px}
 .ori-docs-public-site .ori-docs-article__header h1{font-size:36px}
 .ori-docs-public-site .ori-docs-article__summary{font-size:17px}
 .ori-docs-public-site .ori-docs-article__body{font-size:16.5px;line-height:1.72}
 .ori-docs-public-site .ori-docs-article__body h2{font-size:25px}
 .ori-docs-public-site .ori-docs-prev-next{grid-template-columns:1fr}
 .ori-docs-public-site .ori-docs-prev-next>div:last-child{text-align:left}
 .ori-docs-site-footer .ori-footer__grid{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:480px){
 .ori-docs-site-header{width:calc(100vw - 16px)}
 .ori-docs-header__nav a{font-size:10px}
 .ori-docs-public-site .ori-docs-search__field{height:54px;padding-inline:15px}
 .ori-docs-public-site .ori-docs-guide-row{padding-inline:15px}
 .ori-docs-public-site .ori-docs-product-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 .ori-docs-header__wordmark,.ori-docs-public-site .ori-docs a,.ori-docs-public-site .ori-docs-product-card::before{transition:none!important}
 .ori-docs-public-site .ori-docs-product-card:hover,.ori-docs-public-site .ori-docs-product-card:focus-visible{transform:none}
}
