/* JR BAHAR public learning pathway v1 — mobile-first, isolated design tokens */
:root{color-scheme:dark;--jr-bg:#101214;--jr-surface:#1c2025;--jr-elevated:#282b31;--jr-gold:#e2c98e;--jr-ink:#f7f3ea;--jr-muted:#d1c9b9;--jr-border:#80704d;--jr-focus:#fff1c7}
*{box-sizing:border-box}
html{scroll-padding-top:26px}body{margin:0;background:var(--jr-bg);color:var(--jr-ink);font:16px/1.85 system-ui,"Vazirmatn",Tahoma,sans-serif}
a{color:var(--jr-gold)}p{margin:0 0 1rem}.skip{position:absolute;inset-inline-start:12px;top:-80px;padding:10px;background:#fff;color:#111;z-index:20}.skip:focus{top:10px}
.wrap{max-width:1060px;margin-inline:auto;padding:env(safe-area-inset-top) 16px calc(115px + env(safe-area-inset-bottom))}
.site-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:750;text-decoration:none;color:var(--jr-ink)}.brand img{width:44px;height:44px;object-fit:contain}.locale{border:1px solid var(--jr-border);border-radius:13px;padding:8px 13px;white-space:nowrap;text-decoration:none}
.hero{border:1px solid var(--jr-border);background:radial-gradient(circle at 0 0,#473a25 0,#202226 53%,#191b20 100%);padding:clamp(18px,5vw,44px);border-radius:26px;margin:8px 0 20px}
.kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--jr-gold);font-size:.84rem;font-weight:750}.hero h1{color:var(--jr-gold);font-size:clamp(1.85rem,6vw,3.3rem);line-height:1.42;margin:.3em 0}.hero .lead{font-size:clamp(1rem,3vw,1.2rem);max-width:66ch}.tag{display:inline-block;border:1px solid #b69d66;border-radius:99px;padding:3px 12px;color:#ffe7ac;font-size:.85rem;margin:0 0 8px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:13px;border:1px solid var(--jr-gold);background:var(--jr-gold);color:#1b1710;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;line-height:1.5}.button.secondary,button.secondary{background:transparent;color:var(--jr-gold)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--jr-focus);outline-offset:3px}
.hint{color:var(--jr-muted);font-size:.92rem}.grid{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0}.pane{background:var(--jr-surface);border:1px solid #776846;border-radius:20px;padding:clamp(18px,4vw,28px)}.pane h2{font-size:clamp(1.2rem,4vw,1.65rem);line-height:1.5;color:var(--jr-gold);margin:0 0 10px}.pane h3{font-size:1.08rem;margin:18px 0 8px}.pane ol,.pane ul{padding-inline-start:23px;margin-top:5px}.pane li{margin-bottom:6px}
.pill{display:inline-block;border-radius:99px;padding:3px 11px;background:#433a29;color:#f7e0a8;font-size:.82rem}.task{background:var(--jr-elevated);border-radius:15px;padding:15px;margin:16px 0}.task label{display:flex;align-items:flex-start;gap:10px;font-weight:650}.task input[type=checkbox]{width:22px;height:22px;accent-color:#d8bc77;flex:none;margin-top:6px}
.form-grid{display:grid;grid-template-columns:1fr;gap:14px}.field label{display:block;margin-bottom:5px;font-weight:700}.field input,.field textarea{width:100%;min-height:50px;border:1px solid #aa986e;border-radius:12px;background:#111519;color:var(--jr-ink);padding:11px 13px;font:inherit;font-size:16px}.field textarea{resize:vertical;min-height:100px}.field small{display:block;color:var(--jr-muted)}.status{border-inline-start:4px solid var(--jr-gold);background:#2d2a22;padding:12px 14px;margin-top:14px;border-radius:8px}.status[hidden],.summary[hidden]{display:none}.summary{padding:18px;margin-top:16px;background:var(--jr-elevated);border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.week-grid{display:grid;grid-template-columns:1fr;gap:12px}.week{border:1px solid #726545;border-radius:15px;padding:16px;background:var(--jr-elevated)}.week b{color:var(--jr-gold)}.week p{margin:3px 0 0}.disclaimer{border:1px dashed #ab966b;padding:17px;border-radius:16px;margin:24px 0;color:var(--jr-muted)}
.bottom{position:fixed;inset-inline:0;bottom:0;display:flex;justify-content:space-around;background:#15171bf5;border-top:1px solid var(--jr-border);padding:9px 8px calc(9px + env(safe-area-inset-bottom));z-index:10}.bottom a{min-width:59px;padding:7px;text-decoration:none;text-align:center;font-size:.82rem;color:var(--jr-ink)}.bottom a[aria-current]{color:var(--jr-gold);font-weight:800}
footer{color:var(--jr-muted);font-size:.85rem;padding:12px 0 30px}
@media(min-width:720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field.full{grid-column:1/-1}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom{position:static;justify-content:flex-start;gap:18px;background:transparent;border:0;padding:10px 0}.bottom a{border:1px solid #6f6041;border-radius:11px}.wrap{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:#111;font:12pt/1.6 sans-serif}.hero,.pane,.week,.disclaimer{background:white;color:#111;border:1px solid #999;break-inside:avoid}.hero h1,.pane h2,.week b{color:#111}.wrap{max-width:none;padding:0}.bottom,.site-top,.actions,.task button,.form-grid,.skip,.locale{display:none!important}.summary{background:white;color:#111;border:1px solid #555}.pane{margin:12px 0}}

/* Eight-week BAHAR compass: responsive, keyboard accessible, private workbook. */
.field select{display:block;width:100%;min-height:50px;border:1px solid #aa986e;border-radius:12px;background:#111519;color:var(--jr-ink);padding:11px 13px;font:inherit;font-size:16px}
.file-picker{position:relative;cursor:pointer;overflow:hidden}
.file-picker input[type=file]{position:absolute;inline-size:1px;block-size:1px;opacity:0;inset-block-end:0;inset-inline-end:0}
.file-picker:focus-within{outline:3px solid var(--jr-focus);outline-offset:3px}
.compass-entries{padding-inline-start:24px;margin:18px 0}
.compass-entries li{margin:12px 0;padding:12px;border:1px solid #776846;border-radius:12px;overflow-wrap:anywhere;background:#22262c}
.compass-entries button{min-height:44px;margin-block:7px}
.compass-preview{white-space:normal}
.compass-preview p{margin:0 0 10px;overflow-wrap:anywhere}
.compass-preview h3{color:var(--jr-gold)}
#bahar-compass .actions{align-items:center}
#bahar-compass button{max-width:100%;white-space:normal}
@media(max-width:410px){#bahar-compass .actions>*{width:100%}.file-picker{justify-content:center}}
@media print{.compass-entries button,.file-picker,#bahar-compass form,#bahar-compass .actions,#bahar-compass-status{display:none!important}#bahar-compass .compass-preview{display:block!important;white-space:normal}}

/* In-depth free BAHAR lessons: native disclosure, readable on narrow phones. */
.bahar-depth{display:grid;gap:11px;margin:18px 0}
.bahar-depth details{border:1px solid #887347;border-radius:14px;background:#262b30;padding:0 15px}
.bahar-depth summary{cursor:pointer;color:#f4dba2;font-weight:700;min-height:48px;display:list-item;align-content:center;padding:10px 2px;line-height:1.6}
.bahar-depth details[open] summary{border-bottom:1px solid #77694b;margin-bottom:11px}
.bahar-depth details p,.bahar-depth details li{color:#ede7d9;line-height:1.85}
.bahar-depth details ol{padding-inline-start:22px}
.bahar-depth details li{margin:7px 0}
.bahar-depth summary:focus-visible{outline:3px solid white;outline-offset:3px}
@media print{.bahar-depth details{break-inside:avoid}.bahar-depth summary{color:#111}.bahar-depth details p,.bahar-depth details li{color:#111}}


/* BAH-04: one human-controlled, local-only workbook import preview.
   Choosing a file never silently replaces an unfinished study plan. */
.bahar-workbook-import-preview{
 box-sizing:border-box;flex:1 1 100%;min-width:0;
 padding:clamp(12px,2vw,19px);
 border:1px solid #d0ac6b;border-radius:13px;
 background:linear-gradient(135deg,#302a20,#191d23);
 color:#f8e9c9;display:flex;flex-wrap:wrap;align-items:center;gap:10px;
}
.bahar-workbook-import-preview[hidden]{display:none!important}
.bahar-workbook-import-preview p{
 flex:1 1 100%;margin:0;line-height:1.85;overflow-wrap:anywhere;
}
.bahar-workbook-import-preview button{
 min-height:48px;padding:10px 15px;flex:1 1 180px;
 border-radius:10px;border:1px solid #e1be83;
 background:#282b30;color:#f8e4bb;line-height:1.6;
 font:inherit;font-weight:650;cursor:pointer;
}
.bahar-workbook-import-preview button:focus-visible{
 outline:3px solid #fff0c7;outline-offset:3px;
}
@media(max-width:430px){
 .bahar-workbook-import-preview{padding:13px 11px}
 .bahar-workbook-import-preview button{flex:1 1 100%;width:100%}
}
@media print{.bahar-workbook-import-preview{display:none!important}}