.beginner-hero{padding-top:56px;padding-bottom:54px;border-bottom:1px solid var(--line)}
.beginner-hero h1{font-size:clamp(3rem,5.8vw,5.3rem);max-width:880px}
.beginner-hero h1 span{color:var(--accent)}
.beginner-lead{max-width:740px;font-size:1.12rem}
.beginner-meta{font-size:.8rem;margin:25px 0 0;display:flex;gap:14px;flex-wrap:wrap}
.beginner-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:80px;align-items:start;padding-top:54px;padding-bottom:60px}
.beginner-index{position:sticky;top:28px;padding-bottom:24px}
.beginner-index .eyebrow{font-size:.65rem;margin-bottom:16px}
.beginner-index>a{display:flex;gap:16px;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:.76rem;color:var(--accent)}
.beginner-index>a span{color:var(--muted);font-size:.89rem}
.beginner-index>a:hover span{color:var(--text)}
.beginner-index .beginner-index-help{border:0;margin-top:12px;font-size:.85rem}
.beginner-article{min-width:0;max-width:820px}
.beginner-section{padding-bottom:52px;margin-bottom:46px;border-bottom:1px solid var(--line);scroll-margin-top:26px}
.beginner-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.beginner-section>.eyebrow{font-size:.68rem;margin-bottom:16px}
.beginner-section h2{font-size:clamp(2rem,3.4vw,3.1rem)}
.beginner-section h3{font-size:1.05rem;margin-bottom:8px}
.beginner-section p{font-size:.96rem}
.beginner-article strong{color:var(--text);font-weight:600}
.beginner-article a:not(.button){color:var(--accent)}
.beginner-steps{list-style:none;counter-reset:lesson;padding:0;margin:30px 0}
.beginner-steps>li{counter-increment:lesson;position:relative;padding:0 0 24px 47px}
.beginner-steps>li:before{content:counter(lesson);position:absolute;left:0;top:0;width:28px;height:28px;border:1px solid #66563d;border-radius:50%;color:var(--accent);display:grid;place-items:center;font-size:.76rem}
.beginner-steps p{margin-bottom:0}
.beginner-controls{border:1px solid var(--line);padding:22px 24px;margin:24px 0}
.beginner-controls ul{display:flex;gap:14px 24px;flex-wrap:wrap;list-style:none;margin:16px 0;padding:0;color:var(--muted);font-size:.89rem}
.beginner-controls kbd{margin-right:5px;color:var(--text)}
.beginner-controls p{margin-bottom:0}
.beginner-callout{background:var(--surface);border-left:2px solid var(--accent);padding:23px 26px;margin:28px 0}
.beginner-callout p{margin-bottom:0}
.beginner-classes,.beginner-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin:28px 0}
.beginner-class{padding:22px;border:1px solid var(--line);background:linear-gradient(135deg,#172228,#10191d)}
.beginner-class h3{color:var(--accent)}
.beginner-class p,.beginner-pair p{margin-bottom:0}
.beginner-section .beginner-small{font-size:.84rem}
.beginner-section details{border-top:1px solid var(--line);padding:18px 0}
.beginner-section summary{cursor:pointer;font-weight:600;min-height:32px;line-height:1.5;padding-right:16px}
.beginner-section details>p{margin:14px 0 0}
.beginner-definitions{margin:18px 0 0}
.beginner-definitions>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:15px 0}
.beginner-definitions dt{font-weight:600;font-size:.92rem;color:var(--text)}
.beginner-definitions dd{margin:0;color:var(--muted);font-size:.94rem}
.beginner-wallet>div{border-top:1px solid var(--line)}
.beginner-route{list-style:none;padding:0;margin:32px 0}
.beginner-route>li{display:grid;grid-template-columns:65px minmax(0,1fr);gap:24px;padding-bottom:24px}
.beginner-route>li:last-child{padding-bottom:0}
.beginner-level{font:1.5rem Georgia,serif;color:var(--accent);padding-top:2px;border-right:1px solid var(--line)}
.beginner-level{white-space:nowrap}
.beginner-route p{margin:0}
.beginner-finish{margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}
@media(max-width:1050px){.beginner-layout{gap:42px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:800px){.beginner-layout{grid-template-columns:1fr;gap:32px;padding-top:30px}.beginner-index{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding-bottom:0}.beginner-index .eyebrow{grid-column:1/-1}.beginner-index .beginner-index-help{margin-top:0}.beginner-hero{padding-top:35px;padding-bottom:34px}.beginner-hero h1{font-size:clamp(2.8rem,8vw,4rem)}.beginner-section{scroll-margin-top:20px}}
@media(max-width:500px){.beginner-index{gap:0 14px}.beginner-index>a{gap:9px}.beginner-index>a span{font-size:.81rem}.beginner-lead{font-size:1rem}.beginner-meta{display:block;line-height:1.9}.beginner-meta span{margin:0 7px}.beginner-classes,.beginner-pair{grid-template-columns:1fr;gap:15px}.beginner-class{padding:20px}.beginner-definitions>div{grid-template-columns:1fr;gap:6px}.beginner-route>li{grid-template-columns:52px minmax(0,1fr);gap:17px}.beginner-level{font-size:1.25rem}.beginner-callout{padding:21px}.beginner-section{padding-bottom:34px;margin-bottom:34px}.beginner-steps>li{padding-left:40px}}
