/* Sachin H. Patil V6 reader-first prototype — SAP-native editorial + selective glass */
:root{--bg:#f4f6f8;--warm:#f8fafc;--surface:#fff;--surface2:#eef3f7;--ink:#142433;--ink2:#2c4357;--muted:#64798b;--muted2:#8394a3;--line:#d9e2e9;--brand:#1867d8;--brand-deep:#0f4fad;--blue:#1867d8;--teal:#197c80;--violet:#684af4;--orchid:#a94cc4;--knowledge-soft:#eaf3fe;--teal-soft:#eaf6f5;--ai-soft:#f3efff;--sanctuary:#fcfdfb;--success:#18794e;--warn:#9a6700;--danger:#c9372c;--glass:rgba(255,255,255,.70);--glass-border:rgba(255,255,255,.68);--glass-shadow:0 16px 44px rgba(20,36,51,.12);--shadow:0 16px 44px rgba(20,36,51,.08);--max:1220px;--read:790px;--radius:22px;--radius-sm:14px}
html[data-theme='dark']{--bg:#08131f;--warm:#0b1622;--surface:#0e1b29;--surface2:#132334;--ink:#eff6fc;--ink2:#d5e0ea;--muted:#9db0c1;--muted2:#7d91a5;--line:#263b4e;--brand:#6ba5f7;--brand-deep:#8cb9fa;--blue:#6ba5f7;--teal:#57c1c2;--violet:#9b87ff;--orchid:#d084e0;--knowledge-soft:#102943;--teal-soft:#102f31;--ai-soft:#271f42;--sanctuary:#0b1622;--glass:rgba(14,27,41,.72);--glass-border:rgba(255,255,255,.11);--glass-shadow:0 16px 44px rgba(0,0,0,.26);--shadow:0 16px 44px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body.has-mobile-nav{padding-bottom:92px}body.article-page{background:var(--sanctuary)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.read-shell{width:min(calc(100% - 40px),var(--read));margin:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:500;background:var(--brand);color:white;padding:12px 15px;border-radius:10px}.skip-link:focus{top:16px}.muted{color:var(--muted)}.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:850;color:var(--brand)}.gradient{background:linear-gradient(135deg,var(--brand),var(--teal) 52%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.ai-gradient{background:linear-gradient(135deg,var(--violet),var(--orchid));-webkit-background-clip:text;background-clip:text;color:transparent}.section{padding:72px 0}.section.tight{padding:48px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}.section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.035em;margin:6px 0 0}.section-head p{max-width:560px;color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--line);background:var(--surface);border-radius:13px;font-weight:760;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;box-shadow:0 12px 28px rgba(24,103,216,.22)}.btn.soft{background:var(--knowledge-soft);color:var(--brand);border-color:transparent}.btn.ai{background:linear-gradient(135deg,var(--violet),var(--orchid));color:white;border-color:transparent}.btn.ghost{background:transparent}.btn.small{min-height:36px;padding:7px 11px;font-size:13px}.icon-btn{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon.sm{width:17px;height:17px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.36);overflow:hidden}.card-body{padding:22px}.card h3{margin:7px 0 8px;font-size:21px;line-height:1.18;letter-spacing:-.02em}.card p{color:var(--muted);margin:0}.meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:12px}.meta span{display:inline-flex;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--surface2);padding:5px 9px;font-size:11px;font-weight:800;color:var(--muted)}.badge.brand{background:var(--knowledge-soft);color:var(--brand)}.badge.teal{background:var(--teal-soft);color:var(--teal)}.badge.ai{background:var(--ai-soft);color:var(--violet)}.text-link{font-weight:820;color:var(--brand)}.grid2,.grid3,.grid4{display:grid;gap:18px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}
/* header */
.site-header{position:sticky;top:0;z-index:70;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px) saturate(135%);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{width:39px;height:39px;border-radius:13px;display:block;padding:7px;object-fit:contain;background:linear-gradient(145deg,var(--surface),var(--knowledge-soft));border:1px solid var(--line);box-shadow:0 10px 24px rgba(20,36,51,.12)}.brand-copy strong{display:block;font-size:14px;line-height:1.1}.brand-copy span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.primary-nav{display:flex;align-items:center;gap:3px}.primary-nav a,.primary-nav button{border:0;background:transparent;border-radius:10px;padding:9px 10px;font-size:13px;font-weight:760}.primary-nav a:hover,.primary-nav a[aria-current='page'],.primary-nav button:hover{background:var(--knowledge-soft);color:var(--brand)}.header-actions{display:flex;align-items:center;gap:8px}.header-actions>[data-mobile-menu]{display:none}.desktop-search{min-width:118px}.desktop-search span{font-size:12px}.kbd{font-size:10px;padding:1px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;color:var(--muted)}
.header-actions>.btn.primary{background:linear-gradient(135deg,#1867d8,#0f4fad);color:#fff;border-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.18)}
/* mega menu */
.mega-wrap{position:relative}.mega-menu{position:absolute;left:50%;top:50px;transform:translateX(-50%) translateY(-6px);width:min(760px,76vw);padding:16px;background:var(--glass);backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:22px;display:none;opacity:0}.mega-wrap.open .mega-menu{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;animation:mega .16s ease forwards}@keyframes mega{to{opacity:1;transform:translateX(-50%) translateY(0)}}.mega-col{padding:13px}.mega-col h4{margin:0 0 9px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.mega-col a{display:block;padding:8px 9px;border-radius:9px;font-size:13px}.mega-col a:hover{background:var(--knowledge-soft)}
/* hero */
.hero{padding:62px 0 34px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-180px;top:-250px;background:radial-gradient(circle,rgba(104,74,244,.13),rgba(24,103,216,.08) 42%,transparent 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}.hero h1{font-size:clamp(48px,6.1vw,78px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.trust-row{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:12px}.trust-row span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:7px}.hero-glass{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 76%,transparent),color-mix(in srgb,var(--knowledge-soft) 70%,transparent));backdrop-filter:blur(22px) saturate(135%);border:1px solid var(--glass-border);border-radius:30px;padding:28px;box-shadow:var(--glass-shadow)}.profile-card{display:grid;gap:13px}.profile-top{display:flex;gap:12px;align-items:center}.avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--teal));color:white;display:grid;place-items:center;font-weight:900;object-fit:cover}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-cell{padding:12px;background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--line);border-radius:14px}.mini-cell strong{font-size:12px;display:block}.mini-cell span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.authority-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.authority-stats div{padding:11px;border-radius:13px;background:var(--surface2)}.authority-stats strong{display:block;font-size:20px}.authority-stats span{font-size:9px;color:var(--muted)}
/* search band */
.search-band{margin-top:26px;padding:10px;border-radius:20px;background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.search-form{display:flex;gap:10px;align-items:center}.search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:10px;font-size:16px}.popular-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:11px}.popular-links a{padding:5px 8px;border-radius:8px;background:var(--surface2)}
/* compass */
.compass{padding:25px;border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 72%,transparent),color-mix(in srgb,var(--knowledge-soft) 58%,transparent));backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.compass-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.intent-card{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 75%,transparent);border-radius:17px;padding:16px;text-align:left;transition:.18s ease}.intent-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 12px 24px rgba(20,36,51,.08)}.intent-card .intent-icon{width:38px;height:38px;border-radius:12px;background:var(--knowledge-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:12px}.intent-card.ai .intent-icon{background:var(--ai-soft);color:var(--violet)}.intent-card strong{display:block}.intent-card span{font-size:11px;color:var(--muted);display:block;margin-top:5px}
/* knowledge pulse & streams */
.pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}.pulse-item{padding:18px;border-right:1px solid var(--line)}.pulse-item:last-child{border:0}.pulse-label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--brand);font-weight:900}.pulse-item strong{display:block;margin-top:7px;font-size:14px}.pulse-item span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.featured{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:18px}.featured-main{min-height:330px;background:linear-gradient(145deg,var(--knowledge-soft),var(--surface));padding:28px;display:flex;flex-direction:column;justify-content:space-between}.featured-main h3{font-size:34px;max-width:560px}.visual-tile{height:126px;border-radius:18px;background:linear-gradient(145deg,#0f4fad,#197c80);padding:18px;color:white;display:flex;align-items:end;font-size:28px;font-weight:900;letter-spacing:-.05em}.visual-tile.ai{background:linear-gradient(145deg,var(--violet),var(--orchid))}.editorial-feature{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.feature-main{padding:30px;border-radius:26px;background:linear-gradient(145deg,#10243a,#163c61);color:white;min-height:330px;display:flex;flex-direction:column;justify-content:end}.feature-main h3{font-size:38px;letter-spacing:-.04em;line-height:1.04;margin:8px 0}.feature-main p{color:#c7d8e8}.feature-side{display:grid;gap:16px}.mini-feature{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.mini-feature h3{font-size:20px;margin:7px 0}.domain-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.domain-row:last-child{border-bottom:1px solid var(--line)}.domain-row h3{margin:0 0 6px;font-size:24px}.domain-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.domain-item{padding:15px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.domain-item strong{display:block;font-size:13px}.domain-item span{font-size:11px;color:var(--muted)}
/* graph */
.graph-panel{background:linear-gradient(145deg,#0d2034,#163854);color:white;border-radius:28px;padding:28px;overflow:hidden}.graph-head{display:flex;justify-content:space-between;align-items:end;gap:22px}.graph-head p{color:#b9cfdf}.graph-panel .graph-cta{background:#fff;border-color:transparent;color:#10243a;box-shadow:0 12px 26px rgba(0,0,0,.18)}.graph-panel .graph-cta:hover{background:#eaf6f5;border-color:transparent;color:#10243a}.graph{height:330px;position:relative;margin-top:10px}.graph svg{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.graph-node{position:absolute;transform:translate(-50%,-50%);padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:12px;font-weight:760}.graph-node.primary{background:linear-gradient(135deg,var(--brand),var(--teal));box-shadow:0 10px 28px rgba(0,0,0,.23)}
/* trails */
.trail{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center}.trail-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.trail-card small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:var(--muted);font-weight:850}.trail-card strong{display:block;margin-top:6px}.trail-card span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.trail-card.current{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:var(--knowledge-soft)}.trail-card.next{border-color:color-mix(in srgb,var(--teal) 45%,var(--line))}.trail-arrow{text-align:center;color:var(--muted)}
/* knowledge listing */
.page-hero{padding:48px 0 26px}.page-hero h1{font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.05em;margin:12px 0}.page-hero p{font-size:17px;color:var(--muted);max-width:740px}.knowledge-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin:22px 0}.knowledge-search{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 12px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.knowledge-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;padding:8px}.browse-entry{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 24px}.browse-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:15px;text-align:left}.browse-card strong{display:block}.browse-card span{font-size:11px;color:var(--muted)}.library-layout{display:grid;grid-template-columns:245px 1fr;gap:28px}.filter-rail{position:sticky;top:90px;align-self:start}.filter-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}.filter-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.filter-section:first-of-type{border:0;margin-top:0;padding-top:0}.filter-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin:0 0 9px;color:var(--muted)}.filter-tree label{display:flex;align-items:center;gap:8px;padding:6px 5px;font-size:13px}.filter-tree .sub{padding-left:20px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.active-summary{font-size:12px;color:var(--muted)}.result-list{display:grid;gap:12px}.result-card{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.result-card:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));box-shadow:0 9px 26px rgba(20,36,51,.06)}.result-card h3{font-size:20px;margin:5px 0}.result-card p{font-size:13px;color:var(--muted);margin:0 0 10px}.result-card .path{font-size:11px;color:var(--brand)}.result-side{display:flex;align-items:center}.mobile-refine{display:none}
/* mobile refine sheet */
.sheet-backdrop{position:fixed;inset:0;background:rgba(4,14,25,.46);backdrop-filter:blur(6px);z-index:200;display:none}.sheet-backdrop.open{display:block}.sheet{position:fixed;z-index:220;background:var(--surface);box-shadow:var(--glass-shadow);border:1px solid var(--line)}.mobile-sheet{left:0;right:0;bottom:0;border-radius:24px 24px 0 0;max-height:88vh;overflow:auto;padding:18px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(110%);transition:.22s ease}.sheet-backdrop.open .mobile-sheet{transform:translateY(0)}.sheet-head{display:flex;justify-content:space-between;gap:15px;align-items:center;position:sticky;top:0;background:var(--surface);padding-bottom:12px;border-bottom:1px solid var(--line);z-index:2}.sheet-head h3{margin:0}.guided-step{padding:18px 0;border-bottom:1px solid var(--line)}.guided-step h4{margin:0 0 10px;font-size:14px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{display:block}.choice input{position:absolute;opacity:0}.choice span{display:block;border:1px solid var(--line);border-radius:13px;padding:11px;font-size:12px;background:var(--surface)}.choice input:checked+span{border-color:var(--brand);background:var(--knowledge-soft);color:var(--brand);font-weight:800}.advanced-toggle{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;padding:14px 0;font-weight:800}.advanced-panel{display:none}.advanced-panel.open{display:block}.sheet-actions{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,var(--surface) 24%);padding-top:22px;display:grid;grid-template-columns:1fr 2fr;gap:8px}
/* topic explorer */
.topic-map{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.topic-tree{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.topic-domain{padding:14px 0;border-top:1px solid var(--line)}.topic-domain:first-child{border:0;padding-top:0}.topic-domain-head{display:flex;justify-content:space-between;gap:10px}.topic-domain h3{margin:0}.topic-children{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.topic-child{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:10px;text-align:left}.tag-panel{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.tag-search{display:flex;border:1px solid var(--line);border-radius:13px;padding:4px 8px}.tag-search input{width:100%;border:0;outline:0;background:transparent;padding:8px}.tag-cloud{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:24px 5px}.tag{border:0;background:transparent;color:var(--brand);font-weight:770}.tag.s2{font-size:13px}.tag.s3{font-size:16px}.tag.s4{font-size:20px}.tag.s5{font-size:24px}.tag sup{color:var(--muted);font-size:9px}.az-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.az-list a{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.az-list span{color:var(--muted)}
/* labs/tools */
.lab-card{position:relative}.lab-card:before{content:"";display:block;height:7px;background:linear-gradient(90deg,var(--violet),var(--orchid))}.lab-visual{height:160px;background:linear-gradient(145deg,var(--ai-soft),var(--surface2));display:grid;place-items:center}.architecture{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:10px}.arch-node{padding:14px;border:1px solid var(--line);background:var(--surface);border-radius:14px;text-align:center;font-size:12px;font-weight:760}.arch-arrow{text-align:center;color:var(--violet)}.tool-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.tool-input{display:flex;gap:8px}.tool-input input{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--bg)}.tool-results{display:grid;gap:8px}.tool-row{padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;gap:12px}.tool-row small{color:var(--muted)}
/* article */
.article-header{padding:42px 0 20px}.breadcrumbs{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px}.breadcrumbs a:hover{color:var(--brand)}.article-header h1{font-size:clamp(42px,5.6vw,70px);letter-spacing:-.055em;line-height:1;margin:15px 0}.article-deck{font-size:19px;line-height:1.65;color:var(--muted);max-width:820px}.article-meta-row{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:18px}.article-layout{display:grid;grid-template-columns:220px minmax(0,var(--read)) 230px;gap:30px;justify-content:center;align-items:start;padding:20px 0 70px}.article-toc,.article-side{position:sticky;top:90px}.toc-box,.side-box{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:14px}.toc-box h4,.side-box h4{margin:0 0 9px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.toc-box a{display:block;padding:7px 8px;border-radius:8px;font-size:12px;color:var(--muted)}.toc-box a.active,.toc-box a:hover{background:var(--knowledge-soft);color:var(--brand)}.article-progress{height:5px;background:var(--surface2);border-radius:99px;overflow:hidden;margin-top:12px}.article-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--brand),var(--teal));transition:.12s}.article-content{min-width:0}.article-content p,.article-content li{font-size:18px;line-height:1.76;color:var(--ink2)}.article-content h2{font-size:32px;line-height:1.13;letter-spacing:-.03em;margin:52px 0 16px}.article-content h3{font-size:23px;margin:34px 0 12px}.overview30{padding:22px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:20px;background:linear-gradient(145deg,var(--knowledge-soft),var(--surface));margin-bottom:32px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overview-item small{display:block;color:var(--brand);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.overview-item strong{display:block;margin-top:4px}.consultant-note,.callout{padding:18px 19px;border-radius:15px;margin:24px 0;background:var(--teal-soft);border-left:4px solid var(--teal)}.callout{background:var(--knowledge-soft);border-left-color:var(--brand)}.consultant-note strong,.callout strong{display:block;margin-bottom:5px}.code-block{background:#0d1d2c;color:#e7f1f7;border-radius:16px;padding:18px;overflow:auto;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:20px 0}.tech-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;margin:20px 0}.tech-table{width:100%;border-collapse:collapse;min-width:620px}.tech-table th,.tech-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.tech-table th{background:var(--surface2);color:var(--muted)}.figure{margin:28px 0}.figure-frame{height:290px;border-radius:20px;background:linear-gradient(145deg,var(--knowledge-soft),var(--surface2));border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.figure-frame svg{width:88%;height:80%}.figure figcaption{font-size:11px;color:var(--muted);margin-top:8px}.image-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.gallery-item{height:140px;border:0;border-radius:15px;background:linear-gradient(145deg,var(--surface2),var(--knowledge-soft));display:grid;place-items:center;font-weight:800;color:var(--brand)}.gallery-item:first-child{height:288px;grid-row:span 2}.context-track{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;align-items:center;margin:28px 0}.author-bio{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:17px}.author-bio .avatar{width:50px;height:50px}.completion{padding:24px;border-radius:22px;background:linear-gradient(145deg,var(--knowledge-soft),var(--surface));border:1px solid var(--line);margin-top:38px}.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.prev-next a{padding:16px;border:1px solid var(--line);background:var(--surface);border-radius:15px}.side-actions{display:grid;gap:8px}.side-actions button{justify-content:flex-start}.trust-box{font-size:11px;color:var(--muted)}.trust-box b{color:var(--success)}
/* lightbox/search dialogs */
.dialog-backdrop{position:fixed;inset:0;z-index:300;background:rgba(4,14,25,.54);backdrop-filter:blur(7px);display:none;place-items:start center;padding-top:9vh}.dialog-backdrop.open{display:grid}.dialog{width:min(720px,calc(100% - 28px));max-height:78vh;overflow:auto;border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(24px) saturate(140%);box-shadow:var(--glass-shadow);border-radius:24px;padding:16px}.search-dialog-head{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:11px}.search-dialog-head input{flex:1;border:0;outline:0;background:transparent;padding:9px;font-size:16px}.search-result{display:block;padding:13px;border-radius:12px}.search-result:hover{background:var(--knowledge-soft)}.search-result strong{display:block}.search-result span{font-size:11px;color:var(--muted)}.lightbox{width:min(940px,calc(100% - 28px));padding:20px}.lightbox-art{height:min(70vh,650px);display:grid;place-items:center;background:linear-gradient(145deg,var(--knowledge-soft),var(--surface2));border-radius:18px;color:var(--brand);font-size:32px;font-weight:900}
/* desktop floating nav */
.desktop-float{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;flex-direction:column;align-items:end;gap:8px}.float-menu{display:none;flex-direction:column;gap:7px;padding:9px;background:var(--glass);backdrop-filter:blur(22px) saturate(145%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.desktop-float.open .float-menu{display:flex;animation:fadeUp .15s ease}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.float-item{min-height:52px;border:0;border-radius:16px;background:transparent;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 8px;text-align:left}.float-item:hover{background:var(--surface)}.float-icon{width:38px;height:38px;border-radius:13px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center}.float-item.ai .float-icon{background:var(--ai-soft);color:var(--violet)}.float-item span{font-size:12px;font-weight:760}.float-launcher{width:62px;height:62px;border-radius:21px;border:1px solid var(--glass-border);background:linear-gradient(145deg,var(--brand),var(--brand-deep) 55%,var(--teal));color:#fff;box-shadow:0 15px 36px rgba(15,79,173,.30);display:grid;place-items:center;position:relative}.float-launcher:after{content:"";position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 3px rgba(255,255,255,.4)}
/* mobile bottom nav */
.mobile-bottom{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:145;display:none;grid-template-columns:repeat(5,1fr);padding:7px;background:var(--glass);backdrop-filter:blur(22px) saturate(145%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:22px}.mobile-bottom a,.mobile-bottom button{border:0;background:transparent;display:grid;place-items:center;gap:2px;padding:3px 1px;color:var(--muted);font-size:9px}.mobile-bottom .capsule{width:37px;height:37px;border-radius:13px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}.mobile-bottom a.active{color:var(--brand);font-weight:850}.mobile-bottom a.active .capsule{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:white;border-color:transparent}.mobile-article-toolbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:145;display:none;grid-template-columns:repeat(4,1fr);padding:7px;background:var(--glass);backdrop-filter:blur(22px) saturate(145%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:22px}.mobile-article-toolbar button{border:0;background:transparent;display:grid;place-items:center;gap:2px;color:var(--muted);font-size:9px}.mobile-article-toolbar .capsule{width:37px;height:37px;border-radius:13px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}
/* footer */
footer{margin-top:60px;padding:54px 0 34px;border-top:1px solid var(--line);background:var(--warm)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer-grid h4{margin:0 0 10px;font-size:12px}.footer-grid a{display:block;color:var(--muted);font-size:12px;padding:4px 0}.footer-note{border-top:1px solid var(--line);margin-top:30px;padding-top:17px;color:var(--muted);font-size:11px}
/* demo-only component lab */.component-sample{padding:20px;border:1px dashed var(--line);border-radius:18px;background:var(--surface)}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.swatch{height:100px;border-radius:15px;padding:10px;color:white;display:flex;align-items:end;font-size:11px;font-weight:800}
@media(max-width:1100px){.primary-nav{display:none}.hero-grid{grid-template-columns:1fr 360px}.featured{grid-template-columns:1.3fr .7fr}.featured>.card:last-child{display:none}.compass-grid{grid-template-columns:repeat(3,1fr)}.article-layout{grid-template-columns:190px minmax(0,var(--read));}.article-side{display:none}.topic-map{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:899px){body{padding-bottom:96px}.header-actions>[data-mobile-menu]{display:grid}.shell,.read-shell{width:min(calc(100% - 28px),var(--max))}.header-inner{height:64px}.header-actions .desktop-search,.header-actions>.btn{display:none}.desktop-float{display:none}.mobile-bottom{display:grid}body.article-page .mobile-bottom{display:none}.mobile-article-toolbar{display:none}body.article-page .mobile-article-toolbar{display:grid}#refineSheet .mobile-sheet{top:0;bottom:0;height:100dvh;max-height:none;border-radius:0}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr}.hero-glass{max-width:620px}.compass-grid{grid-template-columns:repeat(2,1fr)}.compass-grid .intent-card:last-child{grid-column:span 2}.pulse-grid{grid-template-columns:1fr 1fr}.pulse-item:nth-child(2){border-right:0}.pulse-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.featured,.editorial-feature{grid-template-columns:1fr}.featured>.card:last-child{display:block}.feature-main{min-height:290px}.domain-row{grid-template-columns:1fr}.domain-items{grid-template-columns:repeat(2,1fr)}.graph{height:300px}.trail{grid-template-columns:1fr;gap:8px}.trail-arrow{transform:rotate(90deg)}.library-layout{grid-template-columns:1fr}.filter-rail{display:none}.mobile-refine{display:inline-flex}.knowledge-toolbar{grid-template-columns:1fr auto}.knowledge-toolbar select{display:none}.browse-entry{grid-template-columns:1fr 1fr}.browse-entry .browse-card:last-child{grid-column:span 2}.article-layout{display:block;padding-top:5px}.article-toc,.article-side{display:none}.article-header{padding-top:28px}.article-content p,.article-content li{font-size:17px}.article-content h2{font-size:29px}.context-track{grid-template-columns:1fr;gap:8px}.context-track .trail-arrow{transform:rotate(90deg)}.topic-children{grid-template-columns:1fr 1fr}.tool-shell{grid-template-columns:1fr}.grid3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.dialog-backdrop{padding-top:6vh}.mobile-menu-sheet .choice-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.shell,.read-shell{width:min(calc(100% - 22px),var(--max))}.brand-copy span{display:none}.hero h1{font-size:47px}.hero p{font-size:16px}.hero-glass{padding:20px}.profile-card{gap:10px}.mini-grid{grid-template-columns:1fr 1fr}.section{padding:54px 0}.section.tight{padding:38px 0}.section-head{align-items:start;flex-direction:column}.compass{padding:18px}.compass-grid{grid-template-columns:1fr}.compass-grid .intent-card:last-child{grid-column:auto}.pulse-grid{grid-template-columns:1fr}.pulse-item{border-right:0!important;border-bottom:1px solid var(--line)!important}.pulse-item:last-child{border-bottom:0!important}.featured{display:grid}.featured-main{min-height:280px;padding:22px}.featured-main h3{font-size:29px}.grid2,.grid3,.grid4{grid-template-columns:1fr}.domain-items{grid-template-columns:1fr}.knowledge-toolbar{grid-template-columns:1fr auto}.browse-entry{grid-template-columns:1fr}.browse-entry .browse-card:last-child{grid-column:auto}.result-card{grid-template-columns:1fr}.result-side{justify-content:flex-start}.page-hero h1{font-size:44px}.topic-children{grid-template-columns:1fr}.az-list{grid-template-columns:1fr}.architecture{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg)}.overview-grid{grid-template-columns:1fr}.article-header h1{font-size:44px}.article-deck{font-size:17px}.article-content p,.article-content li{font-size:16.5px;line-height:1.72}.figure-frame{height:230px}.image-gallery{grid-template-columns:1fr 1fr}.gallery-item:first-child{height:220px;grid-column:span 2;grid-row:auto}.prev-next{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.mobile-bottom .capsule,.mobile-article-toolbar .capsule{width:34px;height:34px;border-radius:12px}.mobile-bottom,.mobile-article-toolbar{left:6px;right:6px}.choice-grid{grid-template-columns:1fr}.swatches{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ================= V6.1 structured knowledge + profile ================= */
.profile-link{display:inline-flex;align-items:center;gap:6px;margin-top:3px;font-size:11px;font-weight:800;color:var(--brand)}
.profile-page .page-hero{padding-bottom:26px}.profile-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.profile-identity{padding:30px}.profile-avatar-xl{width:96px;height:96px;border-radius:29px;background:linear-gradient(135deg,var(--brand),var(--teal) 55%,var(--violet));color:#fff;display:grid;place-items:center;font-weight:950;font-size:30px;object-fit:cover;box-shadow:0 18px 38px rgba(24,103,216,.22)}.profile-title{display:flex;gap:18px;align-items:center}.profile-title h1{margin:0;font-size:clamp(42px,5.4vw,68px);line-height:1;letter-spacing:-.05em}.profile-role{font-size:18px;color:var(--muted);margin-top:8px}.profile-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.profile-proof div{padding:15px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.profile-proof strong{display:block;font-size:21px}.profile-proof span{font-size:10px;color:var(--muted)}.profile-story{font-size:18px;line-height:1.75;color:var(--ink2)}.timeline{position:relative;margin:22px 0 0}.timeline:before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--brand),var(--teal),var(--violet))}.timeline-item{position:relative;padding:0 0 26px 48px}.timeline-item:before{content:"";position:absolute;left:8px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--surface);border:4px solid var(--brand);box-shadow:0 0 0 4px var(--bg)}.timeline-item:nth-child(2):before{border-color:var(--teal)}.timeline-item:nth-child(3):before,.timeline-item:nth-child(4):before{border-color:var(--violet)}.timeline-item small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:850}.timeline-item h3{margin:3px 0 4px;font-size:19px}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.capability{padding:19px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.capability .cap-icon{width:42px;height:42px;border-radius:14px;background:var(--knowledge-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:13px}.capability.ai .cap-icon{background:var(--ai-soft);color:var(--violet)}.capability.teal .cap-icon{background:var(--teal-soft);color:var(--teal)}.working-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principle{padding:20px;border-top:3px solid var(--brand);background:var(--surface);border-radius:17px;box-shadow:var(--shadow)}.principle:nth-child(2){border-top-color:var(--teal)}.principle:nth-child(3),.principle:nth-child(4){border-top-color:var(--violet)}.principle strong{display:block}.principle span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.knowledge-intro{padding:42px 0 24px}.knowledge-intro h1{font-size:clamp(44px,5.6vw,68px);line-height:1;letter-spacing:-.05em;margin:10px 0}.knowledge-intro p{font-size:17px;color:var(--muted);max-width:760px}.knowledge-searchbox{margin-top:22px;padding:9px 12px;border-radius:19px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);display:flex;align-items:center;gap:9px}.knowledge-searchbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:10px;font-size:16px}.knowledge-searchbox .scope-label{font-size:10px;color:var(--muted);padding:5px 8px;border-radius:8px;background:var(--surface2)}
.knowledge-navigator{display:grid;grid-template-columns:.92fr 1.1fr 1.1fr;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.nav-column{min-height:390px;padding:18px;border-right:1px solid var(--line)}.nav-column:last-child{border-right:0}.nav-column-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.nav-column-head strong{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:var(--muted)}.taxonomy-button{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:760}.taxonomy-button:hover{background:var(--surface2)}.taxonomy-button.active{background:linear-gradient(135deg,var(--knowledge-soft),color-mix(in srgb,var(--teal-soft) 55%,var(--surface)));color:var(--brand)}.taxonomy-button span:last-child{font-size:10px;color:var(--muted)}.taxonomy-button.active span:last-child{color:var(--brand)}.navigator-context{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--knowledge-soft),var(--surface));display:flex;justify-content:space-between;gap:18px;align-items:center}.navigator-context .crumb{font-size:11px;color:var(--muted)}.navigator-context h3{margin:5px 0 3px;font-size:22px}.knowledge-results{display:grid;gap:10px}.knowledge-result{display:grid;grid-template-columns:1fr auto;gap:18px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface);align-items:center;transition:.16s ease}.knowledge-result:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));transform:translateY(-1px)}.knowledge-result h3{margin:3px 0 4px;font-size:18px}.knowledge-result p{margin:0;color:var(--muted);font-size:13px}.knowledge-result .resource-path{font-size:10px;color:var(--muted);margin-top:7px}.resource-code{font-size:11px;font-weight:850;padding:7px 9px;border-radius:9px;background:var(--surface2);color:var(--brand)}
.mobile-knowledge-tree{display:none}.domain-accordion{border:1px solid var(--line);border-radius:17px;background:var(--surface);overflow:hidden;margin-bottom:10px}.domain-accordion summary{list-style:none;cursor:pointer;padding:16px;display:flex;align-items:center;justify-content:space-between;font-weight:850}.domain-accordion summary::-webkit-details-marker{display:none}.domain-accordion summary:after{content:"+";font-size:20px;color:var(--brand)}.domain-accordion[open] summary:after{content:"−"}.domain-tree-body{padding:0 13px 14px}.area-block{border-top:1px solid var(--line);padding:13px 3px}.area-block>strong{font-size:13px}.subarea-list{display:grid;gap:7px;margin-top:8px}.subarea-link{display:flex;justify-content:space-between;align-items:center;padding:11px;border-radius:12px;background:var(--surface2);font-size:12px;font-weight:760}.subarea-link small{color:var(--muted)}
.domain-hub-hero{padding:48px 0 28px}.domain-hub-hero h1{font-size:clamp(42px,5.4vw,66px);letter-spacing:-.05em;line-height:1;margin:10px 0}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.area-card{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.area-card:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));transform:translateY(-1px)}.area-card h3{margin:5px 0 6px}.area-card p{margin:0;color:var(--muted);font-size:12px}.subarea-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.subarea-chips a,.subarea-chips span{font-size:10px;padding:5px 7px;border-radius:8px;background:var(--surface2);color:var(--muted)}.taxonomy-note{padding:18px;border-radius:17px;border-left:4px solid var(--teal);background:var(--teal-soft);font-size:13px;color:var(--ink2)}
.knowledge-viewbar{display:inline-flex;gap:4px;padding:5px;margin:0 0 14px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.view-toggle{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:12px;font-weight:820}.view-toggle .icon{width:16px;height:16px}.view-toggle.active{background:var(--knowledge-soft);color:var(--brand)}#browseSurface[hidden],#knowledgeViewbar[hidden],#navigatorWrap[hidden],#mobileKnowledgeTree[hidden],#navigatorContext[hidden],#outlineWrap[hidden]{display:none!important}.knowledge-outline{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:18px;align-items:start}.outline-tree,.outline-focus{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.outline-tree{padding:12px;max-height:590px;overflow:auto}.outline-focus{position:sticky;top:90px;padding:22px}.outline-focus h3{margin:7px 0 5px;font-size:25px;line-height:1.12}.outline-focus p{margin:0;color:var(--muted);font-size:12px}.outline-domain,.outline-area{border-top:1px solid var(--line)}.outline-domain:first-child{border-top:0}.outline-area{margin-left:18px}.outline-node{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:0;border-radius:12px;background:transparent;text-align:left;font-weight:820}.outline-node.domain,.outline-node.area{list-style:none;cursor:pointer;padding:11px 12px}.outline-node.domain::-webkit-details-marker,.outline-node.area::-webkit-details-marker{display:none}.outline-node.domain:before,.outline-node.area:before{content:"›";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;background:var(--surface2);color:var(--muted);grid-column:1;grid-row:1;justify-self:start;transition:.16s ease}.outline-node.domain span,.outline-node.area span{padding-left:28px}.outline-domain[open]>.outline-node.domain:before,.outline-area[open]>.outline-node.area:before{transform:rotate(90deg);background:var(--knowledge-soft);color:var(--brand)}.outline-node.sub{grid-template-columns:auto 1fr auto;margin:4px 0 4px 34px;padding:9px 10px;color:var(--ink2)}.outline-node:hover{background:var(--surface2)}.outline-node.active{background:linear-gradient(135deg,var(--knowledge-soft),color-mix(in srgb,var(--teal-soft) 48%,var(--surface)));color:var(--brand)}.outline-node small{color:var(--muted);font-size:10px;font-weight:850}.outline-dot{width:8px;height:8px;border-radius:50%;background:var(--muted2)}.outline-node.active .outline-dot{background:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}.outline-children{padding:0 0 4px}.outline-stats{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.outline-stats span{font-size:10px;font-weight:850;color:var(--muted);padding:5px 8px;border-radius:8px;background:var(--surface2)}.outline-resource-list{display:grid;gap:8px;margin:16px 0}.outline-resource{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.outline-resource:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--knowledge-soft)}.outline-resource span{font-size:10px;font-weight:900;color:var(--brand)}.outline-resource strong{font-size:12px;line-height:1.25}
@media(max-width:899px){.profile-hero-grid{grid-template-columns:1fr}.profile-title h1{font-size:50px}.working-principles{grid-template-columns:1fr 1fr}.knowledge-navigator{display:none}.mobile-knowledge-tree{display:block}.navigator-context{display:none}.knowledge-searchbox .scope-label{display:none}.area-grid{grid-template-columns:1fr 1fr}}
@media(max-width:899px){.knowledge-viewbar{display:grid;grid-template-columns:1fr 1fr;width:100%}.view-toggle{justify-content:center}.knowledge-outline{grid-template-columns:1fr}.outline-tree{max-height:none}.outline-focus{position:static}.outline-area{margin-left:10px}.outline-node.sub{margin-left:22px}}

/* Outline map: full-width Workflowy-style hierarchical drilldown */
.knowledge-outline{display:block;width:100%}.outline-tree{width:100%;padding:12px;border-radius:16px;max-height:none;overflow:visible}.outline-focus{display:none}.outline-domain,.outline-area,.outline-sub{border:0;margin:0}.outline-domain+.outline-domain{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.outline-children{position:relative;margin-left:10px;padding-left:13px}.outline-children:before{content:"";position:absolute;left:0;top:4px;bottom:8px;width:1px;background:color-mix(in srgb,var(--line) 80%,transparent)}.outline-children.posts{display:grid;gap:3px;padding-top:4px;padding-bottom:9px}.outline-children.posts.flat{padding-top:5px}.outline-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:8px 8px 8px 33px;border-radius:10px;list-style:none;cursor:pointer;font-weight:830;color:var(--ink);outline:none}.outline-row::-webkit-details-marker{display:none}.outline-row:before{content:"";position:absolute;left:10px;top:50%;width:13px;height:13px;border-radius:50%;border:2px solid var(--muted2);background:var(--surface);transform:translateY(-50%)}.outline-row:after{content:"›";position:absolute;left:10px;top:50%;width:13px;height:13px;display:grid;place-items:center;color:var(--muted);font-size:12px;line-height:1;transform:translateY(-50%)}.outline-domain[open]>.outline-row:after,.outline-area[open]>.outline-row:after,.outline-sub[open]>.outline-row:after{transform:translateY(-50%) rotate(90deg);color:var(--brand)}.outline-row:hover{background:var(--surface2)}.outline-row.active{background:var(--knowledge-soft);color:var(--brand)}.outline-row.active:before{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}.outline-row.domain{font-size:15px}.outline-row.area{font-size:14px}.outline-row.sub{font-size:13px;color:var(--ink2)}.outline-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-row small{justify-self:end;color:var(--muted);font-size:10px;font-weight:900;padding:3px 7px;border-radius:999px;background:var(--surface2)}.outline-row.active small{background:var(--surface);color:var(--brand)}.outline-post{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:10px 8px 10px 0;border-radius:10px;color:var(--ink2)}.outline-post:before{content:"";position:absolute;left:-13px;top:21px;width:10px;height:1px;background:color-mix(in srgb,var(--line) 80%,transparent)}.outline-post:hover{background:var(--surface2);color:var(--brand)}.outline-post.in-branch{background:color-mix(in srgb,var(--knowledge-soft) 62%,transparent)}.outline-bullet{width:7px;height:7px;border-radius:50%;background:var(--muted2);margin:8px 0 0}.outline-post:hover .outline-bullet,.outline-post.in-branch .outline-bullet{background:var(--brand)}.outline-post strong{display:block;min-width:0;font-size:13px;line-height:1.3;font-weight:820}.outline-post small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.outline-post em{display:none}
@media(min-width:700px){.outline-tree{padding:18px}.outline-children{margin-left:20px;padding-left:17px}.outline-post{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding-right:10px}.outline-post:before{left:-17px;width:13px}.outline-post em{display:block;font-style:normal;font-size:9px;font-weight:900;color:var(--brand);padding:3px 6px;border-radius:7px;background:var(--surface2);white-space:nowrap}}
@media(max-width:600px){.profile-title{align-items:flex-start}.profile-avatar-xl{width:76px;height:76px;border-radius:23px;font-size:24px}.profile-title h1{font-size:42px}.profile-role{font-size:15px}.profile-proof{grid-template-columns:1fr}.capability-grid,.working-principles{grid-template-columns:1fr}.knowledge-intro{padding-top:30px}.knowledge-intro h1{font-size:44px}.knowledge-searchbox{padding:7px 8px}.area-grid{grid-template-columns:1fr}.knowledge-result{grid-template-columns:1fr}.knowledge-result .resource-code{justify-self:start}.mobile-bottom{grid-template-columns:repeat(5,1fr)}}

@media(max-width:600px){.article-content .author-bio{grid-template-columns:auto 1fr;padding:20px}.article-content .author-bio .profile-link{grid-column:1/-1;justify-self:start;margin-top:4px}.post-area-topics{grid-template-columns:1fr;padding:20px}.post-area-topic-chips{gap:8px}.post-area-topic-chip{min-height:36px;padding:8px 10px}.article-content table:not(.tech-table){font-size:13px}}

.hub-area-sections{display:grid;gap:12px;margin-top:24px}.hub-area-section{scroll-margin-top:92px;display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.hub-area-section h2{margin:4px 0 5px;font-size:24px}.hub-area-section p{margin:0;color:var(--muted);font-size:12px}.hub-subject-links{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.hub-subject-links a{padding:8px 10px;border-radius:10px;background:var(--surface2);font-size:11px;font-weight:760}.hub-subject-links a:hover{background:var(--knowledge-soft);color:var(--brand)}@media(max-width:700px){.hub-area-section{grid-template-columns:1fr}.hub-subject-links{justify-content:flex-start}}

/* V6.1.1 content-first article + homepage rendering corrections */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:900px){
  .article-layout{grid-template-columns:minmax(0,900px) 220px;gap:28px;justify-content:center;align-items:start}
  .article-side{position:sticky;top:90px;display:grid;gap:10px;align-self:start}
  .article-side .toc-box{margin:0}
  .article-side .side-box{margin:0}
  .article-side .side-actions.icon-tools{display:flex;gap:8px;align-items:center}
  .article-side .side-actions.icon-tools .btn{width:40px;height:40px;min-height:40px;padding:0;border-radius:12px;justify-content:center}
  .article-side .side-actions.icon-tools .icon{width:18px;height:18px}
}
.graph-head .graph-cta{color:#10243a;background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.34)}
.graph-head .graph-cta:hover{color:#0f4fad;background:#fff}
.feature-main{position:relative}
.feature-main h3{color:#fff}
.feature-main .kicker,.feature-main .meta{position:relative;z-index:1}

/* Dynamic article content additions */
.article-content{padding:4px 0 0}
.article-content>p:first-of-type{font-size:20px;line-height:1.72;color:var(--ink);margin-top:4px}
.article-content h2{letter-spacing:0}
.article-content a:not(.btn):not(.text-link):not(.trail-card):not(.profile-link):not(.post-area-topic-chip):not(.prev-next a){color:var(--brand);font-weight:780;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content blockquote{margin:26px 0;padding:18px 22px;border-left:4px solid var(--brand);background:var(--knowledge-soft);border-radius:0 16px 16px 0;color:var(--ink2)}
.article-content blockquote:empty{display:none}
.article-content blockquote blockquote:empty{display:none}
.article-content blockquote:has(> blockquote:empty){display:none}
.article-content pre:has(code .line:only-child:empty){display:none}
.article-content ul,.article-content ol{padding-left:24px}
.article-content li+li{margin-top:8px}
.article-side .side-box{box-shadow:0 1px 0 rgba(255,255,255,.4)}
.article-side .side-box .text-link{display:block;margin-top:8px}
.mobile-toc{display:grid;gap:4px;padding-top:12px}
.mobile-toc a{display:block;padding:12px;border-radius:12px;background:var(--surface2);font-size:13px;font-weight:760;color:var(--muted)}
.mobile-toc a:hover{background:var(--knowledge-soft);color:var(--brand)}

/* Article continuation UI */
#continue{margin-top:54px}
#continue>h2{margin-bottom:20px}
.context-track{gap:14px;margin:22px 0 30px}
.article-content .trail-card{color:inherit;text-decoration:none;border-radius:20px;padding:20px 22px;min-height:156px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 28px rgba(15,31,45,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.article-content .trail-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:0 16px 36px rgba(15,31,45,.08)}
.article-content .trail-card small{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}
.article-content .trail-card strong{font-size:20px;line-height:1.2;color:var(--ink);margin:0}
.article-content .trail-card span{font-size:13px;line-height:1.45;color:var(--muted);margin-top:10px}
.article-content .trail-card span b{color:var(--ink)}
.article-content .trail-card.current{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,white),var(--surface));border-color:color-mix(in srgb,var(--brand) 48%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 12%,transparent)}
.article-content .trail-card.next{border-color:color-mix(in srgb,var(--teal) 48%,var(--line))}
.trail-arrow{font-size:28px;color:color-mix(in srgb,var(--muted) 70%,transparent)}
.completion{padding:28px;border-radius:24px;box-shadow:0 12px 34px rgba(15,31,45,.06)}
.completion h3{font-size:clamp(26px,3vw,34px)!important;letter-spacing:-.03em}
.completion .hero-actions{gap:12px;margin-top:20px}
.completion .btn{min-height:52px;border-radius:16px;padding:12px 18px;text-decoration:none}
.prev-next{gap:14px}
.article-content .prev-next a{color:inherit;font-weight:inherit;text-decoration:none;border-radius:18px;padding:18px 20px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.article-content .prev-next a:not(.btn):not(.text-link):not(.trail-card),.article-content .author-bio .profile-link{color:inherit;text-decoration:none}
.article-content .prev-next a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 34%,var(--line));box-shadow:0 12px 30px rgba(15,31,45,.06)}
.article-content .prev-next strong{color:var(--ink);font-size:18px;line-height:1.25}
.article-content .author-bio{grid-template-columns:auto 1fr auto;align-items:center;padding:24px 26px}
.article-content .author-bio .avatar{width:64px;height:64px;border-radius:20px;font-size:18px}
.article-content .author-bio .profile-link{justify-self:end;align-self:center;margin:0;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--brand);font-size:12px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.article-content .author-bio .profile-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--knowledge-soft)}
.article-content table:not(.tech-table){width:max-content;max-width:100%;display:block;overflow-x:auto;border-collapse:separate;border-spacing:0;margin:24px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 28px rgba(20,36,51,.045);font-size:14px;line-height:1.45}
.article-content table:not(.tech-table) th,.article-content table:not(.tech-table) td{padding:11px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--ink2)}
.article-content table:not(.tech-table) th{background:var(--surface2);color:var(--ink);font-weight:850}
.article-content table:not(.tech-table) tr:nth-child(even) td{background:color-mix(in srgb,var(--knowledge-soft) 24%,transparent)}
.article-content table:not(.tech-table) th:last-child,.article-content table:not(.tech-table) td:last-child{border-right:0}
.article-content table:not(.tech-table) tr:last-child td{border-bottom:0}
.post-area-topics{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:26px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,white),color-mix(in srgb,var(--knowledge-soft) 46%,var(--surface)));box-shadow:0 14px 32px rgba(20,36,51,.05)}
.post-area-topics h3{font-size:24px;margin:7px 0 6px;line-height:1.15}
.post-area-topics p{margin:0;color:var(--muted);font-size:14px;line-height:1.35}
.post-area-topic-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.post-area-topic-chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 11px;border-radius:12px;background:var(--surface2);border:1px solid transparent;color:var(--ink);font-weight:850;text-decoration:none;box-shadow:0 8px 18px rgba(20,36,51,.035);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.post-area-topic-chip small{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:900}
.post-area-topic-chip b{color:var(--brand)}
.post-area-topic-chip:hover,.post-area-topic-chip.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 32%,var(--line));background:var(--knowledge-soft);color:var(--brand)}
.post-area-topic-chip.active small{background:var(--brand);border-color:var(--brand);color:#fff}
.article-content .post-area-topic-chip{color:var(--ink);text-decoration:none;font-weight:850}
.article-content .post-area-topic-chip:hover,.article-content .post-area-topic-chip.active{color:var(--brand);text-decoration:none}
@media(max-width:600px){.post-area-topics{grid-template-columns:1fr;gap:16px;padding:18px;margin-top:22px;border-radius:18px}.post-area-topics h3{font-size:22px}.post-area-topic-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.post-area-topic-chip{width:100%;min-width:0;min-height:36px;padding:8px 9px;border-radius:11px;font-size:13px;line-height:1.2;justify-content:space-between;box-shadow:none}.post-area-topic-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis}.post-area-topic-chip small{min-width:20px;height:20px;padding:0 5px;flex:0 0 auto}.post-area-topic-chip b{flex:0 0 auto}}


/* Imported article compatibility layer — additive only. */
.imported-post-body{font-size:17px;line-height:1.72;overflow-wrap:anywhere}
.imported-post-body img{max-width:100%;height:auto;border-radius:14px;margin:18px auto;display:block}

/* Responsive article media */
.article-content{overflow-wrap:anywhere}.article-content figure,.article-content .wp-caption{max-width:100%!important;margin-left:0;margin-right:0}.article-content p:has(> img:only-child){margin:24px 0}.article-content img,.article-content picture,.article-content figure img,.imported-post-body img{display:block;max-width:100%!important;width:auto!important;height:auto!important;margin:18px auto;border-radius:14px}.article-content a:has(> img){display:block;max-width:100%;overflow:hidden}.article-content img[width],.imported-post-body img[width]{max-inline-size:100%!important}.article-content iframe,.article-content video{max-width:100%;border-radius:14px}
@media(max-width:600px){.article-content figure,.article-content .wp-caption{width:auto!important;max-width:100%!important;margin:20px 0}.article-content img,.article-content picture,.article-content figure img,.imported-post-body img{max-width:100%!important;width:auto!important;height:auto!important;max-height:72vh;object-fit:contain;border-radius:10px;margin:16px auto}.article-content figcaption,.article-content .wp-caption-text{font-size:11px;line-height:1.4}.article-content a:has(> img){border-radius:10px}.article-content iframe,.article-content video{width:100%;max-height:72vh}}
.article-content .author-bio .avatar{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;margin:0!important;object-fit:cover!important;border-radius:20px!important}.imported-post-body .author-bio .avatar{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}
@media(max-width:600px){.article-content .author-bio .avatar{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;border-radius:16px!important}}
.imported-post-body iframe{max-width:100%;border:0;border-radius:14px}
.imported-post-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.imported-post-body th,.imported-post-body td{border:1px solid var(--line);padding:10px;vertical-align:top}
.imported-post-body blockquote{margin:20px 0;padding:14px 18px;border-left:3px solid var(--brand);background:var(--soft);border-radius:0 12px 12px 0}
.imported-post-body pre{max-width:100%;overflow:auto}
.imported-post-body a{word-break:break-word}

/* Compact discovery lists: search, post indexes, tags and knowledge result panels. */
body[data-page="search"] .page-hero{padding:32px 0 12px}
body[data-page="search"] .page-hero h1{font-size:clamp(34px,4.2vw,54px)}
body[data-page="search"] .page-hero p{max-width:680px;font-size:15px}
body[data-page="search"] .section.tight{padding-top:22px}
body[data-page="search"] .section-head{margin-bottom:12px!important}
.search-band{margin-top:14px;padding:6px;border-radius:18px;box-shadow:0 14px 34px rgba(15,31,45,.08)}
.search-form{gap:6px}
.search-form input{padding:9px 8px;font-size:15px}
.search-form .btn{min-height:40px;padding:9px 13px;border-radius:13px}
.result-list,.knowledge-results{gap:8px}
.result-card,.knowledge-result{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border-radius:15px}
.result-card h3,.knowledge-result h3{font-size:17px;line-height:1.22;margin:3px 0}
.result-card p,.knowledge-result p{font-size:12.5px;line-height:1.42;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.result-card .path,.knowledge-result .resource-path{font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(72vw,760px)}
.result-card .kicker,.knowledge-result .kicker{font-size:10px;letter-spacing:.11em}
.result-card>.btn,.knowledge-result .resource-code{min-height:36px;padding:8px 10px;border-radius:11px;white-space:nowrap}
.search-result{padding:10px 11px;border-radius:11px}
.search-result strong{font-size:14px;line-height:1.25}
.search-result span{font-size:10.5px;line-height:1.35}
.result-list,.knowledge-results{counter-reset:result-card;gap:10px}
.result-card:not(.search-result-item),.knowledge-result{counter-increment:result-card;position:relative;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:112px;padding:16px 17px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,white),color-mix(in srgb,var(--knowledge-soft) 42%,var(--surface)));box-shadow:0 1px 0 rgba(255,255,255,.42),0 13px 30px rgba(20,36,51,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.result-card:not(.search-result-item):before,.knowledge-result:before{content:counter(result-card,decimal-leading-zero);width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--brand);font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(20,36,51,.05)}
.result-card:not(.search-result-item):after,.knowledge-result:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand),var(--teal))}
.result-card:not(.search-result-item):nth-child(3n+2):after,.knowledge-result:nth-child(3n+2):after{background:linear-gradient(180deg,var(--teal),var(--brand))}
.result-card:not(.search-result-item):nth-child(3n):after,.knowledge-result:nth-child(3n):after{background:linear-gradient(180deg,var(--violet),var(--brand))}
.result-card:not(.search-result-item):hover,.knowledge-result:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 44%,var(--line));box-shadow:0 18px 38px rgba(20,36,51,.075)}
.result-card:not(.search-result-item) h3,.knowledge-result h3{font-size:20px;line-height:1.14;letter-spacing:-.018em;margin:0 0 5px}
.result-card:not(.search-result-item) p,.knowledge-result p{max-width:980px;margin:0 0 8px;color:var(--muted);font-size:13.5px;line-height:1.45}
.result-card:not(.search-result-item) .kicker,.knowledge-result .kicker{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:4px 8px;margin-bottom:5px;background:var(--knowledge-soft);color:var(--brand);font-size:10px;line-height:1.1;font-weight:900;letter-spacing:.08em}
.result-card:not(.search-result-item) .path,.knowledge-result .resource-path{display:inline-flex;max-width:100%;align-items:center;gap:5px;padding:5px 8px;border-radius:9px;background:color-mix(in srgb,var(--surface) 76%,var(--knowledge-soft));color:var(--brand);font-size:11px;font-weight:760}
.result-card:not(.search-result-item) .path:before,.knowledge-result .resource-path:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);flex:0 0 auto}
.result-card:not(.search-result-item)>.btn,.result-card:not(.search-result-item) .result-side>.btn,.knowledge-result .resource-code,.result-card:not(.search-result-item)>.badge{min-width:38px;min-height:38px;border-radius:13px;display:inline-grid;place-items:center;background:var(--knowledge-soft);color:var(--brand);border-color:transparent;font-size:13px;font-weight:900;white-space:nowrap}
.result-card:not(.search-result-item):hover>.btn,.result-card:not(.search-result-item):hover .result-side>.btn,.knowledge-result:hover .resource-code{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;transform:translateX(2px)}
.domain-items,.topic-children{gap:10px}
.domain-item,.topic-child,.area-card{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,white),color-mix(in srgb,var(--knowledge-soft) 42%,var(--surface)));box-shadow:0 1px 0 rgba(255,255,255,.42),0 10px 24px rgba(20,36,51,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.domain-item:before,.topic-child:before,.area-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand),var(--teal))}
.domain-item:hover,.topic-child:hover,.area-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 44%,var(--line));box-shadow:0 16px 34px rgba(20,36,51,.07)}
.domain-item strong,.topic-child strong{font-size:14px;line-height:1.25}
.domain-item span,.topic-child small{display:inline-flex;margin-top:8px;padding:4px 7px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:850}
body[data-page="search"] .result-list{gap:10px}
body[data-page="search"] .search-result-item{position:relative;grid-template-columns:48px minmax(0,1fr) 42px;gap:14px;align-items:center;min-height:118px;padding:16px 17px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,white),color-mix(in srgb,var(--knowledge-soft) 44%,var(--surface)));box-shadow:0 1px 0 rgba(255,255,255,.42),0 13px 30px rgba(20,36,51,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
body[data-page="search"] .search-result-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand),var(--teal))}
body[data-page="search"] .search-result-item:nth-child(3n+2):before{background:linear-gradient(180deg,var(--teal),var(--brand))}
body[data-page="search"] .search-result-item:nth-child(3n):before{background:linear-gradient(180deg,var(--violet),var(--brand))}
body[data-page="search"] .search-result-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 44%,var(--line));box-shadow:0 18px 38px rgba(20,36,51,.075)}
body[data-page="search"] .result-index{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--brand);font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(20,36,51,.05)}
body[data-page="search"] .result-content{min-width:0}
body[data-page="search"] .result-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}
body[data-page="search"] .result-type,body[data-page="search"] .result-scope{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:4px 8px;font-size:10px;line-height:1.1;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
body[data-page="search"] .result-type{background:var(--knowledge-soft);color:var(--brand)}
body[data-page="search"] .result-type.tool,body[data-page="search"] .result-type.tools{background:var(--teal-soft);color:var(--teal)}
body[data-page="search"] .result-type.insight,body[data-page="search"] .result-type.ai,body[data-page="search"] .result-type.lab{background:var(--ai-soft);color:var(--violet)}
body[data-page="search"] .result-scope{background:var(--surface2);color:var(--muted);letter-spacing:0;text-transform:none}
body[data-page="search"] .search-result-item h3{font-size:20px;line-height:1.14;letter-spacing:-.018em;margin:0 0 5px}
body[data-page="search"] .search-result-item p{max-width:980px;margin:0 0 8px;color:var(--muted);font-size:13.5px;line-height:1.45}
body[data-page="search"] .search-result-item .path{display:inline-flex;max-width:100%;align-items:center;gap:5px;padding:5px 8px;border-radius:9px;background:color-mix(in srgb,var(--surface) 76%,var(--knowledge-soft));color:var(--brand);font-size:11px;font-weight:760}
body[data-page="search"] .search-result-item .path:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);flex:0 0 auto}
body[data-page="search"] .result-open{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--knowledge-soft);color:var(--brand);font-size:22px;font-weight:900;transition:.16s ease}
body[data-page="search"] .search-result-item:hover .result-open{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;transform:translateX(2px)}
body[data-page="search"] .search-empty{border-radius:18px}
@media(max-width:600px){
  body[data-page="search"] .page-hero{padding:24px 0 8px}
  body[data-page="search"] .page-hero h1{font-size:32px}
  body[data-page="search"] .page-hero p{display:none}
  body[data-page="search"] .section.tight{padding-top:14px}
  .search-band{position:sticky;top:64px;z-index:80;margin-top:8px;padding:5px;border-radius:16px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(18px)}
  .search-form{min-height:44px}
  .search-form input{padding:8px 6px;font-size:16px}
  .search-form .btn{min-height:38px;padding:8px 11px;font-size:13px}
  .result-card,.knowledge-result{grid-template-columns:minmax(0,1fr) auto!important;padding:11px 12px;gap:10px;border-radius:14px}
  .result-card h3,.knowledge-result h3{font-size:16px;margin:2px 0}
  .result-card p,.knowledge-result p{font-size:12px;-webkit-line-clamp:1}
  .result-card .path,.knowledge-result .resource-path{max-width:calc(100vw - 104px)}
  .result-card>.btn{font-size:0;min-width:38px;width:38px;height:38px;padding:0;display:grid;place-items:center}
  .result-card>.btn::after{content:"→";font-size:18px;line-height:1}
  .knowledge-result .resource-code{font-size:0;min-width:38px;width:38px;height:38px;padding:0;display:grid;place-items:center}
  .knowledge-result .resource-code::after{content:"→";font-size:18px;color:var(--brand)}
  body[data-page="search"] .result-list{gap:8px}
  body[data-page="search"] .search-result-item{grid-template-columns:34px minmax(0,1fr) 34px!important;min-height:96px;padding:12px 13px 12px 14px;gap:9px}
  body[data-page="search"] .result-index{width:28px;height:28px;border-radius:10px;font-size:10px}
  body[data-page="search"] .result-topline{gap:5px;margin-bottom:4px}
  body[data-page="search"] .result-type,body[data-page="search"] .result-scope{min-height:20px;padding:3px 6px;font-size:9px}
  body[data-page="search"] .search-result-item h3{font-size:16px;line-height:1.18;margin-bottom:4px}
  body[data-page="search"] .search-result-item p{font-size:12px;line-height:1.36;margin-bottom:6px;-webkit-line-clamp:1}
  body[data-page="search"] .search-result-item .path{max-width:100%;padding:3px 6px;font-size:10px}
  body[data-page="search"] .result-open{width:32px;height:32px;border-radius:11px;font-size:18px}
  .result-card:not(.search-result-item),.knowledge-result{grid-template-columns:34px minmax(0,1fr) 34px!important;min-height:96px;padding:12px 13px 12px 14px;gap:9px}
  .result-card:not(.search-result-item):before,.knowledge-result:before{width:28px;height:28px;border-radius:10px;font-size:10px}
  .result-card:not(.search-result-item) h3,.knowledge-result h3{font-size:16px;line-height:1.18;margin-bottom:4px}
  .result-card:not(.search-result-item) p,.knowledge-result p{font-size:12px;line-height:1.36;margin-bottom:6px;-webkit-line-clamp:1}
  .result-card:not(.search-result-item) .kicker,.knowledge-result .kicker{min-height:20px;padding:3px 6px;font-size:9px}
  .result-card:not(.search-result-item) .path,.knowledge-result .resource-path{max-width:100%;padding:3px 6px;font-size:10px}
  .result-card:not(.search-result-item)>.btn,.result-card:not(.search-result-item) .result-side>.btn,.knowledge-result .resource-code,.result-card:not(.search-result-item)>.badge{font-size:0;min-width:32px;width:32px;height:32px;min-height:32px;padding:0}
  .result-card:not(.search-result-item)>.btn::after,.result-card:not(.search-result-item) .result-side>.btn::after,.knowledge-result .resource-code::after{content:"→";font-size:18px;line-height:1}
  .knowledge-result:hover .resource-code::after{color:#fff}
  .domain-item,.topic-child,.area-card{padding:13px 14px}
}

/* Compact reference tools */
body[data-page="tools"] #tcode.section.tight{padding-top:24px;padding-bottom:28px}
body[data-page="tools"] #tcode .tool-shell{grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);align-items:start;gap:24px;padding:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,white),color-mix(in srgb,var(--knowledge-soft) 54%,var(--surface)));box-shadow:0 14px 34px rgba(15,31,45,.06)}
body[data-page="tools"] #tcode h2{font-size:clamp(26px,3vw,42px);line-height:1.08;margin:8px 0 14px;letter-spacing:-.03em}
body[data-page="tools"] #tcode p.muted{font-size:15px;line-height:1.55;margin:0 0 18px;max-width:560px}
body[data-page="tools"] #tcode .tool-input{gap:10px;align-items:center}
body[data-page="tools"] #tcode .tool-input input{min-height:52px;padding:12px 14px;border-radius:15px;background:color-mix(in srgb,var(--surface) 72%,var(--bg));font-size:16px}
body[data-page="tools"] #tcode .tool-input .btn{min-height:52px;min-width:96px;border-radius:15px}
body[data-page="tools"] #tcode .tool-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
body[data-page="tools"] #tcode .tool-chips button{border:1px solid var(--line);background:var(--surface);color:var(--brand);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850}
body[data-page="tools"] #tcode .tool-chips button:hover{background:var(--knowledge-soft);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
body[data-page="tools"] #tcode .tool-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
body[data-page="tools"] #tcode .search-result{display:flex;min-height:98px;flex-direction:column;justify-content:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 86%,white);box-shadow:0 1px 0 rgba(255,255,255,.48)}
body[data-page="tools"] #tcode .search-result:hover{background:var(--surface);border-color:color-mix(in srgb,var(--brand) 34%,var(--line));box-shadow:0 10px 24px rgba(15,31,45,.06)}
body[data-page="tools"] #tcode .search-result strong{font-size:17px;line-height:1.22;margin:5px 0;color:var(--ink)}
body[data-page="tools"] #tcode .search-result span{font-size:12px;line-height:1.35;color:var(--muted)}
body[data-page="tools"] #tcode .search-result span:first-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
@media(max-width:1100px){
  body[data-page="tools"] #tcode .tool-shell{grid-template-columns:1fr}
  body[data-page="tools"] #tcode .tool-results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  body[data-page="tools"] #tcode.section.tight{padding-top:18px}
  body[data-page="tools"] #tcode .tool-shell{padding:18px;border-radius:18px}
  body[data-page="tools"] #tcode .tool-input{display:grid;grid-template-columns:1fr auto}
  body[data-page="tools"] #tcode .tool-input .btn{min-width:78px}
  body[data-page="tools"] #tcode .tool-results{grid-template-columns:1fr}
body[data-page="tools"] #tcode .search-result{min-height:86px}
}

/* Readability and spacing refinements */
.dialog-backdrop{background:rgba(7,18,30,.62);backdrop-filter:blur(8px);padding-top:min(7vh,56px)}
.dialog{background:var(--surface);border-color:var(--line);box-shadow:0 24px 70px rgba(8,19,31,.28);color:var(--ink)}
.search-dialog-head{gap:10px;border-bottom-color:var(--line);padding-bottom:12px}
.search-dialog-head .icon{color:var(--ink2)}
.search-dialog-head input{color:var(--ink);font-size:17px}
.search-dialog-head input::placeholder{color:var(--muted2);opacity:1}
.search-dialog-head .icon-btn{background:var(--surface2);border-color:var(--line);color:var(--ink)}
#searchResults{padding-top:6px!important}
#searchResults .search-result{border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);padding:12px 2px}
#searchResults .search-result:last-child{border-bottom:0}
#searchResults .search-result:hover{background:var(--surface2);border-radius:12px;padding-left:12px;padding-right:12px}
#searchResults .search-result strong{color:var(--ink);font-weight:850}
#searchResults .search-result span{color:var(--muted);font-weight:650}

footer{margin-top:36px;padding:34px 0 22px}
.footer-grid{gap:20px}
.footer-grid h4{margin-bottom:7px}
.footer-grid a{padding:3px 0;line-height:1.35}
.footer-note{margin-top:20px;padding-top:13px}

.section{padding:58px 0}
.section.tight{padding:34px 0}
.page-hero{padding:36px 0 18px}
.hero{padding:50px 0 28px}
.domain-hub-hero{padding:38px 0 20px}
.knowledge-intro{padding:34px 0 18px}
.section-head{margin-bottom:18px}
.hero-actions{margin-top:18px}
#continue{margin-top:38px}
#continue>h2{margin-bottom:14px}
.context-track{margin:16px 0 22px}
.completion{padding:22px}

html[data-theme='dark'] .dialog-backdrop{background:rgba(0,0,0,.68)}
html[data-theme='dark'] .dialog{background:#0e1b29;border-color:#31485d;box-shadow:0 24px 70px rgba(0,0,0,.52)}
html[data-theme='dark'] .search-dialog-head .icon-btn{background:#17283a;border-color:#31485d;color:#eff6fc}
html[data-theme='dark'] #searchResults .search-result:hover{background:#17283a}

@media(max-width:899px){
  .dialog-backdrop{padding-top:4vh}
  .dialog{max-height:82vh}
  footer{margin-top:28px;padding:28px 0 18px}
  .section{padding:46px 0}
  .section.tight{padding:28px 0}
  .page-hero{padding:28px 0 14px}
  .hero{padding:36px 0 22px}
  .domain-hub-hero,.knowledge-intro{padding:30px 0 16px}
}

@media(max-width:600px){
  .dialog-backdrop{padding-top:0;place-items:start center}
  .dialog{width:100%;max-height:100dvh;border-radius:0;border-left:0;border-right:0;border-top:0;padding:14px}
  .search-dialog-head input{font-size:16px}
  footer{margin-top:22px;padding:28px 0 calc(24px + env(safe-area-inset-bottom))}
  footer .shell{width:min(calc(100% - 32px),var(--max))}
  .footer-grid{gap:22px}
  .footer-grid>div{min-width:0}
  .footer-grid h4{margin:0 0 8px}
  .footer-grid a{padding:4px 0;line-height:1.4}
  .footer-grid .brand{align-items:center}
  .footer-grid .muted{margin:12px 0 0!important;line-height:1.55}
  .footer-note{margin-top:22px;padding-top:16px;line-height:1.55}
  .section{padding:38px 0}
  .section.tight{padding:24px 0}
  .page-hero{padding:24px 0 10px}
  .hero{padding:30px 0 18px}
  .hero-actions{margin-top:14px}
  #continue{margin-top:30px}
  .completion{padding:18px}
}

/* Navigation and saved-reading refinements */
.mega-menu{
  z-index:120;
  background:var(--surface);
  border-color:var(--line);
  box-shadow:0 24px 70px rgba(15,31,45,.18);
  color:var(--ink);
}
.mega-col h4{color:var(--muted);font-weight:900}
.mega-col a{
  color:var(--ink);
  font-weight:820;
  line-height:1.25;
}
.mega-col a:hover,
.mega-col a:focus-visible{
  background:var(--knowledge-soft);
  color:var(--brand);
  outline:0;
}
.saved-shortcut{position:relative}
.count-badge{
  display:inline-grid;
  place-items:center;
  min-width:19px;
  height:19px;
  padding:0 6px;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  font-style:normal;
}
.count-badge[hidden]{display:none}
.save-action{position:relative}
.side-actions.icon-tools .save-action .count-badge{
  position:absolute;
  top:-7px;
  right:-7px;
  box-shadow:0 0 0 3px var(--surface);
}
.save-action.is-saved{
  border-color:color-mix(in srgb,var(--brand) 45%,var(--line));
  background:var(--knowledge-soft);
  color:var(--brand);
}
.completion .save-action.is-saved{
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#fff;
}
.choice-grid button.choice{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  color:inherit;
  text-align:left;
}
.choice-grid button.choice>span{
  min-height:100%;
  cursor:pointer;
}
.choice-grid .count-badge{
  margin-left:6px;
  vertical-align:middle;
}
html[data-theme='dark'] .mega-menu{
  background:#0e1b29;
  border-color:#31485d;
  box-shadow:0 24px 70px rgba(0,0,0,.58);
}
html[data-theme='dark'] .mega-col a{color:#eff6fc}
html[data-theme='dark'] .mega-col a:hover,
html[data-theme='dark'] .mega-col a:focus-visible{
  background:#17283a;
  color:#8cb9fa;
}
html[data-theme='dark'] .side-actions.icon-tools .save-action .count-badge{box-shadow:0 0 0 3px #0e1b29}

@media(max-width:760px){
  .saved-shortcut{display:none}
}