:root{--ba-teal:#102c31;--ba-line:#294447;--ba-soft:#91aba9;--ba-paper:#efe1c8}
html{scroll-behavior:smooth;scroll-padding-top:145px}body{background:#0d1b1f;color:#e9e7df;font-family:Arial,'Segoe UI',sans-serif}.wrap{max-width:1280px}header{background:rgba(13,27,31,.96);border-bottom:1px solid #2b4244}.card{background:#13272c;border:1px solid #2b4144;border-radius:20px}.screen{padding-top:30px}.eyebrow{letter-spacing:.14em;font-size:12px;color:#d6b984}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(28px,3.4vw,42px);margin:7px 0 14px}h2{font-size:24px}h3{font-size:19px;margin:0 0 10px}p{line-height:1.85}button,input,select{font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #75d9d1;outline-offset:4px}button:disabled{opacity:.38;cursor:default}.btn,.chip{min-height:42px}.chip{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:12px}.chip.active,.chip[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 13%,transparent)}.btn{border-radius:12px}.ba-sub{color:var(--muted);max-width:760px;margin:5px 0 16px;font-size:16px}.ba-fine{font-size:13px;color:#a6b6b3;line-height:1.75}.ba-code{font-family:Georgia,serif;font-size:29px;color:var(--gold)}.ba-tag{display:inline-block;font-size:11px;letter-spacing:.025em;color:#a3c9c3;padding:4px 8px;background:#234047;border-radius:5px;margin-bottom:9px}.ba-pad{padding:24px}.ba-pad p:last-child{margin-bottom:0}.ba-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.ba-info-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0;margin:12px 0;border-block:1px solid var(--line)}.ba-info-row p{margin:5px 0;color:var(--muted)}
.ba-hero{display:grid;grid-template-columns:1.05fr 1fr;background:#102b31;border:1px solid #33484b;border-radius:28px;overflow:hidden;position:relative}.ba-hero-copy{padding:55px 45px;position:relative;z-index:1}.ba-hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.15;margin:22px 0}.ba-hero p{font-size:17px;max-width:530px;color:#bac9c6}.ba-hero>img{height:100%;min-height:520px;width:100%;object-fit:cover;object-position:57% center}.ba-hero .btn.ghost{color:#e8dec8;border-color:#658080}.ba-stats{display:flex;gap:30px;border-top:1px solid #365054;padding-top:25px;margin-top:33px}.ba-stats span{font-size:12px;display:flex;flex-direction:column;gap:6px;color:#b8c8c5}.ba-stats b{font-family:Georgia,serif;font-weight:400;font-size:32px;color:#dfc190;line-height:1}.ba-resume{display:flex;width:100%;padding:18px 24px;align-items:center;justify-content:space-between;gap:15px;color:var(--text);margin:24px 0;text-align:start}.ba-resume>span{color:var(--muted);font-size:13px}.ba-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.ba-entry{padding:0;text-align:start;border:1px solid #2b4449;background:#13272c;border-radius:22px;overflow:hidden;color:var(--text);transition:transform .18s,border-color .18s}.ba-entry:hover,.ba-mer-card:hover{border-color:var(--gold);transform:translateY(-3px)}.ba-entry img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;display:block}.ba-entry>div{padding:23px}.ba-entry span{color:var(--gold);font-size:12px}.ba-entry h2{margin:12px 0 7px}.ba-entry p{margin:0;color:var(--muted);font-size:14px}
.ba-plate{margin:0 0 22px;border:1px solid #2c464c;border-radius:20px;overflow:hidden;background:#102930}.ba-image{display:block;width:100%;position:relative;background:#102930;padding:0;border:0;color:#f8f0dd}.ba-image img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1.5}.ba-enlarge{position:absolute;bottom:13px;inset-inline-end:13px;background:#14262bdf;color:#f0e5cc;border:1px solid #5f7778;border-radius:30px;padding:5px 12px;font-size:12px;backdrop-filter:blur(6px)}.ba-plate figcaption{padding:14px 18px;display:flex;flex-direction:column;gap:5px}.ba-plate figcaption b{font-size:14px;font-weight:500;color:#e5d0ac}.ba-plate figcaption span{font-size:11px;color:#aabfbc}.ba-plate.small .ba-image img{max-height:340px}.ba-plate.small{margin-top:20px}.ba-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:26px;align-items:start}.ba-sticky{position:sticky;top:140px}.ba-filters{display:flex;gap:15px;margin:12px 0 25px;align-items:flex-end;flex-wrap:wrap}.ba-filters label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px;flex:1;min-width:180px}.ba-filters select{padding:11px;border-radius:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);max-width:100%}.list{max-height:none}.list-head{position:sticky;top:116px;background:var(--card);z-index:2;gap:12px}.row{min-height:78px;padding:16px;grid-template-columns:62px minmax(0,1fr) 20px}.row .code{direction:ltr;unicode-bidi:isolate;font-size:16px}.row small{line-height:1.6}.row em{font-size:11px}.row:hover{background:color-mix(in srgb,var(--gold) 7%,transparent)}
.ba-mer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ba-mer-card{background:var(--card);border:1px solid var(--line);padding:0;overflow:hidden;border-radius:20px;text-align:start;color:var(--text);transition:transform .18s,border-color .18s}.ba-mer-card img{display:block;width:100%;aspect-ratio:1.8;height:auto;object-fit:cover}.ba-mer-card>div{padding:22px}.ba-mer-card h2{font-size:20px;margin:12px 0}.ba-mer-card p{margin:0;font-size:13px;color:var(--muted)}.ba-channel-layout{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1fr);gap:26px;align-items:start}.ba-route-card,.ba-map-card{background:radial-gradient(ellipse at 50% 45%,#183c43,#0b1d23);border:1px solid #355159;border-radius:22px;text-align:center;padding:20px}.ba-route-card{position:sticky;top:135px}.ba-route-title{font-size:13px;color:#d9c69f;letter-spacing:.05em;margin-bottom:12px}.ba-body-diagram{display:block;width:100%;max-height:580px;margin:auto}.ba-step-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ba-step-tabs button{flex:1;min-width:110px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--card);color:var(--text);border:1px solid var(--line);padding:12px;border-radius:12px;font-size:13px;text-align:start}.ba-step-tabs button b{color:var(--muted);font-family:Georgia,serif;font-weight:400;font-size:22px}.ba-step-tabs button small{color:var(--muted)}.ba-step-tabs button.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--card))}.ba-point-sequence{display:flex;flex-wrap:wrap;gap:8px;direction:ltr;margin-top:13px}.ba-point-sequence .chip{font-size:14px;min-width:62px}.ba-step-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:13px;color:var(--muted)}.ba-prose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:30px 0}.ba-section{border-bottom:1px solid var(--line);padding:22px 0}.ba-section h3{margin:0 0 12px}.ba-section p{margin:0;color:var(--text);font-size:16px}.ba-prose-grid .ba-section{background:var(--card);padding:25px;border:1px solid var(--line);border-radius:20px}.ba-refs{border-block-end:1px solid var(--line);padding:16px 0;margin:9px 0}.ba-refs summary,details summary{cursor:pointer;color:var(--gold);font-size:14px;padding:6px 0;line-height:1.6}.ba-refs a{display:block;color:var(--gold);margin:12px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px;overflow-wrap:anywhere}.ba-refs p{font-size:14px}.ba-foot-diagram{width:100%;display:block;max-height:800px}.ba-map-node{cursor:pointer}.ba-map-node circle{fill:#143c43;stroke:#8fbebd;stroke-width:1}.ba-map-node text{fill:#fff6e4;font:12px Arial;pointer-events:none}.ba-map-node:hover circle,.ba-map-node:focus circle,.ba-map-node.selected circle{fill:#d9ab63;stroke:#fff2bc;stroke-width:3}.ba-map-node:hover text,.ba-map-node:focus text,.ba-map-node.selected text{fill:#15282d;font-weight:bold}
.sheet{width:min(710px,100vw);padding:30px 32px 50px;background:#13272c;z-index:1010}.sheet .x{position:sticky;top:0;margin-inline-start:auto;display:block;background:var(--card);z-index:2;border:1px solid var(--line);border-radius:50%;width:42px;height:42px}.sheet h2{font-size:30px;margin:12px 0}.sheet .ba-sheet-code{font-family:Georgia,serif;font-size:40px;color:var(--gold);margin-top:4px}.sheet .ba-plate{margin-top:18px}.sheet .ba-plate.small .ba-image img{max-height:280px}.sheet .ba-fine{margin-top:28px}.ba-sheet-open{overflow:hidden}.scrim{z-index:1005}.ba-caution{border-inline-start:3px solid #d2a371;padding:14px 17px;background:#3d342929;color:#e4c8a3;font-size:14px;line-height:1.7;border-radius:4px;margin:20px 0}.ba-neighbors{margin-top:25px}.ba-neighbors>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.ba-learning-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 30px}.ba-lessons{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ba-lesson{overflow:hidden;scroll-margin-top:145px}.ba-lesson>img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;display:block}.ba-lesson>div{padding:28px}.ba-lesson h2{margin:12px 0}.ba-lesson .chip{margin-top:20px}.ba-lesson details p{font-size:15px}.ba-lesson details details{padding:10px 0}.ba-glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ba-glossary h2{font-size:21px}.ba-glossary p{font-size:15px}.ba-flash{max-width:780px;margin:auto;padding:30px}.ba-flash .ba-plate{max-width:480px;margin:20px auto}.ba-flash>h2{font-size:24px}.ba-quiz-opts{display:grid;grid-template-columns:1fr;gap:12px;margin:26px 0}.ba-quiz-opts .opt{text-align:start;line-height:1.7;padding:18px}.ba-answer{border-inline-start:3px solid #81c4b5;padding:15px 20px;background:#1a3c3e;margin-bottom:20px}.ba-answer p{margin:8px 0 0}.ba-lightbox{position:fixed;inset:0;width:min(1300px,96vw);max-width:96vw;height:92vh;max-height:92vh;padding:0;border:1px solid #556b6d;border-radius:18px;background:#102930;color:#eee4cf;overflow:hidden;z-index:200000}.ba-lightbox::backdrop{background:#020b10dc}.ba-lightbox-bar{display:flex;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid #3d555b;flex-wrap:wrap}.ba-lightbox-bar>b{margin-inline-end:auto}.ba-lightbox-bar label{font-size:12px;display:flex;align-items:center;gap:10px}.ba-lightbox-bar .chip{color:#eee4cf;border-color:#61777b}.ba-lightbox-scroll{height:calc(100% - 82px);overflow:auto;direction:ltr}.ba-lightbox-media{width:100%;min-width:100%;padding:15px}.ba-lightbox-media>img{display:block;width:100%;height:auto;max-width:none}.ba-lightbox-media>svg{width:100%;max-height:none;height:auto}.ba-lightbox-media>.ba-body-diagram{max-width:650px}.ba-lightbox-media>.ba-foot-diagram{max-width:1100px;margin:auto}.ba-lightbox-media:has(.ba-body-diagram){display:flex;justify-content:center}.ba-lightbox-bar input{max-width:140px}.ready-card p{font-size:13px;color:var(--muted);margin:6px 0}.ready-card{padding:22px}footer{margin-top:50px;padding-bottom:85px}.brand{cursor:pointer}.brand:focus-visible{outline:2px solid var(--gold)}
body[data-theme=day]{background:#f3f0e8;color:#203537;--text:#203537;--muted:#526563;--card:#fffdf6;--bg:#f3f0e8;--line:#d5dbd3;--gold:#856328}body[data-theme=day] header{background:#f7f4edfa;border-color:#cbd6d0}body[data-theme=day] .card,body[data-theme=day] .ba-entry{background:#fffdf6;border-color:#ccd8d1}body[data-theme=day] .ba-hero{color:#eee7d8}body[data-theme=day] .ba-entry h2{color:#203537}body[data-theme=day] .ba-fine{color:#526563}body[data-theme=day] .ba-plate .ba-fine,body[data-theme=day] .ba-route-card .ba-fine,body[data-theme=day] .ba-map-card .ba-fine{color:#b7c5c1}body[data-theme=day] .sheet{background:#fffdf6}body[data-theme=day] .ba-tag{background:#dce8e0;color:#315d55}body[data-theme=day] .ba-caution{background:#f9edda;color:#775022}body[data-theme=day] .ba-answer{background:#e0eee7;color:#224d41}body[data-theme=day] .ba-hero .eyebrow{color:#d9c39b}body[data-theme=day] .ba-hero .btn{background:#dbba77;color:#18292b}body[data-theme=day] .ba-hero .btn.ghost{background:transparent;color:#eee7d8}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1000px){.ba-hero-copy{padding:35px 28px}.ba-hero>img{min-height:480px}.ba-mer-grid,.ba-glossary{grid-template-columns:repeat(2,1fr)}.ba-prose-grid{grid-template-columns:1fr}.ba-entry-grid{gap:14px}.ba-entry>div{padding:18px}.ba-entry h2{font-size:21px}.ba-workspace{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr)}.ba-channel-layout{grid-template-columns:minmax(210px,.62fr) minmax(0,1fr)}}
@media(max-width:700px){.wrap{padding-inline:16px}header .bar{flex-wrap:wrap;gap:10px}.brand{flex:1}.search{order:5;width:100%;flex-basis:100%}header nav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-block:8px}.tab{padding:10px 12px;flex-shrink:0}.screen{padding-top:22px}html{scroll-padding-top:195px}.ba-hero{grid-template-columns:1fr}.ba-hero-copy{padding:30px 24px}.ba-hero>img{min-height:0;max-height:310px;aspect-ratio:1.6;object-position:50% 28%}.ba-hero h1{font-size:37px}.ba-hero p{font-size:15px}.ba-hero .ba-actions{gap:9px}.ba-stats{gap:24px;margin-top:22px}.ba-stats b{font-size:29px}.ba-stats span{font-size:11px}.ba-entry-grid{grid-template-columns:1fr}.ba-entry{display:grid;grid-template-columns:120px 1fr}.ba-entry img{height:100%;aspect-ratio:auto;object-fit:cover}.ba-entry>div{padding:19px}.ba-entry h2{font-size:20px}.ba-entry p{font-size:13px}.ba-info-row{align-items:flex-start;flex-direction:column;gap:8px}.ba-workspace,.ba-channel-layout{grid-template-columns:1fr}.ba-sticky,.ba-route-card{position:static}.ba-route-card .ba-body-diagram{max-height:420px}.ba-mer-grid{gap:14px}.ba-mer-card img{aspect-ratio:1.35}.ba-mer-card>div{padding:15px}.ba-mer-card h2{font-size:17px}.ba-mer-card p{font-size:12px}.ba-mer-card .ba-code{font-size:25px}.ba-filters{gap:10px}.ba-filters label{min-width:140px}.ba-step-tabs button{min-width:85px;align-items:center;font-size:12px}.ba-step-tabs button b{font-size:18px}.ba-prose-grid{gap:13px}.ba-pad{padding:20px}.list-head{position:static}.row{padding:14px;grid-template-columns:60px minmax(0,1fr) 14px}.ba-lessons,.ba-glossary{grid-template-columns:1fr}.ba-lesson>div{padding:23px}.ba-lesson{scroll-margin-top:195px}.ba-sheet-code{font-size:32px}.sheet{padding:20px 20px 45px}.sheet h2{font-size:25px}.ba-section p{font-size:15px}.ba-flash{padding:21px}.ba-flash>h2{font-size:22px}.ba-resume{flex-wrap:wrap;text-align:start}.ready-card{align-items:flex-start;flex-direction:column;gap:12px}.ba-lightbox-bar{padding:12px;gap:8px}.ba-lightbox-bar>b{width:calc(100% - 100px);font-size:14px}.ba-lightbox-bar label{order:3;width:100%}.ba-lightbox-scroll{height:calc(100% - 122px)}.ba-lightbox-media{padding:6px}.ba-map-card{padding:14px}.ba-plate figcaption{padding:12px 14px}.ba-plate figcaption b{font-size:13px}footer{font-size:11px;gap:12px;flex-wrap:wrap}.ba-actions .btn{font-size:14px}}

@media(max-width:700px){.ba-points-workspace>aside{order:-1}}

.ba-sheet-open #appnest-assistant-btn{display:none!important}