.quantin-documentation .site-main { width:min(1380px,calc(100% - 48px)); }
.documentation-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:clamp(46px,6vw,92px); align-items:start; }
.documentation-sidebar { position:sticky; top:132px; min-width:0; padding:22px 18px; border:1px solid rgba(255,255,255,.74); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(224,229,226,.28)); box-shadow:0 20px 60px rgba(24,47,58,.065),inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter:blur(24px) saturate(1.15); -webkit-backdrop-filter:blur(24px) saturate(1.15); }
.documentation-sidebar-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; padding:0 7px 18px; border-bottom:1px solid rgba(20,48,61,.08); }
.documentation-sidebar-heading span,.documentation-kicker,.documentation-section-card > div > span,.documentation-empty > span { color:rgba(20,48,61,.48); font:9px ui-monospace,monospace; letter-spacing:.15em; text-transform:uppercase; }
.documentation-sidebar-heading small { color:#1689bd; font:8px ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.documentation-menu-toggle { display:none; }
.documentation-menu,.documentation-menu .sub-menu { margin:0; padding:0; list-style:none; }
.documentation-menu { display:grid; gap:4px; }
.documentation-menu li { margin:0; }
.documentation-menu a { display:block; padding:10px 11px; border-radius:10px; color:rgba(19,39,48,.62); font-size:12px; line-height:1.35; text-decoration:none; transition:background 180ms ease,color 180ms ease,transform 180ms ease; }
.documentation-menu a:hover { color:#132730; background:rgba(255,255,255,.58); transform:translateX(2px); }
.documentation-menu .current-menu-item > a,.documentation-menu .current-category-ancestor > a { color:#12384a; background:rgba(255,255,255,.78); box-shadow:inset 2px 0 0 #1689bd; }
.documentation-menu .sub-menu { display:grid; gap:2px; margin:3px 0 8px 13px; padding-left:10px; border-left:1px solid rgba(20,48,61,.1); }
.documentation-menu .sub-menu a { padding:8px 10px; color:rgba(19,39,48,.48); font-size:11px; }
.documentation-menu-empty { margin:0; color:rgba(19,39,48,.5); font-size:11px; line-height:1.6; }
.documentation-main { min-width:0; }
.documentation-header { max-width:920px; margin-bottom:54px; }
.documentation-header h1,.documentation-article > header h1 { max-width:950px; margin:14px 0 22px; font-size:clamp(48px,6.5vw,88px); font-weight:540; line-height:.92; letter-spacing:-.065em; }
.documentation-description,.documentation-article > header p { max-width:720px; margin:0; color:rgba(19,39,48,.56); font-size:16px; line-height:1.75; }
.documentation-introduction { max-width:760px; margin:-22px 0 50px; color:#415760; font-size:16px; line-height:1.8; }
.documentation-section-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.documentation-section-card { position:relative; display:grid; grid-template-columns:40px minmax(0,1fr) 30px; gap:18px; min-height:190px; padding:25px; overflow:hidden; border:1px solid rgba(255,255,255,.78); border-radius:23px; background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(224,230,227,.27)); box-shadow:0 18px 52px rgba(24,47,58,.055),inset 0 1px 0 rgba(255,255,255,.9); color:inherit; text-decoration:none; transition:transform 240ms cubic-bezier(.16,1,.3,1),border-color 220ms ease,box-shadow 240ms ease,background 220ms ease; }
.documentation-section-card:hover { transform:translateY(-3px); border-color:rgba(22,137,189,.24); box-shadow:0 24px 62px rgba(24,47,58,.09),inset 0 1px 0 rgba(255,255,255,.94); }
.documentation-section-card:focus-visible { outline:2px solid rgba(22,137,189,.72); outline-offset:4px; }
.documentation-section-card::after { content:""; position:absolute; right:-80px; bottom:-105px; width:190px; height:190px; border:1px solid rgba(22,137,189,.05); border-radius:50%; pointer-events:none; }
.documentation-section-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(22,137,189,.12); border-radius:12px; background:rgba(255,255,255,.55); }
.documentation-section-icon i { width:8px; height:8px; border:1.5px solid #1689bd; border-radius:50%; box-shadow:0 0 0 4px rgba(22,137,189,.07); }
.documentation-section-card h2 { margin:10px 0 12px; font-size:clamp(22px,2.4vw,31px); font-weight:540; line-height:1; letter-spacing:-.04em; }
.documentation-section-card h2 { color:#132730; }
.documentation-section-card p { margin:0; color:rgba(19,39,48,.52); font-size:12px; line-height:1.65; }
.documentation-arrow { position:relative; z-index:2; align-self:start; color:rgba(19,39,48,.5); text-decoration:none; transition:transform 180ms ease,color 180ms ease; }
.documentation-section-card:hover .documentation-arrow,.documentation-section-card:focus-visible .documentation-arrow { color:#1689bd; transform:translate(2px,-2px); }
.documentation-empty { padding:42px; border:1px solid rgba(255,255,255,.75); border-radius:24px; background:rgba(255,255,255,.4); text-align:center; }
.documentation-empty h2 { margin:12px 0; font-size:34px; letter-spacing:-.04em; }
.documentation-empty p { max-width:580px; margin:0 auto; color:rgba(19,39,48,.52); line-height:1.7; }
.documentation-article-list { display:grid; gap:12px; }
.documentation-article-list article { display:flex; justify-content:space-between; gap:24px; padding:25px 28px; border:1px solid rgba(255,255,255,.76); border-radius:20px; background:rgba(255,255,255,.42); box-shadow:inset 0 1px 0 rgba(255,255,255,.85); }
.documentation-article-list span { color:rgba(20,48,61,.42); font:8px ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; }
.documentation-article-list h2 { margin:8px 0 9px; font-size:26px; letter-spacing:-.035em; }
.documentation-article-list h2 a { color:#132730; text-decoration:none; }
.documentation-article-list p { max-width:660px; margin:0; color:rgba(19,39,48,.52); font-size:13px; line-height:1.65; }
.documentation-article > header { max-width:900px; margin-bottom:52px; }
.documentation-content { max-width:780px; color:#415760; font-size:17px; line-height:1.82; }
.documentation-content h2,.documentation-content h3 { margin:2.1em 0 .75em; color:#132730; font-weight:550; line-height:1.08; letter-spacing:-.035em; }
.documentation-content h2 { font-size:clamp(30px,4vw,43px); }
.documentation-content h3 { font-size:25px; }
.documentation-content img { max-width:100%; height:auto; border-radius:20px; }
.documentation-content pre { max-width:100%; padding:20px; overflow:auto; border-radius:16px; background:#142a34; color:#e9f0ef; }
.documentation-content code { font-family:ui-monospace,monospace; }
@media(max-width:860px){
	.quantin-documentation .site-main { width:calc(100% - 24px); }
	.documentation-layout { grid-template-columns:1fr; gap:34px; }
	.documentation-sidebar { position:relative; top:auto; z-index:8; padding:10px; border-radius:18px; }
	.documentation-sidebar-heading { display:none; }
	.documentation-menu-toggle { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:48px; padding:0 14px; border:0; border-radius:12px; background:rgba(255,255,255,.65); color:#173746; font-size:12px; }
	.documentation-menu-toggle i { width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform 200ms ease; }
	.documentation-sidebar.is-open .documentation-menu-toggle i { transform:rotate(225deg); }
	.documentation-navigation { display:none; padding:8px 3px 3px; }
	.documentation-sidebar.is-open .documentation-navigation { display:block; }
	.documentation-menu .sub-menu { margin-left:16px; }
	.documentation-header { margin-bottom:38px; }
	.documentation-header h1,.documentation-article > header h1 { font-size:clamp(44px,14vw,66px); }
	.documentation-description,.documentation-article > header p { font-size:14px; }
	.documentation-section-grid { grid-template-columns:1fr; }
	.documentation-section-card { min-height:170px; padding:21px 18px; grid-template-columns:36px minmax(0,1fr) 24px; gap:13px; }
	.documentation-article-list article { padding:21px 19px; }
	.documentation-content { font-size:16px; }
}