.knowledge-story-launcher { position:relative; display:block; width:100%; min-height:138px; margin:10px 0; padding:0; overflow:hidden; border:1px solid rgba(23,50,77,.22); border-radius:14px; background:#fffaf0; color:var(--ink); text-align:left; box-shadow:0 7px 18px rgba(35,45,49,.1); cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.knowledge-story-launcher:hover { transform:translateY(-2px); border-color:#2f7c72; box-shadow:0 11px 24px rgba(35,45,49,.15); }
.knowledge-story-launcher:focus-visible { outline:3px solid var(--light-accent-warm); outline-offset:3px; }
.knowledge-story-launcher.origins { background:linear-gradient(100deg,#fffaf0 0%,#fffaf0 54%,#f7efdd 100%); }
.knowledge-story-launcher.law { background:linear-gradient(100deg,#fffaf0 0%,#fffaf0 55%,#f1eadc 100%); }
.knowledge-story-launcher.roots { background:linear-gradient(100deg,#fffaf0 0%,#fffaf0 57%,#edf5ef 100%); }
.knowledge-story-launcher.library { background:linear-gradient(100deg,#fffaf0 0%,#fffaf0 57%,#173c31 57%,#10281f 100%); text-decoration:none; }
.knowledge-story-launcher.library .library-card-art { position:absolute;z-index:1;top:0;right:0;display:grid;width:43%;height:100%;place-content:center;place-items:center;gap:7px;color:#e2bb73; }
.knowledge-story-launcher.library .library-card-art:before { position:absolute;width:76px;height:96px;border:1px solid rgba(226,187,115,.48);border-radius:5px 12px 12px 5px;box-shadow:inset 5px 0 0 rgba(226,187,115,.18),0 12px 24px rgba(0,0,0,.2);content:"";transform:rotate(-4deg); }
.knowledge-story-launcher.library .library-card-art svg { z-index:1;width:25px;height:25px; }
.knowledge-story-launcher.library .library-card-art b { z-index:1;font-family:Georgia,serif;font-size:15px;letter-spacing:.1em; }
.knowledge-story-launcher.roots:after { content:""; position:absolute; z-index:0; top:18px; right:12px; width:96px; height:96px; border:1px solid rgba(39,118,107,.16); border-radius:50%; background:radial-gradient(circle,rgba(215,189,90,.15),rgba(39,118,107,.08) 56%,transparent 58%); box-shadow:0 0 0 8px rgba(39,118,107,.025); }
.knowledge-card-copy { position:relative; z-index:2; display:flex; width:63%; min-height:138px; flex-direction:column; align-items:flex-start; padding:16px 10px 14px 16px; }
.knowledge-card-copy:after { content:""; position:absolute; z-index:-1; inset:0 -38px 0 0; background:linear-gradient(90deg,#fffaf0 0%,#fffaf0 74%,rgba(255,250,240,0) 100%); }
.knowledge-card-copy small { color:#27766b; font-size:7px; font-weight:900; letter-spacing:.16em; line-height:1.2; text-transform:uppercase; }
.knowledge-card-copy strong { margin-top:8px; color:#17324d; font-size:14px; line-height:1.08; }
.knowledge-card-copy>span { margin-top:6px; color:#536670; font-size:9px; line-height:1.3; }
.knowledge-card-copy em { display:inline-flex; align-items:center; gap:10px; margin-top:auto; padding:7px 11px; border-radius:999px; background:#12664f; color:#fff; font-size:9px; font-style:normal; font-weight:900; line-height:1; box-shadow:0 4px 9px rgba(18,102,79,.16); }
.knowledge-card-copy em b { font-size:13px; }
.knowledge-card-art { position:absolute; z-index:1; top:0; right:0; width:62%; height:100%; object-fit:cover; object-position:right center; pointer-events:none; }
.knowledge-story-launcher.origins .knowledge-card-art { width:64%; object-position:83% center; }
.knowledge-story-launcher.roots .knowledge-card-art.roots-logo { top:14%; right:1%; width:48%; height:72%; object-fit:contain; filter:drop-shadow(0 5px 8px rgba(23,50,77,.12)); }
.sidebar-knowledge-stories { margin:12px 0 18px; }
.sidebar-story-links { display:grid; grid-template-columns:1fr; gap:12px; }
.sidebar-story-links .knowledge-story-launcher.compact { width:100%; min-height:138px; margin:0; }
html.knowledge-story-open { overflow:hidden; }
.knowledge-story-overlay { position:fixed; z-index:2000; inset:0; background:#101915; color:#edf5f1; }
.knowledge-story-overlay.loading { display:grid; place-items:center; }
.knowledge-story-loading { display:grid; place-items:center; gap:18px; color:#d9e7e1; }
.knowledge-story-loading>span { display:flex; gap:9px; color:#f4c45d; }
.knowledge-story-loading svg { width:34px; height:34px; }
.knowledge-story-shell { height:100dvh; display:grid; grid-template-rows:72px minmax(0,1fr); background:radial-gradient(circle at 66% 10%,rgba(45,155,115,.18),transparent 33%),#101915; }
.knowledge-story-shell.roots2ai-story { background:radial-gradient(circle at 72% 8%,rgba(207,181,79,.13),transparent 31%),radial-gradient(circle at 18% 76%,rgba(45,155,115,.2),transparent 36%),#0d1d18; }
.knowledge-story-shell.roots2ai-story .knowledge-story-progress>span { background:#d7bd5a; }
.knowledge-story-shell.roots2ai-story .knowledge-story-chapter>header,.knowledge-story-shell.roots2ai-story .knowledge-story-brand>span,.knowledge-story-shell.roots2ai-story .knowledge-story-index nav b { color:#d7bd5a; }
.knowledge-story-topbar { display:grid; grid-template-columns:48px minmax(0,1fr) 48px; align-items:center; gap:16px; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,.12); background:rgba(16,25,21,.88); backdrop-filter:blur(14px); }
.knowledge-story-topbar>button { width:42px; height:42px; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:transparent; color:#fff; font-size:22px; cursor:pointer; }
.knowledge-story-brand { display:flex; justify-content:center; align-items:center; gap:13px; text-align:center; }
.knowledge-story-brand>span { display:flex; gap:4px; color:#f4c45d; }
.knowledge-story-brand>span svg { width:22px; }
.knowledge-story-brand div { display:flex; min-width:0; flex-direction:column; }
.knowledge-story-brand small { color:#9fb1a9; font-size:9px; letter-spacing:.15em; font-weight:900; }
.knowledge-story-brand strong { overflow:hidden; max-width:760px; font-family:Georgia,serif; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-story-brand.roots2ai-brand { justify-content:center; gap:18px; }
.roots2ai-brand>img { width:132px; height:auto; max-height:43px; object-fit:contain; }
.roots2ai-brand>a { display:flex; max-width:270px; flex-direction:column; color:#c6d3cd; font-size:8px; font-weight:700; line-height:1.35; text-align:left; text-decoration:none; }
.roots2ai-brand>a span { color:#d7bd5a; font-weight:900; }
.visually-hidden { 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; }
.knowledge-story-layout { min-height:0; display:grid; grid-template-columns:260px minmax(0,1fr) 180px; }
.knowledge-story-index,.knowledge-story-timeline { min-height:0; overflow:auto; padding:24px 16px; border-right:1px solid rgba(255,255,255,.1); background:rgba(11,20,16,.76); }
.knowledge-story-index>div { padding:0 7px 18px; border-bottom:1px solid rgba(255,255,255,.1); }
.knowledge-story-index>div small,.knowledge-story-timeline>span { color:#f4c45d; font-size:8px; letter-spacing:.13em; font-weight:900; }
.knowledge-story-index>div p { color:#c6d3cd; font-family:Georgia,serif; font-size:14px; line-height:1.45; }
.knowledge-story-index>div span { color:#8fa199; font-size:10px; text-transform:uppercase; }
.knowledge-story-index nav { display:grid; gap:5px; padding-top:16px; }
.knowledge-story-index nav button { position:relative; display:grid; grid-template-columns:52px 1fr 25px; align-items:center; gap:6px; padding:10px 8px; border:0; border-radius:10px; background:transparent; color:#b9c8c1; text-align:left; cursor:pointer; }
.knowledge-story-index nav button:hover,.knowledge-story-index nav button.active { background:rgba(244,196,93,.1); color:#fff; }
.knowledge-story-index nav button.active:before { content:""; position:absolute; left:-16px; width:3px; height:70%; border-radius:3px; background:#f4c45d; }
.knowledge-story-index nav b { color:#f4c45d; font-size:10px; }
.knowledge-story-index nav span { font-size:11px; line-height:1.25; }
.knowledge-story-index nav em { font-size:9px; color:#789086; font-style:normal; text-align:right; }
.knowledge-story-reader { min-width:0; overflow:auto; scroll-behavior:smooth; }
.knowledge-story-progress { position:sticky; z-index:4; top:0; height:22px; background:rgba(16,25,21,.94); }
.knowledge-story-progress>span { position:absolute; left:0; top:0; height:3px; background:#f4c45d; transition:width .3s; }
.knowledge-story-progress small { position:absolute; right:18px; top:6px; color:#7f948a; font-size:8px; text-transform:uppercase; }
.knowledge-story-chapter { width:min(760px,calc(100% - 48px)); margin:0 auto; padding:52px 0 70px; }
.knowledge-story-chapter>header { display:flex; justify-content:space-between; align-items:center; color:#f4c45d; font-size:10px; letter-spacing:.14em; font-weight:900; }
.knowledge-story-chapter>header b { padding:7px 10px; border:1px solid rgba(244,196,93,.3); border-radius:999px; }
.knowledge-story-reviewed { display:block; margin-top:10px; color:#80958b; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.knowledge-story-chapter h2 { max-width:680px; margin:18px 0 26px; font-family:Georgia,serif; font-size:clamp(34px,5vw,62px); font-weight:500; line-height:1.02; letter-spacing:-.035em; }
.knowledge-story-narrative { max-width:680px; }
.knowledge-story-narrative p { color:#cbd8d2; font-family:Georgia,serif; font-size:18px; line-height:1.72; }
.knowledge-story-narrative p.opening { color:#fff; font-size:24px; line-height:1.48; }
.knowledge-story-visual { margin:40px 0; padding:28px; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:linear-gradient(135deg,rgba(45,155,115,.16),rgba(244,196,93,.08)); }
.knowledge-story-visual>div { display:flex; justify-content:center; align-items:center; gap:10px; }
.knowledge-story-visual span { display:flex; min-height:86px; min-width:105px; flex:1; flex-direction:column; justify-content:center; align-items:center; gap:8px; padding:12px; border:1px solid rgba(255,255,255,.15); border-radius:14px; background:rgba(9,18,14,.62); text-align:center; font-size:10px; font-weight:900; letter-spacing:.08em; }
.knowledge-story-visual span b { color:#f4c45d; font-size:9px; }
.knowledge-story-visual>div>i { color:#f4c45d; font-style:normal; }
.knowledge-story-visual figcaption { margin-top:15px; color:#80958b; font-size:8px; letter-spacing:.14em; text-align:right; }
.knowledge-story-reel { margin:40px 0; overflow:hidden; border-radius:22px; background:#050907; box-shadow:0 24px 55px rgba(0,0,0,.25); }
.knowledge-story-reel header { display:flex; justify-content:space-between; padding:12px 18px; color:#9fb1a9; font-size:9px; letter-spacing:.12em; }
.knowledge-story-reel header span { display:flex; align-items:center; gap:7px; }
.knowledge-story-reel header svg { width:13px; }
.knowledge-story-reel video { display:block; width:100%; aspect-ratio:16/9; background:#020403; object-fit:contain; }
.knowledge-story-reel.real-video { border:1px solid rgba(244,196,93,.18); }
.knowledge-story-reel.real-video>p { color:#c1cec8; }
.knowledge-story-reel button { position:relative; width:100%; min-height:280px; display:grid; place-items:center; padding:40px; border:0; background:radial-gradient(circle at center,rgba(45,155,115,.28),transparent 45%),linear-gradient(135deg,#111b17,#070b09); color:#fff; cursor:pointer; }
.knowledge-story-reel button:before { content:""; position:absolute; inset:18px; border:1px solid rgba(244,196,93,.24); }
.knowledge-story-reel button.playing:after { content:""; position:absolute; bottom:18px; left:18px; height:3px; background:#f4c45d; animation:story-reel 12.8s linear; }
@keyframes story-reel { from{width:0} to{width:calc(100% - 36px)} }
.knowledge-story-reel .reel-frame { z-index:1; max-width:520px; font-family:Georgia,serif; font-size:27px; line-height:1.2; transition:opacity .3s; }
.knowledge-story-reel button em { position:absolute; bottom:30px; font-size:9px; color:#9fb1a9; font-style:normal; letter-spacing:.12em; text-transform:uppercase; }
.knowledge-story-reel>p { margin:0; padding:16px 20px 20px; color:#9fb1a9; font-size:12px; line-height:1.5; }
.knowledge-story-mattered,.knowledge-story-course { margin:28px 0; padding:24px 26px; border-radius:18px; }
.knowledge-story-mattered { border-left:4px solid #f4c45d; background:rgba(244,196,93,.09); }
.knowledge-story-mattered span,.knowledge-story-course span,.knowledge-story-tutor>span { display:flex; align-items:center; gap:8px; color:#f4c45d; font-size:9px; font-weight:900; letter-spacing:.13em; }
.knowledge-story-mattered svg { width:15px; }
.knowledge-story-mattered p { margin:11px 0 0; font-family:Georgia,serif; font-size:18px; line-height:1.5; }
.knowledge-story-course { display:flex; flex-direction:column; gap:10px; border:1px solid rgba(45,155,115,.32); background:rgba(45,155,115,.1); }
.knowledge-story-course span { color:#6fc6a6; }
.knowledge-story-course strong { font-size:17px; }
.knowledge-story-depth { margin:28px 0; padding:18px 22px; border:1px solid rgba(244,196,93,.2); border-radius:18px; background:rgba(255,255,255,.035); }
.knowledge-story-depth summary { color:#f4c45d; font-size:11px; font-weight:900; cursor:pointer; }
.knowledge-story-depth div { display:grid; grid-template-columns:110px 1fr; gap:14px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.knowledge-story-depth div:last-child { border-bottom:0; }
.knowledge-story-depth b { color:#6fc6a6; font-size:10px; text-transform:uppercase; }
.knowledge-story-depth p { margin:0; color:#cbd8d2; font-size:13px; line-height:1.5; }
.knowledge-story-assessment-link { display:block; margin:26px 0 34px auto; padding:14px 18px; border:0; border-radius:12px; background:#f4c45d; color:#17324d; font-weight:900; cursor:pointer; }
.knowledge-story-tutor { margin:34px 0; padding:26px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:#17231e; }
.knowledge-story-tutor h3 { font-family:Georgia,serif; font-size:24px; font-weight:500; }
.knowledge-story-tutor form { display:grid; gap:10px; }
.knowledge-story-tutor textarea { width:100%; padding:14px; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:#101915; color:#fff; resize:vertical; }
.knowledge-story-tutor button { justify-self:end; padding:11px 15px; border:0; border-radius:10px; background:#f4c45d; color:#17324d; font-weight:900; cursor:pointer; }
.knowledge-story-tutor-reply:not(:empty) { margin-top:14px; padding:15px; border-radius:12px; background:rgba(45,155,115,.12); color:#dce8e2; line-height:1.5; }
.knowledge-story-tutor>small { display:block; margin-top:12px; color:#83978e; font-size:9px; }
.knowledge-story-sources { margin-top:34px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); }
.knowledge-story-sources summary { color:#9fb1a9; font-size:11px; cursor:pointer; }
.knowledge-story-sources a { display:grid; grid-template-columns:1fr auto; gap:4px 12px; margin-top:10px; padding:12px; border-radius:10px; background:rgba(255,255,255,.04); color:#d8e4de; text-decoration:none; }
.knowledge-story-sources a span { grid-column:1; color:#81978c; font-size:9px; }
.knowledge-story-sources a strong { grid-column:1; font-size:11px; }
.knowledge-story-sources a em { grid-column:2; grid-row:1/3; max-width:220px; align-self:center; color:#6fc6a6; font-size:8px; font-style:normal; line-height:1.45; }
.knowledge-story-actions { display:flex; justify-content:space-between; align-items:center; width:min(760px,calc(100% - 48px)); margin:0 auto 40px; }
.knowledge-story-actions button { padding:11px 15px; border:1px solid rgba(255,255,255,.16); border-radius:10px; background:transparent; color:#fff; cursor:pointer; }
.knowledge-story-actions button:last-child:not(:disabled) { border-color:#f4c45d; color:#f4c45d; }
.knowledge-story-actions button:disabled { opacity:.3; }
.knowledge-story-actions span { color:#83978e; font-size:10px; }
.knowledge-story-timeline { border-right:0; border-left:1px solid rgba(255,255,255,.1); }
.knowledge-story-timeline>span { display:block; margin:0 8px 16px; }
.knowledge-story-timeline button { position:relative; display:flex; width:100%; flex-direction:column; gap:4px; padding:10px 8px 10px 20px; border:0; border-left:1px solid rgba(255,255,255,.15); background:transparent; color:#9aaca3; text-align:left; cursor:pointer; }
.knowledge-story-timeline button:before { content:""; position:absolute; left:-4px; top:14px; width:7px; height:7px; border-radius:50%; background:#52665d; }
.knowledge-story-timeline button.active:before { background:#f4c45d; box-shadow:0 0 0 5px rgba(244,196,93,.1); }
.knowledge-story-timeline button.active { color:#fff; }
.knowledge-story-timeline b { color:#f4c45d; font-size:10px; }
.knowledge-story-timeline small { font-size:9px; line-height:1.3; }
.knowledge-story-error { width:min(500px,calc(100% - 40px)); margin:18vh auto; padding:30px; border-radius:18px; background:#17231e; }
.knowledge-story-error button { padding:11px 15px; border:0; border-radius:10px; background:#f4c45d; color:#17324d; font-weight:900; }
@media (max-width:980px) { .knowledge-story-layout{grid-template-columns:220px minmax(0,1fr)} .knowledge-story-timeline{display:none} }
@media (max-width:760px) {
  .knowledge-story-launcher:is(.law,.roots,.origins){width:calc(100% - 32px);min-height:132px;margin:16px auto;border-radius:17px}.knowledge-story-launcher .knowledge-card-copy{min-height:132px;padding:15px 10px 13px 16px}.knowledge-story-launcher .knowledge-card-copy strong{font-size:14px}
  .mobile-workspace-navigation{grid-template-columns:repeat(5,minmax(0,1fr))}
  .knowledge-story-shell{grid-template-rows:60px minmax(0,1fr)}
  .knowledge-story-topbar{padding:8px 10px;gap:8px}.knowledge-story-topbar>button{width:38px;height:38px}.knowledge-story-brand small{font-size:7px}.knowledge-story-brand strong{max-width:58vw;font-size:13px}.knowledge-story-brand.roots2ai-brand{gap:7px}.roots2ai-brand>img{width:82px;max-height:31px}.roots2ai-brand>a{max-width:155px;font-size:6px;line-height:1.25}
  .knowledge-story-layout{display:block;overflow:auto}.knowledge-story-index{position:sticky;z-index:5;top:0;min-height:auto;overflow:auto;padding:7px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .knowledge-story-index>div{display:none}.knowledge-story-index nav{display:flex;width:max-content;padding:0;gap:4px}.knowledge-story-index nav button{display:flex;width:54px;height:42px;justify-content:center;padding:4px;border-radius:9px}.knowledge-story-index nav button span{display:none}.knowledge-story-index nav button em{display:none}.knowledge-story-index nav button.active:before{left:10px;right:10px;bottom:-7px;width:auto;height:2px}
  .knowledge-story-reader{overflow:visible}.knowledge-story-progress{top:56px}.knowledge-story-chapter{width:calc(100% - 32px);padding:34px 0 50px}.knowledge-story-chapter h2{font-size:38px}.knowledge-story-narrative p{font-size:17px}.knowledge-story-narrative p.opening{font-size:21px}
  .knowledge-story-visual{padding:18px}.knowledge-story-visual>div{display:grid;grid-template-columns:1fr 1fr}.knowledge-story-visual>div>i{display:none}.knowledge-story-visual span{min-width:0;min-height:76px}
  .knowledge-story-reel button{min-height:230px;padding:28px}.knowledge-story-reel .reel-frame{font-size:22px}.knowledge-story-actions{width:calc(100% - 32px)}
  .knowledge-story-depth div{grid-template-columns:1fr;gap:5px}.knowledge-story-sources a{grid-template-columns:1fr}.knowledge-story-sources a em{grid-column:1;grid-row:auto;max-width:none}
}