.extras-page main { padding: 32px; }
.extras-page h1 { font: 42px/1.13 W95FA,Arial,sans-serif; letter-spacing: 0; margin: 10px 0 20px; }
.extras-page main > p { line-height: 1.6; }
.extras-page .extras-lead { max-width: 760px; font-size: 21px; line-height: 1.5; }
.fiction-note, .workbook-note { border: 1px solid #808080; background: #ffffdf; padding: 14px 18px; margin: 26px 0; line-height: 1.5; }
.museum-controls,.workbook-toolbar { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; padding: 12px; border-bottom: 1px solid #808080; }
.museum-controls label { display: flex; gap: 12px; align-items: center; }
.extras-page :is(select,input,textarea) { font: inherit; border: 2px solid; border-color: #808080 #fff #fff #808080; border-radius: 0; padding: 7px; color: #000; background: #fff; min-width: 0; }
.museum-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); }
#specimens { border-right: 2px solid #808080; padding: 5px; background: #fff; }
#specimens button { display: block; text-align: left; width: 100%; padding: 15px 10px; border: 0; background: #fff; box-shadow: none; }
#specimens button[aria-current=true] { background: #000080; color: #fff; }
#specimens small, #specimens b { display: block; line-height: 1.4; }
#specimens small { margin-top: 7px; }
#specimen { padding: 22px; background: #fff; min-width: 0; overflow-wrap: anywhere; }
#specimen h2 { font: 26px W95FA,Arial,sans-serif; line-height: 1.2; }
#specimen .specimen-body { line-height: 1.7; font-family: Arial,sans-serif; font-size: 16px; }
#specimen .specimen-body li { padding-bottom: 8px; }
.museum-window[data-annotations=off] .red-pen { display: none; }
.specimen-prompt { background: #ffffdf; border: 1px solid #808080; padding: 16px; margin-top: 20px; }
.specimen-prompt summary { cursor: pointer; color: #800000; }
.museum-status { padding: 6px 12px; border-top: 1px solid #808080; }
.storage-choice { padding: 16px; border-bottom: 1px solid #808080; }
.storage-choice label { display: inline-flex; gap: 8px; margin-right: 18px; }
.file-label { display: flex; align-items: center; gap: 8px; }
.file-label input { max-width: 220px; font-size: 14px; }
.workbook-row { padding: 20px; border-bottom: 1px solid #808080; background: #fff; }
.workbook-row h2 { margin: 0 0 5px; font-size: 21px; }
.workbook-row > p { margin: 8px 0 18px; line-height: 1.5; }
.workbook-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.workbook-fields label { display: grid; gap: 6px; }
.workbook-fields label.response { grid-column: 1 / -1; }
.workbook-fields textarea { resize: vertical; min-height: 60px; }
#directory-form { padding: 20px; display: flex; flex-wrap: wrap; gap: 14px; align-items: end; }
#directory-form h2 { width: 100%; margin: 0; }
#directory-form label { display: grid; gap: 6px; flex: 1 1 200px; }
.workbook-help { padding: 24px 0 0; line-height: 1.6; }
.workbook-help li { margin-bottom: 10px; }
.chain { display: grid; gap: 1px; padding: 12px; float: left; width: 35%; }
.chain button { text-align: left; display: grid; grid-template-columns: 35px 1fr; gap: 5px 12px; padding: 18px 12px; }
.chain button[aria-selected=true] { color: #fff; background: #000080; }
.chain button > span { grid-row: span 2; font-size: 22px; }
.chain small { line-height: 1.4; }
#chain-panel { margin: 12px 12px 12px 35%; background: #fff; border: 2px solid; border-color: #808080 #fff #fff #808080; min-height: 460px; padding: 26px; line-height: 1.7; }
#chain-panel h2 { font: 26px W95FA,Arial,sans-serif; line-height: 1.2; }
#chain-panel h3 { color: #800000; margin-top: 25px; font-size: 20px; }
.chain-footer { clear: both; display: flex; gap: 18px; align-items: center; justify-content: flex-end; padding: 14px; border-top: 1px solid #808080; }
.chain-note { padding: 12px; border: 1px solid #808080; background: #ffffdf; }
.confirm-copy { padding: 18px; line-height: 1.6; }
.title-link { color: #fff; }
.wallpaper-preview { padding: 8px; border: 2px solid; border-color: #808080 #fff #fff #808080; background: #c0c0c0; }
.wallpaper-preview img { display: block; width: 100%; height: auto; }
.download-actions { display: flex; gap: 18px; margin: 24px 0; flex-wrap: wrap; }
@media(max-width:750px) { .extras-page .site { margin: 8px; } .extras-page main { padding: 20px 14px; } .extras-masthead { gap: 16px; padding: 8px 14px; } .extras-masthead img { width: 140px; } .extras-masthead p { font-size: 12px; } .extras-masthead b { font-size: 17px; } .museum-layout { grid-template-columns: 1fr; } #specimens { border-right: 0; border-bottom: 2px solid #808080; } #specimens button { padding: 10px; } .workbook-fields { grid-template-columns: 1fr; } .chain { float: none; width: 100%; } #chain-panel { margin: 0 12px 12px; min-height: 0; padding: 20px; } .museum-controls label { display: grid; gap: 6px; } .chain-footer { justify-content: space-between; gap: 6px; } .file-label { flex-wrap: wrap; } }
@media print { body { background: #fff; } .extras-page .site { margin: 0; border: 0; box-shadow: none; max-width: none; } header,footer,.browser-status,.workbook-toolbar,.storage-choice,#directory-form,.workbook-help,.skip { display: none; } .extras-page main { padding: 0; } .workbook-row { break-inside: avoid; } .workbook-row textarea { height: 90px; } .workbook-row button { display: none; } }

.extras-page .browser-menu { flex-wrap: wrap; }
.extras-page .browser-title > b { min-width:0; overflow-wrap:anywhere; }

/* Reserve the first dynamic panel before specimen/worksheet scripts populate it. */
.museum-layout { min-height:640px; }
#workbook-rows:empty { min-height:640px; }