:root{--paper:#f3efe2;--paper-light:#faf7ed;--ink:#3d433e;--muted:#7c8072;--line:#d6d4c4;--red:#a64f3d;--sea:#e2e9df;--china:#aa7050;--europe:#668981;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.5 var(--sans);height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid transparent;background:transparent;border-radius:4px;padding:5px 10px}button:hover,a:hover{color:var(--red);background:#e5dfcf88}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:3px}a{color:inherit;text-decoration:none}button.active{color:var(--red);background:#a64f3d0e;border-color:#a64f3d2b}button[disabled]{opacity:.4;cursor:default}[hidden]{display:none!important}
.masthead{height:74px;flex:none;padding:0 28px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#faf7ed,#eeeadf)}.brand{display:flex;align-items:center;gap:18px;flex:none}.brand h1{font:700 29px var(--serif);letter-spacing:5px;margin:0;color:#714b3d}.brand>div{border-left:1px solid #bcb7a6;padding-left:18px;display:flex;flex-direction:column;gap:1px}.brand strong{font-size:12px;font-weight:500;letter-spacing:2px}.brand small{font-size:10px;color:var(--muted)}.masthead nav{display:flex;align-items:center;gap:14px;margin-left:auto;white-space:nowrap}.local-badge{font-size:10px;color:var(--muted)}.local-badge i{display:inline-block;width:5px;height:5px;background:#849779;border-radius:50%;margin-right:6px}.search-wrap{max-width:350px;flex:1;position:relative}.search-wrap>span{position:absolute;font-size:24px;left:11px;top:-1px;color:#8d8b7a}.search-wrap input{width:100%;padding:8px 14px 8px 37px;border:1px solid #d5d0bf;border-radius:5px;background:#faf8ee;font-size:12px}.search-wrap input::placeholder{color:#929182}#search-results{position:absolute;z-index:20;top:44px;left:0;right:0;background:var(--paper-light);border:1px solid var(--line);box-shadow:0 10px 25px #36382a18;max-height:390px;overflow:auto;padding:6px}#search-results button{display:block;text-align:left;width:100%;border-bottom:1px solid #e4decd;padding:9px}#search-results small{display:block;color:var(--muted);margin-top:3px}
.compare-tools{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 28px;border-bottom:1px solid var(--line);font-size:11px;flex:none}.range-options,.filter-options{display:flex;align-items:center;gap:6px}.range-options>span{color:var(--muted);margin-right:4px}.range-options small{color:var(--muted);margin-left:8px}.compare-tools button{padding:3px 9px}.comparison{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.region-pane{min-width:0;min-height:0;display:flex;flex-direction:column;--region:var(--china)}.region-pane.europe{--region:var(--europe);border-left:1px solid #acae9c}.pane-heading{height:69px;padding:10px 22px;display:flex;gap:20px;align-items:center;background:#f7f3e8;border-bottom:1px solid var(--line);flex:none}.region-label{font-size:10px;letter-spacing:2px;color:var(--region)}.pane-heading h2{font:600 22px var(--serif);margin:0;white-space:nowrap}.period-note{color:var(--muted);font-size:10px;max-width:390px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.year-badge{white-space:nowrap;margin-left:auto;font:500 15px var(--serif);color:var(--region);border-bottom:1px solid var(--region);padding-bottom:3px}.map-stage{position:relative;flex:1;min-height:240px;background:var(--sea);overflow:hidden}.map-stage svg{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.map-stage svg:active{cursor:grabbing}.graticule{stroke:#bdc7b6;stroke-width:.5;fill:none;opacity:.35}.base-land{fill:#e8e3cd;stroke:#babfae;stroke-width:.45}.territory{stroke-width:.8;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill-opacity .15s}.territory:hover{fill-opacity:.75;stroke-width:1.6}.river{fill:none;stroke:#9eb4b2;stroke-width:.6;opacity:.7;vector-effect:non-scaling-stroke}.lake{fill:#c8d7d1;stroke:#9eb4b2;stroke-width:.4;vector-effect:non-scaling-stroke}.polity-label{font-family:var(--serif);fill:#49514b;paint-order:stroke;stroke:#f8f4e7bb;stroke-width:3px;stroke-linejoin:round;pointer-events:none;letter-spacing:1px;text-anchor:middle}.city-label{font-size:10px;fill:#5a6257;paint-order:stroke;stroke:#f4f0e0c9;stroke-width:2.5px;pointer-events:none}.city-dot{fill:#767c69;stroke:#f8f6ec;stroke-width:1}.event-point{cursor:pointer}.event-point circle{fill:#fbf5e6;stroke:var(--red);stroke-width:1.3}.event-point text{font-size:10px;text-anchor:middle;dominant-baseline:central;fill:var(--red);pointer-events:none}.event-point.selected circle{fill:var(--red);stroke-width:3}.event-point.selected text{fill:white}.geographic-label{font:italic 14px var(--serif);fill:#83978d;letter-spacing:4px;text-anchor:middle;pointer-events:none}.map-status{position:absolute;top:11px;left:16px;right:16px;pointer-events:none;display:flex;align-items:flex-start;gap:6px;font-size:10px;color:#69736b}.map-status strong{font-weight:500;background:#fcf8eccf;padding:5px 9px;border:1px solid #ccd0bea3;border-radius:3px}.map-status .quality-tag{padding:5px 8px;border-radius:3px;background:#a4653d14;color:#916840}.map-controls{position:absolute;bottom:30px;right:14px;display:flex;flex-direction:column;background:#faf8edeb;border:1px solid #bbbfae;border-radius:4px}.map-controls button{font-size:20px;padding:0;width:31px;height:30px;border-radius:0}.map-controls button+button{border-top:1px solid #d9d7c6}.map-credit{position:absolute;bottom:6px;left:16px;color:#6d776b;font-size:9px;pointer-events:none}.map-legend{position:absolute;left:15px;bottom:28px;display:flex;max-width:calc(100% - 90px);gap:5px;flex-wrap:wrap}.map-legend button{background:#f8f5e6dc;border:1px solid #c9c8b5;border-radius:3px;font-size:10px;padding:3px 7px;max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.map-legend i{display:inline-block;width:7px;height:7px;border:1px solid #888;margin-right:5px}.map-tooltip{position:absolute;z-index:3;pointer-events:none;max-width:260px;padding:9px 12px;background:#faf7ebf5;border:1px solid #b9b8a5;box-shadow:0 4px 15px #232b2814;font-size:12px}.map-tooltip small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.map-empty{position:absolute;top:42%;left:15%;right:15%;text-align:center;padding:16px;background:#f6f2e4e8;border:1px solid #c8c9b8;pointer-events:none}.map-empty strong{display:block;font:18px var(--serif);margin-bottom:7px}.map-empty p{margin:0;font-size:11px;color:var(--muted)}
.event-panel{flex:none;height:153px;border-top:1px solid var(--line);padding:10px 20px 9px;background:var(--paper-light);display:flex;flex-direction:column}.event-heading{display:flex;align-items:center;gap:10px;justify-content:space-between;padding-bottom:8px}.event-heading h3{font-size:11px;letter-spacing:1px;margin:0;font-weight:500}.event-heading>span{color:var(--muted);font-size:10px}.event-list{overflow:auto;flex:1;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:7px}.event-card{border:1px solid #ded9c7;border-radius:4px;text-align:left;padding:8px 10px;background:#f1eddf55;display:flex;gap:8px;align-items:flex-start;min-height:57px}.event-card .event-year{color:var(--region);white-space:nowrap;min-width:40px;font-size:10px;margin-top:1px}.event-card .event-title{font:500 12px/1.5 var(--serif);display:block}.event-card .event-meta{font:9px var(--sans);color:var(--muted);display:block;margin-top:4px}.event-card.same-year{border-left:3px solid var(--region)}.event-card.selected{background:#e4dcc788;border-color:var(--region)}.no-events{grid-column:1/-1;color:var(--muted);padding:8px 0;font-size:11px}.no-events p{margin:0 0 5px}.no-events button{font-size:11px;padding:2px 0;text-decoration:underline;text-underline-offset:3px}
.time-dock{flex:none;border-top:1px solid #babaa5;padding:12px 28px 7px;background:linear-gradient(180deg,#f8f4e8,#ede8d9);height:185px}.time-row{display:flex;align-items:center;gap:23px;margin-bottom:8px;height:38px}.time-readout{display:flex;align-items:baseline;gap:6px;flex:none}.time-readout>span{font-size:10px;color:#7c7665}.time-readout strong{font:600 34px/1 var(--serif);color:#80523e;min-width:48px}.time-actions{display:flex;align-items:center;gap:5px}.time-actions>button{font-size:20px;border:1px solid #cbc6b4;background:#f8f4e7;width:29px;height:29px;padding:0}#play{font-size:12px;background:#895c45;color:#fff;border-color:#895c45}#year-input{width:72px;background:#f9f6ea;border:1px solid #cbc6b4;padding:4px 3px 4px 8px;height:29px;font-size:11px;margin-left:7px}.play-step{font-size:10px;color:var(--muted);margin-left:5px}.play-step select{border:none;background:transparent;font-size:10px}.landmarks{display:flex;align-items:center;gap:5px;font-size:10px;margin-left:auto}.landmarks span{color:var(--muted);margin-right:2px}.landmarks button{padding:3px 7px;border:1px solid #d7d1bf}.axis-zoom{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap}.axis-zoom select{border:1px solid #d4cdb9;background:#f8f4e8;padding:3px 4px;font-size:10px}.period-lane{display:flex;align-items:center;margin:4px 0;gap:10px;height:19px}.period-lane>span{font-size:10px;width:25px;color:var(--muted)}.lane-track{position:relative;flex:1;height:19px;background:#dedbc97a;overflow:hidden;border-radius:2px}.lane-track button{position:absolute;height:19px;top:0;border-radius:0;border-right:1px solid #f7f4e6;color:#5c6157;font-size:9px;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:16px}.lane-track button.current{box-shadow:inset 0 -2px var(--red);color:#733f2b;font-weight:600}.axis-control{position:relative;margin-left:35px;height:33px;padding-top:1px}.axis-control input{width:100%;accent-color:var(--red);height:14px;cursor:ew-resize;margin:0;display:block}.axis-control input::-webkit-slider-runnable-track{height:3px;background:#b8b9a4}.axis-control input::-webkit-slider-thumb{margin-top:-6px}#axis-ticks{position:relative;margin:3px 7px 0;height:12px}#axis-ticks span{position:absolute;font-size:9px;line-height:11px;color:#878674;transform:translateX(-50%);white-space:nowrap}.time-note{display:flex;justify-content:space-between;color:#8d8978;font-size:9px;margin-top:4px;gap:15px}
dialog{border:1px solid #b6ad95;background:var(--paper-light);color:var(--ink);border-radius:6px;box-shadow:0 20px 90px #17251c30;padding:0;width:min(580px,92vw);max-height:83dvh;overflow:auto}dialog::backdrop{background:#27322b50;backdrop-filter:blur(2px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;position:sticky;top:0;background:var(--paper-light);z-index:2}.dialog-header button{font-size:24px;line-height:1;padding:0 4px}#detail-body,#sources-body{padding:22px 28px 28px}dialog h2{font:600 25px/1.5 var(--serif);margin:0 0 14px}dialog h3{font:600 16px var(--serif);margin:24px 0 12px}dialog p{line-height:1.9;font-size:12px}dialog .muted{color:var(--muted);font-size:11px}dialog a{color:#916344;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}dialog .source-links{display:flex;flex-direction:column;gap:8px;font-size:11px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}dialog .precision-note{border-left:2px solid #b69c6b;background:#e6dfcd7a;padding:9px 12px;font-size:11px;line-height:1.8}#sources-dialog{width:min(740px,94vw)}.coverage-table{border-collapse:collapse;width:100%;font-size:11px}.coverage-table th,.coverage-table td{border-bottom:1px solid #ded8c6;padding:8px;text-align:left}.coverage-table th{font-weight:500;color:var(--muted)}.coverage-table td:last-child{color:#8c6542}.coverage-table button{padding:0;text-align:left}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{border:1px solid #d6d0ba;padding:13px;background:#eeeadc}.stat strong{display:block;font:24px var(--serif);color:#8d6047}.stat span{font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:200px;left:50%;transform:translateX(-50%);z-index:30;background:#4c5849;color:#faf6e9;padding:10px 20px;border-radius:5px;font-size:12px;box-shadow:0 4px 20px #0002}
@media(min-width:1650px){.pane-heading{padding:10px 28px}.event-panel{padding:11px 28px;height:170px}.event-card .event-title{font-size:13px}.map-stage{min-height:300px}}
@media(max-width:1150px){.masthead{gap:20px;padding:0 18px}.brand>div{display:none}.local-badge,.landmarks{display:none}.time-row{gap:16px}.axis-zoom{margin-left:auto}.pane-heading{gap:10px;padding:10px 16px}.period-note{max-width:220px}.pane-heading h2{font-size:19px}.compare-tools{padding:6px 18px}.range-options small{display:none}.event-list{grid-template-columns:1fr}.event-panel{height:142px}.map-status{left:10px;right:10px;gap:4px;flex-wrap:wrap}.map-status strong,.map-status .quality-tag{padding:3px 6px}}
@media(max-height:780px) and (min-width:801px){.masthead{height:60px}.pane-heading{height:59px}.time-dock{height:172px;padding-top:8px}.event-panel{height:119px}.map-stage{min-height:200px}.compare-tools{min-height:38px}.time-row{margin-bottom:5px}}
@media(max-width:800px){body{height:auto;min-height:100dvh;overflow:auto}.masthead{height:auto;min-height:72px;flex-wrap:wrap;padding:13px 16px;gap:12px}.brand h1{font-size:24px}.masthead nav{font-size:11px;gap:10px}.search-wrap{order:3;max-width:none;flex:1 0 100%}.compare-tools{align-items:flex-start;flex-direction:column;gap:7px;padding:9px 15px}.comparison{display:block}.region-pane.europe{border-left:0;border-top:2px solid #abae9c}.map-stage{height:380px;flex:none}.pane-heading{height:67px}.period-note{max-width:55%}.year-badge{font-size:12px}.event-panel{height:162px}.event-list{grid-template-columns:1fr 1fr}.time-dock{height:auto;min-height:189px;position:sticky;bottom:0;padding:9px 14px 6px;z-index:8;box-shadow:0 -5px 20px #3331}.time-row{height:auto;min-height:36px;gap:10px;flex-wrap:wrap}.time-readout strong{font-size:29px}.time-actions{margin-left:auto;gap:4px}.play-step{display:none}.axis-zoom{margin-left:0}.time-note{font-size:8px}.time-note span:last-child{display:none}.axis-zoom select{padding:0}.lane-track button{font-size:8px}.map-status{font-size:9px}.region-label{font-size:9px}#toast{bottom:220px;max-width:90vw;width:max-content}.event-panel{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Previous phase outlines and source-aware map navigation. */
.source-filter{display:flex;gap:4px;align-items:center;white-space:nowrap;border-left:1px solid var(--line);padding-left:9px;margin-left:4px;color:#71654f}.source-filter input{accent-color:var(--red);margin:0}.source-status{display:block;font:9px/1.4 var(--sans);margin-top:4px;color:#6d7a65}.source-status.pending{color:#98723f}.study-question{border:1px solid #c9cbb2;border-left:3px solid #85967a;background:#e6ecde80;padding:12px 15px;margin:20px 0}.study-question h3{margin:0 0 7px;font-size:15px}.study-question p{margin:0}.study-question small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.related-event{display:block;width:100%;border:1px solid var(--line);text-align:left;margin:7px 0;padding:9px 12px;background:#efeada77}.related-event span{display:block;font:13px/1.5 var(--serif)}.related-event small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.comparison-reading details{margin-top:12px}.comparison-reading summary{cursor:pointer;font-size:11px;color:#806044}#learning-dialog{width:min(740px,94vw)}#learning-body{padding:22px 28px 28px}.reading-steps{padding-left:21px;font-size:12px;line-height:1.9}.reading-steps li{padding-left:4px;margin:10px 0}.reading-steps strong{color:#80523e}.compare-tools{flex-wrap:wrap;gap:7px 16px}.filter-options{flex-wrap:wrap}.event-card{min-height:70px}.masthead nav{gap:9px}
.previous-borders path{fill:none;stroke:#a64f3d;stroke-width:1.2;stroke-dasharray:4 3;stroke-opacity:.7;vector-effect:non-scaling-stroke;pointer-events:none}
.map-change-controls{position:absolute;left:16px;top:49px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:calc(100% - 32px);font:10px var(--ui,var(--sans,sans-serif));color:#716b58;background:#faf7ece8;border:1px solid #c9c8b6;border-radius:4px;padding:3px 5px;z-index:2}
.map-change-controls button{padding:3px 6px;font-size:10px}.map-change-controls label{display:flex;align-items:center;gap:3px;white-space:nowrap;padding:0 5px}.map-change-controls input{accent-color:#a64f3d;width:12px;height:12px;margin:0}.map-change-controls label:has(input:disabled){opacity:.45}#map-changes{color:#8b5b42;font-size:9px}#phase-ticks{position:absolute;left:7px;right:7px;top:5px;height:6px;pointer-events:none}#phase-ticks i{position:absolute;width:1px;height:5px;background:#8f6f4b90}
@media(max-width:1150px){.map-change-controls{top:65px;font-size:9px;gap:2px;left:10px}.map-change-controls button{font-size:9px;padding:3px 4px}}

/* One shared year, three reading layouts. */
.view-toolbar{display:flex;align-items:center;gap:16px;flex:none;padding:7px 28px;border-bottom:1px solid var(--line);background:#f8f4e8}
.view-options{display:inline-flex;align-items:center;padding:3px;background:#e6e1d2;border:1px solid #cec6b2;border-radius:7px;gap:3px;flex:none}
.view-options button{min-height:36px;padding:5px 18px;font-weight:500;white-space:nowrap}
.view-options button[aria-pressed=true]{background:#756a50;color:#fffdf3;box-shadow:0 1px 3px #342a201c}
#view-description{font-size:11px;color:var(--muted);margin:0}
.textbook-filter{display:flex;align-items:center;gap:7px;margin-left:auto;min-height:38px;cursor:pointer;color:#805222;font-size:12px;white-space:nowrap}
.textbook-filter input{accent-color:#97712d}.textbook-filter small{color:#938168;font-size:10px}
.comparison .textbook-card{border-color:#c9b782;background:#f5edce55}
.event-point.textbook-point>circle:first-child{stroke:#9c721c;stroke-width:2.6;fill:#fff0bd}
.event-point.textbook-point.selected>circle:first-child{fill:#9c721c;stroke:#8a6012}
body[data-map-view=china] .comparison,body[data-map-view=europe] .comparison{grid-template-columns:minmax(0,1fr)}
body[data-map-view=china] .region-pane,body[data-map-view=europe] .region-pane{border:0}
@media(min-width:1000px){
 body[data-map-view]:not([data-map-view=both]) .comparison .region-pane{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:65px minmax(0,1fr)}
 body[data-map-view]:not([data-map-view=both]) .comparison .pane-heading{grid-column:1/-1;height:65px}
 body[data-map-view]:not([data-map-view=both]) .comparison .map-stage{grid-column:1;grid-row:2;min-height:0}
 body[data-map-view]:not([data-map-view=both]) .comparison .event-panel{grid-column:2;grid-row:2;height:auto;border-top:0;border-left:1px solid var(--line);padding:15px}
 body[data-map-view]:not([data-map-view=both]) .comparison .event-list{display:flex;flex-direction:column;gap:10px}
 body[data-map-view]:not([data-map-view=both]) .comparison .event-card{flex:none;padding:12px;min-height:82px}
 body[data-map-view]:not([data-map-view=both]) .comparison .event-title{font-size:15px}
 body[data-map-view]:not([data-map-view=both]) .comparison .event-meta{font-size:10px;line-height:1.7}
 body[data-map-view]:not([data-map-view=both]) .time-dock{height:158px}
}
@media(max-width:1150px){.view-toolbar{padding:5px 16px;gap:8px}#view-description{display:none}.view-options button{padding:5px 14px}}
@media(max-width:699px){.view-toolbar{padding:6px 12px;flex-wrap:wrap;gap:4px}.view-options{flex:1}.view-options button{flex:1;min-height:42px}.textbook-filter{margin-left:0;width:100%;justify-content:flex-end}.view-options button{padding:4px 10px}body[data-map-view]:not([data-map-view=both]) .comparison .event-list{grid-template-columns:1fr}body[data-map-view]:not([data-map-view=both]) .comparison .map-stage{height:440px}}

/* Reference layers disclose their date and make small places touch-accessible. */
#china-status{flex-wrap:wrap;align-items:center;gap:4px}
#china-status strong{max-width:100%;line-height:1.5}
#china-map-reading{pointer-events:auto;min-height:32px;padding:4px 9px;border:1px solid #b8bdab;border-radius:4px;background:#faf7edeb;color:#59634e;font-size:11px}
.map-reference-point{cursor:pointer}
.map-legend{pointer-events:none}
.map-legend button{pointer-events:auto}
.map-reference-point .reference-hit-area{fill:transparent;stroke:none;pointer-events:all}
.map-reference-point circle{fill:#737b59;stroke:#fff8e8;stroke-width:1.4}
.map-reference-point .reference-halo{fill:#b6ad6980;stroke:#7c805a;stroke-dasharray:3 3;stroke-width:1}
.map-reference-point text{font-size:11px;fill:#4f543e;paint-order:stroke;stroke:#fcf8e9;stroke-width:3px;pointer-events:none}
.map-reference-point:focus .reference-halo{stroke:#8e4a38;stroke-width:2}
[data-reference-site]{color:#545c3e;border-style:dashed!important}
.related-events [data-reference-event],.related-events [data-map-site]{display:block;white-space:normal;text-align:left;min-height:44px;margin:6px 0}
/* Course extension shares the atlas's paper and ink palette. */
.hs-nav-link{font:12px/1.5 sans-serif;color:inherit;text-decoration:none;padding:10px 6px;white-space:nowrap;display:inline-block}.highschool-filter{display:flex;align-items:center;gap:7px;font-size:12px;color:#6c715f;white-space:nowrap}.highschool-filter select{font:inherit;min-height:44px;border:1px solid #ccc6b3;border-radius:4px;background:#f7f3e7;color:inherit;padding:5px}.highschool-badge{display:inline-block;margin:3px 5px 3px 0;font-size:10px;line-height:1.8;color:#52684e;border:1px solid #9da789;background:#e8eddc;padding:0 5px;border-radius:3px}.hs-map-topic{display:block;margin:8px 0;padding:10px;border:1px solid #ccc5ad;color:#63523b;text-decoration:none;border-radius:4px;font-size:13px}.view-toolbar{flex-wrap:wrap}

/* Period names remain legible when their teaching labels are longer than book titles. */
.pane-heading>div:first-child{min-width:0}
.period-title-button{font:inherit;color:inherit;text-align:left;max-width:100%;padding:0;border:0;background:transparent;white-space:normal;line-height:1.25}
.period-title-button::after{content:' ▾';font:11px sans-serif;opacity:.6}
.period-title-button:focus-visible{outline:2px solid var(--region);outline-offset:3px}
.pane-heading:has(.period-title-button){min-height:69px;height:auto}
.pane-heading h2:has(.period-title-button){white-space:normal}
.coverage-table details{font-size:11px;line-height:1.75;margin-top:5px}
.coverage-table summary{cursor:pointer;color:var(--red)}
.coverage-table button{min-height:36px;text-align:left}