*{box-sizing:border-box}.utility-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.content-hub{margin:26px 0 0;padding:clamp(24px,5vw,64px);border:1px solid #393a35;border-radius:22px;background:radial-gradient(circle at 82% 0,rgba(197,139,101,.11),transparent 36%),linear-gradient(145deg,#1f211e,#171815);box-shadow:0 28px 80px rgba(0,0,0,.32)}
.content-intro{max-width:900px}.eyebrow{display:block;color:#d7a17c;font:850 12px/1.2 ui-monospace,"Cascadia Mono",monospace;letter-spacing:.16em}.content-hub h1,.content-hub h2,.guide-page h1,.guide-page h2{font-weight:780;letter-spacing:-.035em}.content-hub h1{max-width:820px;margin:12px 0 16px;font-size:clamp(34px,5vw,62px);line-height:1.02}.content-intro>p{max-width:820px;margin:0;color:#b8b4ac;font-size:18px;line-height:1.65}.content-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.content-nav a,.section-link a{color:#c4d8d0;text-decoration:none}.content-nav a{padding:10px 13px;border:1px solid #4b4c46;border-radius:999px;background:#242622;font-size:14px;font-weight:750}.content-nav a:hover,.section-link a:hover{color:#fff;border-color:#86a69a}
.backing-section,.explore-section,.faq-section{margin-top:58px;padding-top:38px;border-top:1px solid #393a35}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading h2{margin:8px 0 0;font-size:clamp(28px,4vw,42px)}.section-heading>p{max-width:500px;margin:0;color:#9e9b94;font-size:16px;line-height:1.55}.backing-transport{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;margin-top:24px;padding:14px 16px;border:1px solid #4a4b45;border-radius:12px;background:#191b18;box-shadow:inset 0 1px 16px rgba(0,0,0,.45)}.backing-transport small,.backing-transport strong{display:block}.backing-transport small{margin-bottom:5px;color:#85847d;font:800 10px/1 ui-monospace,monospace;letter-spacing:.12em}.backing-transport strong{font-size:16px}.backing-transport label{display:flex;align-items:center;gap:7px;color:#9c9991;font-size:11px;font-weight:850;letter-spacing:.1em}.backing-transport input{width:72px;height:38px;border:1px solid #454741;border-radius:6px;background:#242622;color:#eeeae4;text-align:center;font-weight:800}.backing-transport button,.backing-card button,.mini-player button{min-height:40px;padding:0 15px;border:1px solid #655141;border-radius:7px;background:linear-gradient(#624431,#442f24);color:#f4d3ba;cursor:pointer;font-size:11px;font-weight:850;letter-spacing:.09em}.backing-transport button:last-child,.mini-player .secondary{border-color:#4b4d47;background:#282a26;color:#bab7b0}.backing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.backing-card{position:relative;min-height:190px;padding:17px;overflow:hidden;border:1px solid #3c3e39;border-radius:11px;background:linear-gradient(145deg,#242622,#1a1c19);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.backing-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:var(--accent)}.backing-card.loaded{border-color:color-mix(in srgb,var(--accent),#383a35 40%)}.backing-card-top{display:flex;justify-content:space-between;color:#9db8ae;font:800 11px/1 ui-monospace,monospace;letter-spacing:.09em}.backing-card h3{margin:25px 0 8px;font-size:22px}.backing-card p{min-height:40px;margin:0;color:#98958e;font-size:14px;line-height:1.45}.backing-card>div:last-child{display:flex;gap:10px;align-items:center;margin-top:18px}.backing-card a{color:#aaa79f;font-size:10px;font-weight:850;letter-spacing:.08em;text-decoration:none}.backing-card a:hover{color:#fff}.section-link{margin:20px 0 0;font-size:14px;font-weight:750}.explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.explore-grid>a{min-height:190px;padding:24px;border:1px solid #3e403a;border-radius:13px;background:linear-gradient(145deg,#232521,#1a1c19);color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease}.explore-grid>a:hover{transform:translateY(-2px);border-color:#80684f}.explore-grid small{color:#9db8ae;font:800 11px/1 ui-monospace,monospace;letter-spacing:.14em}.explore-grid h3{margin:27px 0 10px;font-size:23px}.explore-grid p{margin:0;color:#a4a099;font-size:15px;line-height:1.55}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.faq-grid details{padding:17px 19px;border:1px solid #3d3f39;border-radius:10px;background:#1a1c19}.faq-grid summary{cursor:pointer;font-size:16px;font-weight:750}.faq-grid p{margin:12px 0 0;color:#a7a39c;line-height:1.55}.site-footer{padding:28px 8px 12px;color:#77766f;text-align:center}.site-footer strong{color:#c9bfae;letter-spacing:.16em}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:14px 0}.site-footer a{color:#aaa79f;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer p{margin:0;font-size:12px;letter-spacing:.08em}

.guide-page{margin:0;min-width:320px;background:radial-gradient(circle at 75% -10%,rgba(126,105,83,.16),transparent 40%),#151614;color:#eeeae4;font:16px/1.65 "Segoe UI",Inter,Arial,sans-serif}.guide-shell{width:min(1080px,calc(100% - 32px));margin:0 auto}.guide-header{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:20px 0;border-bottom:1px solid #383a35}.guide-logo{color:#eee5d7;font:850 21px/1 ui-monospace,monospace;letter-spacing:.16em;text-decoration:none}.guide-nav{display:flex;flex-wrap:wrap;gap:18px}.guide-nav a{color:#aaa79f;font-size:14px;font-weight:700;text-decoration:none}.guide-nav a:hover{color:#fff}.guide-main{padding:clamp(48px,8vw,90px) 0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:#828078;font-size:13px}.breadcrumbs a{color:#9db8ae;text-decoration:none}.guide-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:54px;align-items:start}.guide-copy .eyebrow{margin-bottom:14px}.guide-copy h1{margin:0;font-size:clamp(42px,7vw,76px);line-height:.98}.guide-lead{max-width:700px;margin:23px 0 0;color:#b8b4ac;font-size:20px;line-height:1.6}.meter-visual{padding:24px;border:1px solid #454741;border-radius:18px;background:linear-gradient(145deg,#252723,#191b18);box-shadow:0 24px 60px rgba(0,0,0,.28)}.meter-visual>span{color:#9d9a92;font:800 11px/1 ui-monospace,monospace;letter-spacing:.13em}.count-display{display:flex;gap:7px;margin-top:30px}.count-display b{display:flex;flex:1;min-height:74px;align-items:center;justify-content:center;border-radius:8px;background:var(--count,#c58b65);color:#251f1b;font-size:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.count-display i{align-self:center;color:#66655f;font-style:normal}.mini-player{margin-top:22px;padding:18px;border:1px solid #4a4c46;border-radius:12px;background:#1a1c19}.mini-player-head{display:flex;justify-content:space-between;gap:16px}.mini-player small,.mini-player strong{display:block}.mini-player small{margin-bottom:6px;color:#88867f;font:800 10px/1 ui-monospace,monospace;letter-spacing:.12em}.mini-player strong{font-size:17px}.mini-player-status{color:#9db8ae;font:800 11px/1 ui-monospace,monospace}.mini-player-controls{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:end;margin-top:16px}.mini-player label{color:#99968f;font-size:11px;font-weight:850;letter-spacing:.1em}.mini-player input{display:block;width:100%;height:39px;margin-top:6px;border:1px solid #454741;border-radius:6px;background:#252723;color:#eeeae4;padding:0 10px}.mini-steps{display:flex;gap:4px;margin-top:16px}.mini-steps i{flex:1;height:7px;border-radius:2px;background:#3a3c37}.mini-steps i.group{background:#655243}.mini-steps i.on{background:#86a69a;box-shadow:0 0 9px rgba(134,166,154,.7)}.guide-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;margin-top:72px}.article h2{margin:46px 0 12px;font-size:32px;line-height:1.15}.article h2:first-child{margin-top:0}.article h3{margin:30px 0 8px;font-size:21px}.article p,.article li{color:#b3afa8}.article ul,.article ol{padding-left:22px}.article li{margin:8px 0}.article-callout{margin:30px 0;padding:20px 22px;border-left:4px solid #86a69a;background:#1d211d;color:#c8d7d1}.article-links{position:sticky;top:20px;padding:20px;border:1px solid #3c3e39;border-radius:12px;background:#1a1c19}.article-links strong{display:block;margin-bottom:12px;color:#d2aa8d;font-size:12px;letter-spacing:.12em}.article-links a{display:block;padding:9px 0;border-bottom:1px solid #343630;color:#b8b4ac;text-decoration:none}.article-links a:last-child{border:0}.guide-footer{display:flex;justify-content:space-between;gap:24px;padding:26px 0 40px;border-top:1px solid #383a35;color:#807e77;font-size:13px}.guide-footer a{color:#aaa79f;text-decoration:none}.link-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.link-card{display:block;padding:22px;border:1px solid #3d3f39;border-radius:10px;background:#1b1d1a;color:inherit;text-decoration:none}.link-card small{color:#9db8ae;font-weight:800;letter-spacing:.11em}.link-card h3{margin:17px 0 7px}.link-card p{margin:0;color:#a7a39c}.link-card:hover{border-color:#80684f}.analytics-consent{font-family:"Segoe UI",Inter,Arial,sans-serif}
@media(max-width:900px){.backing-grid{grid-template-columns:repeat(2,1fr)}.guide-hero,.guide-content{grid-template-columns:1fr}.guide-content{gap:35px}.article-links{position:static}.meter-visual{max-width:620px}.guide-nav{gap:12px}}
@media(max-width:680px){.content-hub{padding:24px 16px}.section-heading{align-items:start;flex-direction:column}.backing-transport{grid-template-columns:1fr 1fr}.backing-transport>div{grid-column:1/-1}.backing-grid,.explore-grid,.faq-grid,.link-card-grid{grid-template-columns:1fr}.guide-header{align-items:flex-start;flex-direction:column}.guide-nav{font-size:13px}.guide-main{padding-top:42px}.guide-copy h1{font-size:43px}.guide-lead{font-size:18px}.guide-hero{gap:30px}.guide-footer{flex-direction:column}.mini-player-controls{grid-template-columns:1fr 1fr}.mini-player-controls label{grid-column:1/-1}}

/* Shared consent panel on the Studio and every learning page. */
.analytics-consent{position:fixed;z-index:80;right:18px;bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;width:min(720px,calc(100% - 36px));padding:16px 18px;border:1px solid #59615a;border-radius:10px;background:#1b1d1a;color:#eeeae4;box-shadow:0 22px 54px rgba(0,0,0,.7);font-family:"Segoe UI",Inter,Arial,sans-serif}.analytics-consent[hidden]{display:none}.analytics-consent strong{display:block;margin-bottom:5px;font-size:15px}.analytics-consent p{margin:0;color:#b6b2aa;font-size:13px;line-height:1.5}.analytics-consent a{color:#94dfcb}.analytics-consent-actions{display:flex;gap:8px}.analytics-consent button{min-height:38px;padding:0 12px;border:1px solid #53564f;border-radius:6px;background:#292b27;color:#d6d2ca;cursor:pointer;font-size:10px;font-weight:850;letter-spacing:.08em}.analytics-consent #analyticsAccept{border-color:#568d7d;background:#315a4f;color:#d9fff3}
@media(max-width:680px){.analytics-consent{grid-template-columns:1fr}.analytics-consent-actions{justify-content:flex-end}}
.guide-page{min-width:0}
.archive-card{background:radial-gradient(circle at 100% 0,rgba(73,203,216,.11),transparent 45%),linear-gradient(145deg,#242622,#1a1c19)}
.archive-badge{display:inline-flex;margin:7px 0 14px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--accent),#3b3d38 45%);border-radius:999px;background:#171916;color:#dcefe8;font:850 9px/1 ui-monospace,monospace;letter-spacing:.09em}
.archive-card h3{margin-top:17px}
.archive-method{margin:18px 0 0;padding:15px 17px;border:1px solid #3f4d47;border-left:4px solid #86a69a;border-radius:8px;background:#19201c;color:#aebdb7;font-size:13px;line-height:1.55}
.archive-method strong{color:#dce9e4}
.acoustic-card{background:radial-gradient(circle at 100% 0,rgba(247,189,77,.15),transparent 44%),radial-gradient(circle at 0 100%,rgba(66,214,177,.08),transparent 42%),linear-gradient(145deg,#29271f,#1a1c19)}
.acoustic-card .archive-badge{border-color:#8a7350;background:#211e17;color:#f3d9a1}
.archive-queue{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
.archive-queue article{padding:18px;border:1px solid #3f4d47;border-radius:10px;background:linear-gradient(145deg,#1d231f,#191b18)}
.archive-queue small{color:#86a69a;font:850 10px/1 ui-monospace,monospace;letter-spacing:.1em}
.archive-queue h3{margin:13px 0 7px}
.archive-queue p{margin:0;color:#9faaa5;font-size:14px}
@media(max-width:680px){.archive-queue{grid-template-columns:1fr}}