@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Lora;src:url('/assets/lora.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--ink:#141413;--ink-raised:#1c1c1a;--ink-soft:#242421;--paper:#eeece6;--paper-muted:#aaa8a1;--line:#ffffff12;--clay:#e38360;--clay-light:#f1a181;--green:#96baa2;--content:1240px;--sans:Inter,Arial,sans-serif;--serif:Lora,Georgia,serif;--shadow:0 24px 70px #0005;color-scheme:dark}
html[data-theme=light]{--ink:#f3f2ee;--ink-raised:#fffefa;--ink-soft:#e9e7df;--paper:#252722;--paper-muted:#66675f;--line:#25272220;--clay:#bd4e2b;--clay-light:#a13f23;--green:#39724d;--shadow:0 24px 70px #34321b18;color-scheme:light}
html{scroll-padding-top:100px}body{background:var(--ink);font-size:14px;line-height:1.6}button{cursor:pointer}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent}button svg,a svg{flex-shrink:0;vertical-align:middle}button:active,.button:active{transform:scale(.98)}.wrap{width:min(var(--content),calc(100% - 64px))}a:hover{color:var(--clay-light)}.site-header{position:sticky;top:0;width:100%;padding-inline:max(32px,calc((100vw - var(--content))/2));min-height:76px;gap:32px;background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(18px);z-index:40;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:25px;letter-spacing:-1.2px;gap:1px;font-weight:500;color:var(--paper)}.brand::before{display:none}.brand>span:first-child{color:var(--clay)}.brand-dot{height:5px;width:5px;background:var(--clay);border-radius:50%;align-self:flex-end;margin:0 0 9px 3px}.top-links{gap:22px;margin-right:auto}.top-links a{font-size:13px;font-weight:500;white-space:nowrap}.top-links a[aria-current]{color:var(--paper)}.top-links a[aria-current]::after{content:'';display:block;height:2px;background:var(--clay);margin-top:6px;position:absolute;width:20px}.header-actions{display:flex;align-items:center;gap:9px}.icon-button,.search-trigger,.level-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--paper-muted);background:transparent;border:0;font-size:12px;transition:background .18s,color .18s}.icon-button{height:36px;width:36px;padding:8px;border-radius:9px}.icon-button:hover{background:var(--ink-soft);color:var(--paper)}.search-trigger{background:var(--ink-raised);border:1px solid var(--line);border-radius:8px;height:36px;padding:0 10px}.search-trigger kbd{font-family:inherit;font-size:10px;border:1px solid var(--line);border-radius:4px;padding:0 4px;margin-left:25px;color:var(--paper-muted)}.level-button{color:var(--clay-light);background:color-mix(in srgb,var(--clay) 8%,transparent);border:1px solid color-mix(in srgb,var(--clay) 25%,transparent);height:36px;padding:0 12px;border-radius:8px;white-space:nowrap}.level-orb svg{width:15px;height:15px}.category-nav{width:100%;gap:8px;padding:10px max(32px,calc((100vw - var(--content))/2));background:var(--ink);margin:0;border-bottom:1px solid var(--line)}.category-nav a{display:flex;gap:8px;align-items:center;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--paper-muted)}.category-nav a:first-child{padding-left:0}.category-nav a span{font-size:10px;opacity:.65}.category-nav a:hover,.category-nav a[aria-current]{background:var(--ink-raised);color:var(--paper)}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding-top:28px}.home-main{min-width:0}.launch-panel{border:1px solid var(--line);border-radius:18px;padding:30px 32px 0;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#e3836010,transparent 55%),var(--ink-raised)}.launch-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.live-label{display:inline-flex;align-items:center;gap:7px;color:var(--paper-muted);font-size:11px}.live-label i{display:block;background:var(--green);height:5px;width:5px;border-radius:50%;box-shadow:0 0 0 4px #96baa20c}.version-label{font-size:10px;color:var(--paper-muted);opacity:.65}.launch-panel h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.2vw,56px);letter-spacing:-2.2px;line-height:1.15;margin:25px 0 18px;max-width:none}.launch-intro{font-size:14px;color:var(--paper-muted);max-width:57ch;line-height:1.75;margin:0 0 22px}.launch-actions{display:flex;gap:22px;align-items:center;margin-bottom:28px}.button{border-radius:9px;background:var(--clay);color:#171512;padding:12px 17px;font-size:12px;font-weight:650;letter-spacing:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent}.button.secondary{border:1px solid var(--line);background:transparent;color:var(--paper)}.button.secondary:hover{background:var(--ink-soft);border-color:var(--paper-muted)}.text-button{padding:7px 0;color:var(--paper);font-size:12px}.text-button:hover{color:var(--clay)}.text-button svg,.section-heading svg,.mentor-link svg{width:15px;height:15px}.workspace-demo{border:1px solid var(--line);border-radius:11px;background:var(--ink);box-shadow:0 8px 40px #0002;overflow:hidden}.workspace-bar{height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);color:var(--paper-muted);font-size:10px}.workspace-bar>span:first-child{display:flex;gap:5px}.workspace-bar i{width:5px;height:5px;background:var(--paper-muted);opacity:.35;border-radius:50%}.workspace-bar svg{width:12px;height:12px}.task-choice{display:flex;padding:15px 18px 0;gap:7px}.task-choice button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--paper-muted);padding:7px 10px;font-size:11px;transition:all .2s}.task-choice svg{width:14px;height:14px}.task-choice button[aria-pressed=true]{border-color:#e3836055;background:#e3836010;color:var(--clay-light)}.workflow{display:flex;align-items:center;justify-content:center;padding:25px 24px 22px}.workflow-node{display:grid;justify-items:center;gap:7px;white-space:nowrap;font-size:10px;color:var(--paper-muted)}.workflow-node>svg{width:36px;height:36px;padding:9px;box-sizing:content-box;border:1px solid var(--line);border-radius:12px;background:var(--ink-raised)}.workflow-node.core>svg{color:var(--clay);border-color:#e3836055;background:#e383600a;box-shadow:0 0 24px #e3836009}.flow-line{position:relative;width:95px;height:1px;background:var(--line);margin:0 12px 22px}.flow-line i{position:absolute;top:-1px;left:0;height:3px;width:14px;border-radius:3px;background:var(--clay);animation:flow 4s ease-in-out 2}.flow-line:nth-of-type(4) i{animation-delay:.8s}@keyframes flow{0%{left:0;opacity:0}20%{opacity:.8}80%{opacity:.8}100%{left:calc(100% - 14px);opacity:0}}.task-result{border-top:1px solid var(--line);padding:12px 17px;display:flex;align-items:center;gap:18px;background:var(--ink-raised)}.task-result p{margin:0;color:var(--paper-muted);font-size:11px;line-height:1.65;flex:1}.task-result a{display:flex;align-items:center;justify-content:center;height:32px;width:32px;border:1px solid var(--line);border-radius:50%;color:var(--clay)}.task-result a:hover{background:var(--clay);color:var(--ink)}.launch-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:22px;border-top:1px solid var(--line);padding:16px 0;font-size:10px;color:var(--paper-muted)}.launch-bottom strong{color:var(--paper);font-weight:600;margin-right:3px}.launch-bottom .free-label{color:var(--green)}.home-sidebar{display:flex;flex-direction:column;gap:18px}.mentor-panel{border:1px solid var(--line);background:var(--ink-raised);border-radius:15px;overflow:hidden}.mentor-photo{position:relative;height:220px;overflow:hidden}.mentor-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}.mentor-photo::after{position:absolute;inset:0;content:'';background:linear-gradient(transparent 50%,#0009)}.mentor-photo>span{position:absolute;bottom:14px;left:18px;z-index:1;color:white;font-family:var(--serif);font-size:17px}.mentor-content{padding:21px}.section-caption{font-size:11px;color:var(--paper-muted);font-weight:400}.mentor-content h2{font-family:var(--serif);font-size:24px;font-weight:500;margin:6px 0 10px;letter-spacing:-.7px}.mentor-content p{font-size:12px;color:var(--paper-muted);line-height:1.75;margin:0 0 13px}.mentor-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--clay);text-decoration:none;margin-bottom:18px}.mentor-content .button{width:100%;font-size:11px;padding:10px}.progress-panel{padding:20px;background:var(--ink-raised);border:1px solid var(--line);border-radius:15px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title>span{display:flex;align-items:center;gap:7px;font-size:12px}.panel-title>span svg{color:var(--clay);width:16px}.panel-title .icon-button{width:25px;height:25px;padding:3px}.progress-level{display:flex;align-items:center;gap:12px;margin:19px 0 16px}.level-badge{display:grid;place-items:center;font-family:var(--serif);width:42px;height:46px;color:var(--clay-light);font-size:23px;border:1px solid #e3836044;border-radius:12px 12px 18px 18px;background:#e383600c}.progress-level>div{display:grid;gap:3px}.progress-level strong{font-size:12px;font-weight:550}.progress-level>div>span{font-size:10px;color:var(--paper-muted)}.progress-level b{font-weight:500}.progress-track{height:4px;background:var(--ink-soft);border-radius:4px;overflow:hidden}.progress-track>span{height:100%;display:block;background:var(--clay);transition:width .4s}.progress-panel>p{font-size:11px;color:var(--paper-muted);line-height:1.65;margin:12px 0}.progress-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--paper-muted)}.progress-panel small{font-size:9px;color:var(--paper-muted);display:block;margin-top:14px;border-top:1px solid var(--line);padding-top:11px}.discovery-panel{border:1px dashed color-mix(in srgb,var(--clay) 25%,var(--line));border-radius:15px;padding:20px;background:linear-gradient(120deg,#e3836008,transparent)}.discovery-icon{color:var(--clay)}.discovery-panel h2{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.3;margin:10px 0}.discovery-panel p{font-size:12px;color:var(--paper-muted);margin:0 0 17px}.discovery-panel button{width:100%}.sidebar-video{display:flex;align-items:center;gap:12px;padding:5px;color:var(--paper);text-decoration:none}.sidebar-video>svg:first-child{width:38px;height:38px;padding:10px;box-sizing:content-box;background:var(--ink-raised);border-radius:10px;color:var(--clay)}.sidebar-video>div{display:grid;gap:4px}.sidebar-video strong{font-size:11px;font-weight:550}.sidebar-video span{font-size:10px;color:var(--paper-muted)}.sidebar-video>svg:last-child{width:15px}.learning-path,.home-feed,.toolbox-section{margin-top:32px}.section-heading{gap:12px;margin-bottom:16px;align-items:center}.section-heading h2{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.7px;line-height:1.3;margin:5px 0 0}.section-heading>a{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--paper-muted);text-decoration:none}.path-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.path-steps>a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:15px 12px;background:var(--ink-raised);border-radius:9px;text-decoration:none;color:var(--paper)}.step-number{color:var(--clay);font-size:12px;align-self:flex-start;border:1px solid #e3836033;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0}.path-steps strong{font-size:11px;font-weight:550}.path-steps p{font-size:9px;color:var(--paper-muted);margin:4px 0 0}.path-steps svg{width:12px;margin-left:auto;display:none}.path-steps>a:hover{border-color:#e3836055}.home-feed .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:var(--ink-raised);border-radius:12px;box-shadow:none;transition:border-color .2s}.card:hover{transform:none;border-color:#e3836055}.card-body{padding:22px;position:relative;display:flex;flex-direction:column;height:100%}.tag{align-self:flex-start;font-size:9px;letter-spacing:0;padding:3px 8px;background:#e3836008;border-color:#e3836033;color:var(--clay-light);margin-right:35px}.card h2{font-family:var(--sans);font-size:17px;letter-spacing:-.35px;line-height:1.45;font-weight:550;margin:16px 0 10px}.card p{font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:15px}.card-meta{margin-top:auto;font-size:10px;padding-top:12px}.card-meta a{color:var(--paper-muted);text-decoration:none}.card-meta a:hover{color:var(--clay)}.toolbox{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.toolbox>a{display:flex;flex-direction:column;text-decoration:none;padding:19px 15px;border:1px solid var(--line);border-radius:10px;background:var(--ink-raised);color:var(--paper)}.toolbox svg{color:var(--clay);margin-bottom:18px}.toolbox strong{font-size:13px;font-weight:550}.toolbox span{font-size:10px;color:var(--paper-muted);margin-top:5px;line-height:1.6}.toolbox>a:hover{border-color:var(--clay)}.site-footer.wrap{margin-top:50px;padding-top:30px;font-size:11px}.site-footer .brand{font-size:21px}.site-footer p{color:var(--paper-muted)}
/* Reading and discovery keep the same visual language as the home feed. */
.article-heading{padding-top:30px;max-width:900px}.article-heading h1{font-family:var(--serif);font-size:clamp(32px,3.4vw,46px);line-height:1.2;font-weight:400;max-width:31ch;letter-spacing:-1.5px;margin-bottom:22px}.article-heading>p{color:var(--paper-muted);max-width:70ch}.article-layout{gap:65px;grid-template-columns:minmax(0,780px) minmax(180px,1fr)}.prose{color:var(--paper);font-size:16px;line-height:1.85;max-width:78ch}.prose h2{font-size:30px;letter-spacing:-.6px}.prose h3{font-size:23px}.prose pre{background:var(--ink-raised);color:var(--paper);padding-top:42px}.prose code{color:var(--clay-light);background:var(--ink-soft)}.prose a{color:var(--clay-light)}.toc{top:100px;max-height:calc(100vh - 130px);overflow:auto;border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--ink-raised)}.toc h2{letter-spacing:0;text-transform:none;font-size:12px}.toc a{font-size:11px;display:block;padding:3px 0}.toc a:hover{color:var(--clay)}.byline{font-size:11px}.catalog-page .article-heading{padding-bottom:20px}.catalog-page .catalog-tools{background:var(--ink-raised);padding:12px;border:1px solid var(--line);border-radius:12px;position:sticky;top:76px;z-index:15}.catalog-tools input,.catalog-tools select{background:var(--ink);font-size:13px}.catalog-tools label{flex:1}.catalog-tools input{width:100%}.grid{gap:16px}.about-grid h2{font-size:30px}
/* Native dialogs, keyboard search and persistent learning controls. */
.experience-dialog{background:var(--ink-raised);color:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0;width:min(620px,calc(100vw - 32px));max-height:80dvh;box-shadow:var(--shadow)}.experience-dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}.experience-dialog[open]{animation:dialog-enter .2s ease-out}.dialog-content{padding:28px;position:relative}.dialog-content h2{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.6px;margin:0 40px 20px 0}.dialog-content p{color:var(--paper-muted);font-size:13px}.dialog-close{position:absolute;right:17px;top:17px;border:1px solid var(--line);background:var(--ink);color:var(--paper-muted);border-radius:7px;min-width:32px;min-height:32px;cursor:pointer;font-size:12px}.dialog-content input{display:block;width:100%;background:var(--ink);color:var(--paper);border:1px solid var(--line);padding:13px 15px;border-radius:9px;outline-offset:2px;font-size:14px}.search-results{margin-top:16px;display:grid;gap:6px}.search-result,.saved-result{display:flex;flex-direction:column;gap:5px;color:var(--paper);background:var(--ink);border:1px solid transparent;text-decoration:none;padding:13px;border-radius:8px;font-size:13px}.search-result:hover,.saved-result:hover{border-color:#e3836066;background:var(--ink-soft)}.search-result small{color:var(--clay);font-size:10px}.saved-result{margin-bottom:7px}.save-button{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--paper-muted);font-size:10px;padding:6px 9px;line-height:1.4}.card-body>.save-button{position:absolute;right:14px;top:16px;max-width:85px}.save-button[aria-pressed=true]{color:var(--clay);border-color:#e3836066;background:#e383600a}.article-heading .save-button{margin-top:15px}.article-footer{margin-top:40px;padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--ink-raised)}.complete-button{padding:12px 18px;border:1px solid #e3836060;border-radius:8px;background:var(--clay);color:#191613;font-size:13px;font-weight:600}.complete-button[aria-pressed=true]{background:#96baa212;color:var(--green);border-color:#96baa244}.complete-button.is-celebrating{animation:complete .5s ease}.reading-progress{position:fixed;top:75px;left:0;width:100%;height:2px;z-index:45;pointer-events:none}.reading-progress-fill{height:100%;background:var(--clay);transition:width .08s linear}.experience-toast{position:fixed;z-index:1000;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--paper);color:var(--ink);border-radius:10px;padding:12px 20px;box-shadow:var(--shadow);font-size:13px;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);text-align:center}.experience-toast.is-visible{opacity:1;transform:translate(-50%,0)}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes complete{50%{transform:scale(1.04);box-shadow:0 0 0 12px #96baa210}}.launch-panel{animation:entrance .6s ease-out}@keyframes entrance{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.home-layout{gap:28px;grid-template-columns:minmax(0,1fr) 310px}.launch-panel{padding:34px 38px 0}.launch-panel h1{font-size:60px}.mentor-photo{height:240px}}
@media(max-width:1100px){.site-header{gap:20px}.top-links{gap:15px}.search-trigger kbd{display:none}.header-actions{gap:4px}.home-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.launch-panel{padding:25px 24px 0}.launch-panel h1{font-size:44px}.version-label{display:none}.launch-bottom{flex-wrap:wrap}.launch-bottom .free-label{width:100%}.flow-line{width:60px}.task-choice{padding-inline:12px;gap:5px}.task-choice button{padding:7px;font-size:10px}.path-steps{grid-template-columns:1fr}.path-steps svg{display:block}.path-steps p{font-size:11px}.path-steps strong{font-size:12px}.mentor-photo{height:200px}.toolbox{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{gap:30px}}
@media(max-width:850px){.top-links a:last-child{display:none}.header-actions .level-button{display:none}.home-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.wrap{width:calc(100% - 36px)}.site-header{padding-inline:18px}.category-nav{padding-inline:18px}.launch-panel{padding:22px 20px 0}.launch-panel h1{font-size:38px;letter-spacing:-1.4px}.launch-intro{font-size:13px}.launch-actions{gap:12px;flex-wrap:wrap}.launch-actions .button{font-size:11px}.task-choice button{flex:1}.task-choice button svg{display:none}.workflow{padding:20px 14px}.workflow-node>svg{width:24px;height:24px;padding:10px}.workflow-node{font-size:9px}.flow-line{width:30px;margin-inline:8px}.home-feed .grid{grid-template-columns:1fr}.mentor-content{padding:16px}.mentor-content h2{font-size:22px}.progress-panel{padding:16px}.progress-bottom{flex-direction:column;gap:4px}.article-layout{grid-template-columns:minmax(0,1fr)}.toc{position:static;max-height:240px;grid-row:1}.section-heading h2{font-size:24px}}
@media(max-width:640px){.site-header{min-height:64px;padding-inline:16px;gap:12px}.brand{font-size:22px}.header-actions{margin-left:auto;gap:2px}.header-actions .search-trigger{border:0;background:none;padding:8px}.search-trigger>span,.search-trigger kbd{display:none}.header-actions .icon-button{width:32px}.header-actions .icon-button[data-theme-toggle]{display:none}#menu-toggle{font-size:10px;padding:7px;border-radius:6px;color:var(--paper-muted)}.top-links{top:64px;left:0;right:0;padding:12px 20px;background:var(--ink-raised);box-shadow:var(--shadow);border-bottom:1px solid var(--line)}.top-links a:last-child{display:block}.top-links a[aria-current]::after{display:none}.category-nav{padding:8px 16px;gap:5px}.category-nav a{padding:6px 9px;font-size:11px}.category-nav a span{font-size:9px}.wrap{width:calc(100% - 28px)}.home-layout{grid-template-columns:1fr;padding-top:16px;gap:24px}.launch-panel{padding:23px 20px 0;border-radius:13px}.launch-top{font-size:10px}.live-label{font-size:9px}.launch-panel h1{font-size:40px;letter-spacing:-1.6px;margin-top:22px}.launch-intro{font-size:12px;line-height:1.8}.launch-actions{margin-bottom:23px;gap:15px}.launch-actions .button{padding:11px 13px;font-size:11px}.launch-actions .text-button{font-size:10px}.launch-actions .button svg{width:16px}.workspace-bar{font-size:9px}.task-choice{padding:12px 10px 0}.task-choice button{font-size:9px;white-space:nowrap;padding:7px 5px}.workflow{padding:22px 12px}.workflow-node>svg{width:24px;height:24px}.workflow-node{font-size:9px}.flow-line{flex:1;width:auto;min-width:12px;margin:0 6px 20px}.task-result{padding:11px}.task-result p{font-size:10px}.task-result a{width:27px;height:27px}.launch-bottom{font-size:9px;gap:8px;margin-top:18px;padding:14px 0}.launch-bottom .free-label{width:auto}.path-steps{grid-template-columns:1fr}.path-steps>a{padding:14px}.path-steps strong{font-size:12px}.section-heading{flex-direction:row;align-items:center;gap:12px}.section-heading h2{font-size:24px}.section-heading>a,.section-heading>.text-button{font-size:10px;max-width:100px;text-align:right}.section-caption{font-size:10px}.home-feed .grid{grid-template-columns:1fr}.card-body{padding:20px}.card h2{font-size:17px}.card p{font-size:12px}.home-sidebar{display:grid;grid-template-columns:1fr;gap:14px}.mentor-photo{height:250px;object-position:50% 40%}.mentor-content{padding:22px}.mentor-content h2{font-size:25px}.mentor-content p{font-size:13px}.progress-panel{padding:22px}.progress-bottom{flex-direction:row}.discovery-panel{padding:22px}.sidebar-video{padding:10px}.home-sidebar .progress-panel{order:-1}.article-heading h1{font-size:32px;letter-spacing:-1px;max-width:none}.article-heading{padding-top:20px}.article-layout{padding-bottom:35px}.prose{font-size:15px}.prose h2{font-size:27px}.catalog-page .catalog-tools{top:64px;padding:10px}.catalog-tools input,.catalog-tools select{min-height:40px}.catalog-tools label{width:100%}.catalog-tools{gap:8px}.reading-progress{top:63px}.dialog-content{padding:23px 18px}.dialog-content h2{font-size:24px}.experience-dialog{max-height:85dvh}.site-footer.wrap{margin-top:32px;gap:16px}.toolbox-section .section-heading>.section-caption{display:none}.card-body>.save-button{font-size:9px;right:15px}.save-button{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 28px 18px;background:var(--ink-raised);border-bottom:1px solid var(--line)}.dialog-header h2{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.6px;margin:0}.dialog-header .dialog-close{position:static;padding:7px 10px;flex-shrink:0}.search-result>span{font-size:10px;color:var(--clay);margin-top:3px}.reading-progress-fill{display:block}.article-footer p{margin:0 0 16px;font-size:13px;color:var(--paper-muted)}
@media(max-width:640px){.dialog-header{padding:19px 18px 15px}.dialog-header h2{font-size:21px}.header-actions .icon-button[data-theme-toggle]{display:inline-flex;width:28px}.brand{font-size:21px}}
.path-steps a.is-completed{border-color:#96baa244;background:color-mix(in srgb,var(--green) 5%,var(--ink-raised))}.path-steps a.is-completed .step-number{background:#96baa222;border-color:#96baa266;color:var(--green)}.path-steps a.is-completed strong::after{content:' ✓';color:var(--green)}

/* Catalog controls: aligned labels and a consistent, keyboard-friendly picker. */
.catalog-page .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:18px;align-items:end;padding:18px;overflow:visible}
.catalog-tools>label,.category-picker{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:var(--paper-muted);line-height:1.4}
.catalog-tools input,.category-trigger{box-sizing:border-box;height:46px;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--ink);color:var(--paper);padding:0 14px;font-size:13px;line-height:1.4}
.category-picker{position:relative}.category-picker select[hidden]{display:none}
.category-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;transition:border-color .16s,background .16s}
.category-trigger:hover,.category-trigger[aria-expanded=true]{border-color:var(--clay);background:var(--ink-soft)}
.catalog-tools input:focus-visible,.category-trigger:focus-visible{outline:2px solid var(--clay);outline-offset:3px}
.picker-arrow{font-size:20px;line-height:1;transform:translateY(-3px);color:var(--paper-muted)}
.category-trigger[aria-expanded=true] .picker-arrow{transform:rotate(180deg)}
.category-options{position:absolute;top:calc(100% + 8px);right:0;width:100%;z-index:30;padding:6px;background:var(--ink-raised);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #0005;max-height:min(420px,55dvh);overflow:auto;overscroll-behavior:contain}
.category-options[hidden]{display:none}
.category-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--paper-muted);font-size:13px;line-height:1.4;text-align:left;cursor:pointer}
.category-options button:hover,.category-options button:focus-visible{background:var(--ink-soft);color:var(--paper);outline:none;box-shadow:inset 0 0 0 1px var(--line)}
.category-options button[aria-selected=true]{color:var(--clay-light);background:color-mix(in srgb,var(--clay) 10%,transparent)}
.category-options button[aria-selected=true]::after{content:'✓';margin-left:12px;color:var(--clay)}
@media(max-width:640px){.catalog-page .catalog-tools{grid-template-columns:1fr;gap:14px;padding:14px;position:relative;top:auto}.catalog-tools input{font-size:16px}.category-options button{min-height:44px}}