/* Shared atlas typography and surfaces, with private journey color palettes. */
html[data-study-palette]{--bg:#f6f7f2;--panel:#fffefa;--soft:#e3eee4;--text:#17383d;--muted:#546d6b;--accent:#16645b;--ink:#fff;--line:#d3ded6}
html[data-study-palette] body{background:var(--bg);color:var(--text)}
html[data-study-palette] header{background:var(--panel);padding:17px 28px;gap:22px;flex-wrap:wrap}
html[data-study-palette] .brand>b{font-style:italic;color:var(--text);border:0;padding:0;font-size:34px}
html[data-study-palette] .brand{gap:12px}.brand small{font-size:.875rem}
html[data-study-palette] main{max-width:1456px}
html[data-study-palette] .page-heading h1{font-size:clamp(2.2rem,3.3vw,3rem);letter-spacing:-.035em}
html[data-study-palette] .panel{background:var(--panel);border-color:var(--line);box-shadow:0 2px 10px #122e3105}
html[data-study-palette] .panel>h2,html[data-study-palette] .dialog-heading h2{font-family:Georgia,serif;font-weight:400;font-size:1.6rem}
html[data-study-palette] button,html[data-study-palette] .button{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-study-palette] button:hover,html[data-study-palette] .button:hover{background:var(--soft);border-color:var(--accent)}
html[data-study-palette] .primary,html[data-study-palette] .primary:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}
html[data-study-palette] .primary:hover{filter:brightness(.94)}
html[data-study-palette] .primary kbd{border-color:currentColor}
html[data-study-palette] input:not([type=checkbox]),html[data-study-palette] select,html[data-study-palette] textarea{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-study-palette] header nav button{background:transparent;border-color:transparent}
html[data-study-palette] header nav button[aria-current=page]{background:var(--accent);color:var(--ink);border-color:var(--accent)}
html[data-study-palette] header nav a,html[data-study-palette] .public-label{color:var(--accent)}
html[data-study-palette] .text-button,html[data-study-palette] .text-button:hover{background:transparent;border-color:transparent;color:var(--accent)}
html[data-study-palette] .deck-tree summary::marker,html[data-study-palette] .deck-tree .node-count{color:var(--muted)}
html[data-study-palette] .deck-tree .children,html[data-study-palette] .history-chart{border-color:var(--line)}
html[data-study-palette] .metrics>div,html[data-study-palette] .mode-picker button{background:var(--panel)}
html[data-study-palette] .mode-picker [aria-pressed=true],html[data-study-palette] .review-toolbar [aria-pressed=true]{background:var(--soft);border-color:var(--accent)}
html[data-study-palette] .sidebar{background:var(--soft)}
html[data-study-palette] .history-chart>div{background:var(--accent)}
html[data-study-palette] .recall-box,html[data-study-palette] .package-drop{background:var(--soft)}
html[data-study-palette] .notice{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-text)}
html[data-study-palette] dialog{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-study-palette] .help-ratings dd{color:var(--muted)}
html[data-study-palette] :is(#settings-error,#timer-error,#package-warnings){color:var(--danger)}
html[data-study-palette] .save-error{color:var(--danger)!important}
html[data-study-palette] .danger.subtle{color:var(--danger)!important}
html[data-study-palette] progress,html[data-study-palette] progress::-webkit-progress-bar{background:var(--soft)}
html[data-study-palette] progress::-webkit-progress-value{background:var(--accent)}
html[data-study-palette] progress::-moz-progress-bar{background:var(--accent)}
html[data-study-palette] :focus-visible{outline-color:var(--focus)}
html[data-study-palette] .journey-summary{background:var(--soft);border-color:var(--line);border-left-color:var(--accent)}
html[data-study-palette] [data-journey-theme]{--accent:inherit!important;--journey-metal:var(--line);--journey-deep:var(--soft);--journey-wash:var(--soft);--journey-dark:var(--text);--journey-light:var(--text)}
html[data-study-palette] :is(.journey-emblem,.journey-chip>span:first-child,.journey-xp,.journey-lap .journey-section-title>span){color:var(--accent)}
html[data-study-palette] :is(.journey-level,.journey-badge.is-earned .journey-badge-icon){background:var(--soft);color:var(--text);border-color:var(--line)}
html[data-study-palette] :is(.journey-level small,.journey-level strong,.journey-level .journey-equipped-emblem){color:var(--text)}
html[data-study-palette] .journey-dialog-heading{background:var(--panel)}
html[data-study-palette] .journey-tabs{background:var(--soft)}
html[data-study-palette] .journey-tabs button[aria-selected=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}
html[data-study-palette] .journey-dialog.is-colors{width:min(760px,100%)}
html[data-study-palette] .is-colors .journey-rewards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html[data-study-palette] .is-colors .journey-reward{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:16px;align-content:flex-start}
html[data-study-palette] .is-colors .journey-reward-copy{flex:1;min-width:0}
html[data-study-palette] .is-colors .journey-reward>button{width:100%;margin-top:auto;min-height:42px;font-size:.875rem}
html[data-study-palette] .journey-reward p,html[data-study-palette] .journey-reward small{font-size:.875rem}
.appearance-preview{display:block;flex:0 0 100%;height:122px;background:var(--preview-bg);border:1px solid var(--preview-accent);border-radius:7px;color:var(--preview-ink);padding:11px;overflow:hidden}
.appearance-preview>strong{display:block;font:16px Georgia;padding-bottom:9px;color:var(--preview-ink)}
.appearance-preview>span{display:grid;grid-template-columns:30% 1fr;gap:8px;height:68px}
.appearance-preview i{display:block;border-radius:4px;background:var(--preview-soft)}
.appearance-preview b{display:flex;flex-direction:column;gap:6px;padding:9px;background:var(--preview-panel);border-radius:4px}
.appearance-preview b i:first-child{height:7px;width:75%;background:var(--preview-ink);opacity:.6}
.appearance-preview b i:last-child{height:20px;width:65%;background:var(--preview-accent)}
.appearance-controls{padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--soft);margin:20px 0}
.appearance-controls p{font-size:.875rem;margin:12px 0 0;color:var(--muted)}
.appearance-controls label{font-size:.9375rem;font-weight:600}
.appearance-controls select{margin-top:7px}
#study-colors{border-color:var(--line)}
html[data-study-palette][data-theme=light] .ratings .again{background:#fce4df;color:#752820;border-color:#bf7c73}
html[data-study-palette][data-theme=light] .ratings .hard{background:#f7ebd2;color:#654d17;border-color:#ad9356}
html[data-study-palette][data-theme=light] .ratings .good{background:#d8f0e4;color:#1c5942;border-color:#7ea58f}
html[data-study-palette][data-theme=light] .ratings .easy{background:#e2eafa;color:#294e7a;border-color:#829bc6}
html[data-study-palette][data-theme=dark] .ratings .again{background:#492e32;color:#ffe8e3;border-color:#c6837f}
html[data-study-palette][data-theme=dark] .ratings .hard{background:#473c2b;color:#fff0ce;border-color:#c5a16b}
html[data-study-palette][data-theme=dark] .ratings .good{background:#24473d;color:#e1ffef;border-color:#8fcab0}
html[data-study-palette][data-theme=dark] .ratings .easy{background:#303e5e;color:#eaf2ff;border-color:#9eafd9}
@media(max-width:700px){html[data-study-palette] header{padding:14px 16px;gap:12px}html[data-study-palette] header nav{order:3;flex-basis:100%;border-top:1px solid var(--line);padding-top:9px}html[data-study-palette] .public-label{margin-left:auto}html[data-study-palette] main{padding:23px 16px}html[data-study-palette] body.reviewing main{padding:8px 10px}}
@media(max-width:480px){html[data-study-palette] .is-colors .journey-rewards{grid-template-columns:1fr}.appearance-preview{height:130px}html[data-study-palette] header nav button,html[data-study-palette] header nav a{font-size:.875rem;padding:8px 9px}.public-label{font-size:.75rem}}

html[data-study-palette] :is(button[aria-current=page],.journey-tabs button[aria-selected=true]){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
html[data-study-palette] :is(button[aria-selected=true],button[aria-pressed=true],button[aria-current=page],.primary) :is(span,small,strong,b,em,p){color:inherit!important}
html[data-study-palette] :is(.mode-picker,.review-toolbar) button[aria-pressed=true]{color:var(--text)}
html[data-study-palette] option{background:var(--panel);color:var(--text)}
html[data-study-palette] option:checked{background:var(--accent);color:var(--on-accent)}
html[data-study-palette] ::selection{background:var(--accent);color:var(--on-accent)}