:root{--paper:#f7f5f0;--ink:#292720;--muted:#6e6a60;--brown:#88552e;--line:#ded9ce;--navy:#0a0f19;--gold:#ffc15d;--blue:#75c2ed;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:110px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 7%,#ebe4d680,transparent 35%);font-size:16px;line-height:1.75}a{color:var(--brown);text-underline-offset:4px}a:hover{color:#533219}a:focus-visible,summary:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:3px solid #236db0;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;font-weight:500;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(38px,4.4vw,59px);line-height:1.08}h1 em{font-style:normal;color:var(--brown)}h2{font-size:clamp(28px,3vw,39px);line-height:1.17}h3{font-size:20px;line-height:1.4;letter-spacing:-.025em}img{display:block;max-width:100%;height:auto}.site-header,main,.site-footer{max-width:1240px;margin-inline:auto;padding-inline:40px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:760;text-decoration:none;color:var(--ink);letter-spacing:-.8px}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{font-size:14px;text-decoration:none;color:var(--ink)}.site-header .app-link{border:1px solid #b7a28b;border-radius:7px;padding:8px 17px}.breadcrumbs{display:flex;align-items:center;gap:10px;padding-top:28px;color:var(--muted);font-size:12px}.breadcrumbs a{color:inherit;text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:40px 0 44px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;color:var(--brown);line-height:1.6;margin-bottom:18px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.12em}.hero-intro{max-width:49ch;font-size:17px;line-height:1.7;margin-top:24px;color:#625d53}.hero-intro strong{color:var(--ink);font-weight:600}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:27px;font-size:12px}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:var(--brown);border:1px solid var(--brown);border-radius:6px;color:#fffaf3;padding:12px 17px;text-decoration:none;font-size:13px;font-weight:600;line-height:1.5}.primary-link:hover{background:#6c4223;color:white}.byline{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;font-size:10px;color:var(--muted)}.byline a{color:inherit}.hero-visual{background:var(--navy);color:#f3f2e8;border-radius:12px;box-shadow:0 22px 45px -24px #20190e70;overflow:hidden;border:1px solid #303847}.figure-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.11em;padding:22px 24px 6px;color:#aeb9c8}.key-tag{border:1px solid #655439;border-radius:4px;padding:3px 7px;color:var(--gold);white-space:nowrap}.hero-visual img{width:100%;border-radius:0}.hero-visual figcaption{padding:8px 24px 24px;display:grid;grid-template-columns:3px 1fr;column-gap:13px;line-height:1.5}.hero-visual figcaption strong{font-size:16px;font-weight:550}.hero-visual figcaption>span:last-child{grid-column:2;color:#b6c0ce;font-size:12px;margin-top:3px}.gold-rule{grid-row:1/3;background:var(--gold);border-radius:2px}.shape-nav{position:sticky;top:0;z-index:5;background:#f7f5f0f5;backdrop-filter:blur(14px);border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.nav-label,.nav-faq{font-size:10px;letter-spacing:.1em;font-weight:650;white-space:nowrap}.nav-faq{text-decoration:none;letter-spacing:0}.shape-links{display:flex;gap:10px}.shape-links a{display:flex;align-items:baseline;gap:7px;text-decoration:none;border:1px solid #d6cabc;border-radius:6px;padding:5px 17px;color:var(--ink);line-height:1.4;transition:background .15s}.shape-links a:hover,.shape-links a[aria-current]{background:#ece2d5;border-color:#ab8158}.shape-links b{font-family:Georgia,serif;font-size:24px;font-weight:500}.shape-links span{font-size:10px;color:var(--muted)}.intro-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:64px 0 32px}.intro-section h2{max-width:13ch}.intro-copy p+p{margin-top:16px}.intro-copy{font-size:15px;line-height:1.8}.takeaway{padding:24px 28px;background:#ede7dc;border-left:3px solid #ab8158;border-radius:0 8px 8px 0;margin:12px 0 35px}.takeaway-label{font-size:9px;color:var(--brown);font-weight:700;letter-spacing:.14em}.takeaway p{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;margin-top:10px;flex-wrap:wrap}.takeaway strong{display:block;font-size:16px;font-weight:650;letter-spacing:.12em}.takeaway .plus,.takeaway .equals{font-size:23px;color:var(--brown)}.reading-key h2{font-family:inherit;font-size:18px;letter-spacing:-.02em;font-weight:650;margin-bottom:8px}.reading-key p{font-size:13px;color:var(--muted);line-height:1.75}.legend{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px;margin:0;padding:0}.legend li{display:flex;align-items:center;gap:8px;font-size:11px}.legend-chord,.legend-note{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;font-weight:700;color:var(--navy);background:var(--gold);box-shadow:0 0 0 1px #7a5d27}.legend-note{background:var(--blue);box-shadow:0 0 0 1px #478bb1}.legend-ring{width:27px;height:27px;border:3px solid #b47a20;border-radius:50%;display:inline-block}.shape-section{padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:0}.shape-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.shape-letter{display:grid;place-items:center;flex:none;width:58px;height:62px;border-radius:7px;background:#ece4d7;border:1px solid #d9cbb7;font-family:Georgia,serif;font-size:43px;color:var(--brown);line-height:1}.shape-heading .eyebrow{font-size:9px;margin-bottom:6px}.shape-heading h2{font-size:31px}.back-top{margin-left:auto;font-size:11px;color:var(--muted);text-decoration:none}.shape-copy>p{font-size:14px;line-height:1.8;margin-top:12px}.shape-copy h3{max-width:46ch}.comparison img{border-radius:10px;width:100%}.comparison a{display:block;border-radius:10px}.look-for{border-left:2px solid #bd9860;padding-left:15px}.shape-copy>.small-note,.small-note{font-size:12px;color:var(--muted);line-height:1.8}.video-frame{padding:5px;background:var(--navy);border:1px solid #303847;border-radius:12px;overflow:hidden;box-shadow:0 12px 25px -20px #191c26}.animation video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:7px;background:var(--navy)}.video-kicker{display:block;color:var(--brown);font-size:9px;font-weight:700;letter-spacing:.12em}.transcript{font-size:11px;margin-top:8px;color:var(--muted)}summary{cursor:pointer}.transcript p{margin-top:8px;font-size:12px}.fret-details{margin-top:20px;font-size:12px;border-top:1px solid var(--line);padding-top:12px}.fret-details>p{margin-top:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;margin:10px 0}caption{text-align:left;font-weight:650;padding:8px 0}th,td{border-bottom:1px solid var(--line);padding:6px 10px 6px 0}thead th{color:var(--muted);font-weight:600}.neck-section{padding:50px 0}.neck-section>p:not(.eyebrow){max-width:86ch;font-size:14px;margin-top:18px}.neck-map{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px}.neck-map>a{flex:1;display:grid;text-align:center;text-decoration:none;background:#ede7dc;border:1px solid #d8ccba;border-radius:7px;padding:13px}.neck-map strong{font-family:Georgia,serif;font-size:32px;font-weight:500;line-height:1.3}.neck-map a span{font-size:11px;color:var(--muted)}.neck-map>span{color:var(--brown)}.practice-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:38px 0 50px;border-bottom:1px solid var(--line)}.practice-section h2{margin-bottom:18px}.practice-section p{font-size:14px}.practice-section ol{margin:0;padding-left:25px;font-size:14px}.practice-section li{padding-left:8px;margin-bottom:16px}.practice-section li::marker{color:var(--brown);font-weight:600}.app-cta{display:flex;align-items:center;gap:45px;background:#eee7dc;border:1px solid #ded1bf;border-radius:10px;padding:30px;margin-top:35px}.app-cta .eyebrow{margin-bottom:10px}.app-cta h2{font-size:28px}.app-cta p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:12px;max-width:72ch}.app-cta .primary-link{flex-shrink:0}.faq-section{padding:60px 0 40px;max-width:850px}.faq-section h2{margin-bottom:28px}.faq-section details{padding:17px 0;border-bottom:1px solid var(--line)}.faq-section summary{font-size:15px;font-weight:600;line-height:1.5;padding-right:20px}.faq-section details p{margin-top:14px;font-size:14px;color:#625d53;line-height:1.8}.further-reading{padding:25px 0 50px}.further-reading h2{font-size:27px}.reading-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.reading-links a{padding:18px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink)}.reading-links span{display:block;color:var(--brown);font-size:9px;letter-spacing:.1em;margin-bottom:8px}.reading-links strong{display:block;font-size:14px;line-height:1.5;font-weight:550}.sources{max-width:95ch;font-size:11px;color:var(--muted);line-height:1.8}.site-footer{border-top:1px solid var(--line);padding-block:25px 40px;display:flex;align-items:center;gap:20px}.site-footer .brand{font-size:20px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer nav{margin-left:auto;display:flex;gap:18px;font-size:11px}.skip-link{position:absolute;top:-80px;left:20px;z-index:20;padding:10px;background:var(--paper)}.skip-link:focus{top:10px}
@media(min-width:1400px){main,.site-header,.site-footer{max-width:1320px}.hero{gap:60px;padding-block:50px}.hero-copy>.eyebrow{font-size:11px}.hero-intro{font-size:18px}}
@media(max-width:950px){.site-header,main,.site-footer{padding-inline:25px}.hero{gap:25px}h1{font-size:42px}.hero-intro{font-size:15px}.hero-actions{gap:12px}.byline{font-size:9px}.figure-topline{font-size:7px;padding:17px 15px 6px}.hero-visual figcaption{padding:8px 18px 20px}.hero-visual figcaption strong{font-size:14px}.hero-visual figcaption>span:last-child{font-size:11px}.shape-links a{padding-inline:12px}.nav-label{font-size:8px}.intro-section{gap:35px}.shape-heading h2{font-size:28px}.legend{gap:12px}.practice-section{gap:35px}.app-cta{gap:20px;padding:25px}.app-cta .primary-link{max-width:180px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}}
@media(max-width:700px){:root{scroll-padding-top:95px}.site-header,main,.site-footer{padding-inline:20px}.site-header{height:76px}.brand{font-size:21px}.site-header nav{gap:15px}.site-header nav a{font-size:12px}.site-header .app-link{padding:7px 10px}.breadcrumbs{font-size:10px;padding-top:20px;gap:8px}.hero{grid-template-columns:1fr;gap:30px;padding:30px 0 35px}h1{font-size:43px;max-width:17ch}.hero-copy>.eyebrow{font-size:9px}.hero-intro{font-size:16px;margin-top:20px;max-width:45ch}.hero-actions{font-size:11px;gap:18px}.primary-link{font-size:12px;padding:12px 14px}.byline{font-size:10px;margin-top:20px;gap:7px}.hero-visual{transform:none;max-width:560px}.figure-topline{font-size:9px;padding:20px 20px 5px}.hero-visual figcaption{padding:8px 20px 22px}.hero-visual figcaption strong{font-size:17px}.hero-visual figcaption>span:last-child{font-size:12px}.shape-nav{gap:8px;padding:10px 0;flex-wrap:wrap}.nav-label{width:100%;font-size:8px}.nav-faq{display:none}.shape-links{width:100%;justify-content:space-between;gap:5px}.shape-links a{justify-content:center;gap:5px;padding:3px 9px;flex:1}.shape-links b{font-size:23px}.shape-links span{font-size:9px}.intro-section{grid-template-columns:1fr;gap:20px;padding:40px 0 20px}.intro-section h2{max-width:24ch}.eyebrow{margin-bottom:12px}.intro-copy{font-size:14px}.takeaway{padding:20px;margin-top:10px}.takeaway p{display:block;font-size:12px;line-height:1.8}.takeaway strong{display:inline;font-size:14px;letter-spacing:.04em;margin-left:7px}.takeaway .plus,.takeaway .equals{display:block;line-height:1.1;margin-block:5px}.legend{justify-content:flex-start;gap:15px;margin-block:20px 15px}.legend li{font-size:10px}.shape-section{padding:35px 0;scroll-margin-top:0}.shape-heading{gap:12px;margin-bottom:23px}.shape-letter{width:45px;height:52px;font-size:35px}.shape-heading h2{font-size:24px}.shape-heading .eyebrow{font-size:8px;letter-spacing:.08em}.back-top{display:none}.shape-copy h3{font-size:19px}.shape-copy>p{font-size:14px}.shape-copy>.small-note{font-size:12px}.video-frame{grid-row:1/3}.neck-section{padding-block:35px}.neck-map{gap:5px}.neck-map>a{padding:10px 3px}.neck-map strong{font-size:26px}.neck-map a span{font-size:8px;white-space:nowrap}.neck-map>span{font-size:11px}.practice-section{grid-template-columns:1fr;gap:25px;padding:20px 0 30px}.practice-section h2{font-size:31px}.practice-section ol{font-size:14px}.app-cta{display:block;padding:23px;margin-top:28px}.app-cta h2{font-size:27px}.app-cta .primary-link{max-width:none;margin-top:20px}.faq-section{padding:40px 0 25px}.faq-section h2{font-size:30px}.faq-section summary{font-size:14px}.faq-section details p{font-size:13px}.reading-links{grid-template-columns:1fr;gap:10px}.reading-links a{padding:15px}.reading-links span{margin-bottom:4px}.further-reading{padding-bottom:35px}.site-footer{gap:10px}.site-footer nav{width:100%;gap:18px;margin-top:10px}.site-footer p{font-size:10px}}
@media(max-width:390px){h1{font-size:39px}.site-header,main,.site-footer{padding-inline:16px}.hero-actions{gap:14px}.shape-links a{padding-inline:6px}.legend{gap:12px}.legend li{font-size:9px}.neck-map a span{font-size:7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.shape-nav,.hero-actions,.animation,.app-cta,.site-footer,.back-top{display:none}.hero,.intro-section,.practice-section{display:block}.hero-visual{max-width:600px;transform:none;margin-top:20px}.shape-section{break-inside:avoid}body{background:white;color:black}}
@media(max-width:700px){}

@media(min-width:701px) and (max-width:1050px){}

/* Full-width diagram sequence, with the animation on the following row. */
.shape-explanation { margin: 0 0 28px; padding-left: 20px; max-width: 80ch; font-size: 15px; line-height: 1.75; }
.shape-explanation li { padding-left: 4px; margin-bottom: 5px; }
.shape-explanation li::marker { color: var(--brown); }
.shape-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; align-items: start; }
.shape-visual, .animation { min-width: 0; }
.media-heading { display: flex; align-items: flex-start; min-height: 42px; margin: 0; font-size: 17px; line-height: 1.4; font-weight: 650; letter-spacing: -.02em; }
.comparison { margin: 0; }
.comparison a { display: block; border-radius: 12px; overflow: hidden; }
.comparison img { width: 100%; border-radius: 12px; }
.animation { width: min(100%, 320px); margin: 0; justify-self: center; }
.video-frame { padding: 0; border-radius: 12px; }
.animation video { border-radius: 11px; }
.reading-key { display: grid; grid-template-columns: 1.5fr 1fr; gap: 45px; align-items: end; padding: 12px 0 36px; border-bottom: 1px solid var(--line); }
.reading-key h2 { max-width: 40ch; margin-bottom: 12px; }
.reading-key p { font-size: 14px; line-height: 1.8; color: var(--muted); }
.reading-direction { max-width: 36ch; justify-self: end; }
.hero-visual { padding-bottom: 15px; }


@media (max-width: 800px) {
 .shape-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
 .comparison { max-width: 430px; margin-inline: auto; }
 .animation { width: min(100%, 340px); justify-self: center; }
 .shape-explanation { font-size: 14px; margin-bottom: 23px; }
 .reading-key { grid-template-columns: minmax(0, 1fr); gap: 14px; }
 .reading-direction { justify-self: start; max-width: none; }
}
@media (max-width: 560px) {
 .shape-heading h2 { font-size: 25px; }
 .media-heading { font-size: 16px; min-height: 37px; }
 .shape-section { padding-block: 32px; }
 .shape-explanation li { margin-bottom: 8px; }
}
@media print { .shape-layout { display: block; } .animation { display: none; } }

@media(min-width:701px){.hero h1{font-size:clamp(38px,4.2vw,56px);line-height:1.1}}
/* Key selection enhances the complete A minor lesson in the initial HTML. */
.key-control[hidden] { display: none; }
.key-control { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.key-control select { font: inherit; color: var(--ink); background: var(--paper); border: 1px solid #b9a58c; padding: 9px 25px 9px 10px; border-radius: 6px; cursor: pointer; }
.key-control select:focus-visible { outline: 3px solid #236db0; outline-offset: 3px; }
.key-explanation { margin-top: 14px; max-width: 50ch; font-size: 14px; color: var(--muted); }
.key-tag { text-transform: uppercase; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.animation { width: min(100%, 760px); }
.video-frame { max-width: 320px; margin-inline: auto; }
.motion-player { overflow: hidden; border: 1px solid #303847; border-radius: 12px; background: var(--navy); }
.motion-image svg { display: block; width: 100%; height: auto; }
.motion-controls { display: flex; align-items: center; gap: 18px; padding: 14px 18px; border-top: 1px solid #303847; background: #121a27; color: #d6deea; }
.motion-controls button { flex-shrink: 0; min-width: 135px; border: 1px solid #b7873f; border-radius: 6px; background: #ffc15d; color: #17130d; padding: 10px 12px; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.motion-controls input { flex: 1; min-width: 40px; accent-color: #ffc15d; cursor: pointer; }
.motion-controls button:focus-visible, .motion-controls input:focus-visible { outline: 3px solid #75c2ed; outline-offset: 4px; }
.motion-time { font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
@media(max-width:950px) { .shape-nav { gap: 12px; } .shape-links { gap: 5px; } .shape-links a { padding-inline: 9px; } .nav-faq { display: none; } }
@media(max-width:700px) {
 :root { scroll-padding-top: 125px; }
 .shape-nav .nav-label { width: auto; flex: 1; order: 0; }
 .key-control { order: 1; font-size: 11px; }
 .key-control select { padding-block: 7px; }
 .shape-links { order: 2; }
 .animation { width: min(100%, 760px); }
 .motion-controls { gap: 10px; flex-wrap: wrap; padding: 12px; }
 .motion-controls button { min-width: 125px; font-size: 12px; }
 .motion-controls input { order: 2; flex-basis: 100%; }
 .motion-time { margin-left: auto; }
 .key-explanation { font-size: 13px; }
}

.app-cta-actions { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; min-width: 220px; }
.app-cta .app-cta-actions .primary-link { max-width: none; margin: 0; }
.app-cta-actions .secondary-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 17px; border: 1px solid var(--brown); border-radius: 6px; color: var(--brown); font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none; }
.app-cta-actions .secondary-link:hover { background: #e5dacb; }
@media(max-width:700px) { .app-cta-actions { margin-top: 20px; min-width: 0; } .app-cta-actions .secondary-link { font-size: 12px; padding: 12px 14px; } }

/* Keep the brand and browser link intact, with store badges on a second phone row. */
.site-header { height: auto; min-height: 96px; padding-block: 20px; gap: 24px; }
.site-header .brand { flex-shrink: 0; white-space: nowrap; }
.site-header nav { margin-left: auto; gap: 20px; }
.site-header nav a { white-space: nowrap; }
.site-header .app-link { display: inline-flex; align-items: center; gap: 7px; }
.app-link-mobile { display: none; }
.header-store-buttons { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.header-store-buttons a { display: block; border-radius: 6px; }
.header-store-buttons img { height: 40px; width: auto; max-width: none; }
@media(max-width:1050px) {
 .site-header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px 12px; }
 .site-header nav { margin: 0; }
 .header-store-buttons { grid-column: 1 / -1; justify-self: center; }
}
@media(max-width:700px) {
 .site-header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px 12px; min-height: 0; padding-block: 18px; }
 .site-header .brand { font-size: 21px; gap: 8px; letter-spacing: -.7px; }
 .site-header .brand img { width: 28px; height: 28px; flex-shrink: 0; }
 .site-header nav { margin: 0; gap: 0; }
 .site-header .app-link { padding: 8px 11px; font-size: 12px; line-height: 1.4; }
 .app-link-desktop { display: none; }
 .app-link-mobile { display: inline; }
 .header-store-buttons { grid-column: 1 / -1; justify-content: center; gap: 12px; }
}
@media(max-width:360px) {
 .site-header { padding-inline: 16px; }
 .site-header .brand { font-size: 20px; }
}
@media print { .header-store-buttons { display: none; } }
@media(max-width:700px) {
 .shape-links { min-width: 0; }
 .shape-links a { min-width: 0; padding-inline: 4px; gap: 3px; }
 .shape-links span { font-size: 8px; }
}

.lesson-switch { display: flex; align-items: center; gap: 24px; width: fit-content; max-width: 100%; margin-top: 18px; border-bottom: 1px solid var(--line); }
.lesson-switch a { padding: 8px 0; border-bottom: 2px solid transparent; margin-bottom: -1px; color: var(--muted); font-size: 13px; line-height: 1.5; text-decoration: none; white-space: nowrap; }
.lesson-switch a:hover { color: var(--brown); }
.lesson-switch a[aria-current="page"] { color: var(--brown); border-color: var(--brown); font-weight: 650; }
@media(max-width:700px) { .lesson-switch { gap: 22px; margin-top: 14px; } .lesson-switch a { font-size: 12px; } }