/* Expedition Archive v1: shared surfaces only. Geography, scores and layout stay authoritative. */
:root{
 --archive-paper:#f6f2e7;--archive-frame:#dddccb;--archive-backing:#e5dfcc;
 --archive-ink:#184951;--archive-ink-muted:#5b6053;--archive-rule:#b19a73;
 --archive-control-border:#8a765b;--archive-accent:#a55e48;--archive-art-ink:#756a50;
 --archive-grain:url('/theme/archive-grain.svg');--archive-coast:url('/theme/archive-coast.svg');
 --archive-opposite:url('/theme/archive-coast-opposite.svg');--archive-header-coast:url('/theme/archive-coast-header.svg');--archive-frame-width:7px;
 --archive-shadow:0 5px 16px rgba(43,51,40,.14);
 --ink:var(--archive-ink);--paper:var(--archive-paper);--line:var(--archive-rule);
}
.parchment{background:var(--archive-grain) 0 0/128px 128px repeat var(--archive-paper);color:var(--archive-ink);}
.archive-banner.parchment{
 background-color:var(--archive-frame);
 background-image:var(--archive-grain),var(--archive-header-coast),repeating-linear-gradient(0deg,transparent 0 5px,#756a5006 5px 6px);
 background-size:128px 128px,330px auto,auto;
 background-position:0 0,62% -30px,center;background-repeat:repeat,no-repeat,repeat;
 border-bottom:1px solid var(--archive-control-border);box-shadow:0 2px 8px #2b332015;
}
.archive-banner .brand,.archive-banner .heading p,.archive-banner .nav-journal .atlas-icon{color:var(--archive-ink-muted)}
.archive-banner .heading h1,.archive-banner .nav-journal{color:var(--archive-ink)}
/* The inner rule and frame use inset shadows, so the existing content box is preserved. */
.archive-panel.round-panel.parchment,dialog.archive-panel{
 background-color:var(--archive-paper);
 background-image:var(--archive-coast),var(--archive-opposite),var(--archive-grain);
 background-size:210px auto,120px auto,128px 128px;
 background-position:right 14px top 12px,left 14px bottom 12px,0 0;
 background-repeat:no-repeat,no-repeat,repeat;
 border:1px solid var(--archive-rule);border-radius:5px;color:var(--archive-ink);
 box-shadow:inset 0 0 0 var(--archive-frame-width) var(--archive-frame),inset 0 0 0 calc(var(--archive-frame-width) + 1px) var(--archive-rule),0 -6px 0 -2px var(--archive-backing),var(--archive-shadow);
}
.archive-panel::before{content:'';position:absolute;left:23px;top:5px;width:8px;height:24px;background:var(--archive-accent);pointer-events:none;border-radius:0;}
.archive-panel .opening-border{display:none}
dialog.archive-panel{padding:32px;overflow:auto;max-height:85dvh;scrollbar-gutter:stable;}
dialog.archive-panel::backdrop{background:#1849514d;backdrop-filter:blur(2px)}
dialog.archive-panel .close{position:sticky;top:0;z-index:2;background:var(--archive-paper);border-radius:4px;color:var(--archive-ink);}
.archive-panel .round-note,.archive-panel .round-eyebrow,.archive-panel .eyebrow,.results-stamps>p,#journal-rule,#journal-storage,.heading #rehearsal-account{color:var(--archive-ink-muted)}
/* Quiet inset level: no repeated corner art or index marks. */
.results-stamps,.question-review,.review-body,.result .crowd-section{
 background:var(--archive-grain) 0 0/128px 128px repeat var(--archive-paper);border-color:var(--archive-rule);box-shadow:none;
}
.question-review,.opening-collection,.section-heading,.history-note,.stamp-earned,.preview-foot,.place-pages{border-color:var(--archive-rule)}
#question-card.parchment,.date-panel.parchment{border-color:var(--archive-rule);box-shadow:var(--archive-shadow)}
#question-card.parchment{background-color:var(--archive-paper)}
.date-panel.parchment{background-color:var(--archive-frame)}
/* Preserve score tiles, stamp inks, the daily-score panel and primary-action hierarchy. */
.archive-banner .header-result,.google-login,.journal-controls input,.daily-dialog input,.place-pages button,
#crowd-map-note,.map-tools,.round-connection,#account-notice,#year-number,.era-toggle button:not([aria-pressed=true]){
 background-color:var(--archive-paper);background-image:var(--archive-grain);background-size:128px 128px;border-color:var(--archive-control-border);color:var(--archive-ink);
}
.place-pages button[aria-pressed=true]{background-color:var(--archive-frame);box-shadow:inset 0 3px var(--archive-ink)}
.journal-controls button[aria-pressed=false]{background:var(--archive-paper);border-color:var(--archive-control-border);color:var(--archive-ink)}
#results-map-actions #return-summary:not([hidden]),#results-map-actions #map-all-answers:not([hidden]),#show-result:not([hidden]){
 background:var(--archive-grain) 0 0/128px 128px repeat var(--archive-paper);border-color:var(--archive-control-border);color:var(--archive-ink);box-shadow:var(--archive-shadow);
}
#results-map-actions button:hover,#show-result:hover{background-color:var(--archive-frame)!important}
.archive-panel button:focus-visible,.archive-banner button:focus-visible,.archive-panel input:focus-visible{outline:3px solid var(--archive-ink);outline-offset:3px}
@media(max-width:1100px){.archive-banner.parchment{background-image:var(--archive-grain);background-size:128px 128px}}
@media(max-width:640px){
 :root{--archive-frame-width:4px}
 .archive-panel.round-panel.parchment,dialog.archive-panel{background-image:var(--archive-coast),var(--archive-grain);background-size:130px auto,128px 128px;background-position:right 12px top 10px,0 0;background-repeat:no-repeat,repeat;box-shadow:inset 0 0 0 var(--archive-frame-width) var(--archive-frame),inset 0 0 0 calc(var(--archive-frame-width) + 1px) var(--archive-rule),var(--archive-shadow);}
 .archive-panel::before{left:16px;top:3px;width:6px;height:20px}
 dialog.archive-panel{padding:24px 20px 20px;max-width:calc(100% - 24px);overflow-wrap:anywhere;}
}
.archive-panel .round-action{background:var(--archive-ink);border-color:var(--archive-ink);color:var(--archive-paper);box-shadow:none}
.archive-panel .round-action:hover:not(:disabled){background:#23616a}
.archive-panel .danger-action{background:#873e32;border-color:#873e32}
.archive-panel .collected-toggle input:not(:checked)+span{background:var(--archive-paper);border-color:var(--archive-control-border);color:var(--archive-ink)}
.archive-panel .account-info button{min-height:44px}

/* Compact zoomed/landscape view: keep both map controls above the date panel. */
@media(max-width:700px) and (max-height:600px){
 .map-tools{top:auto;bottom:8px;flex-direction:row;}
 .map-tools button{border-bottom:0;border-right:1px solid var(--archive-control-border);}
 .map-tools button:last-child{border-right:0;}
}

/* Both opening and results use the same masthead and illustration.
   The independent course occupies the narrow lane below the subtitle. */
.masthead.archive-banner.parchment {
  background:url('/theme/frigate-course.svg') 40% center / clamp(230px,34vw,510px) min(95%,80px) no-repeat,
    var(--archive-grain) 0 0 / 128px 128px repeat var(--archive-frame);
}
@media(max-width:700px) {
  .masthead.archive-banner.parchment {
    background-size:calc(100% - 8px) 61px,128px 128px;
    background-position:left 2px top,0 0;
  }
}
/* Scroll attachment pins the chart to this element's box even while its
   contents scroll. A real opaque border keeps type inside the paper edge. */
#welcome-round.archive-panel, #complete-round.archive-panel,
#result-card.archive-panel,
dialog.archive-panel:not(#journal-dialog), dialog.signature-account-dialog {
  background-color:#f6edda;
  background-image:var(--archive-grain),linear-gradient(#fbf2dc50,#fbf2dc50),url('/theme/aegean-chart.svg');
  background-position:0 0,center,center;
  background-size:128px 128px,cover,cover;
  background-repeat:repeat,no-repeat,no-repeat;
  background-attachment:scroll;
}
#welcome-round.archive-panel, #complete-round.archive-panel {
  background-image:var(--archive-grain),linear-gradient(#fbf2dc72,#fbf2dc72),url('/theme/aegean-chart.svg');
  border:7px double #aa9471;
  background-clip:padding-box;
  box-shadow:0 0 0 1px #ac9877,var(--archive-shadow);
  padding:clamp(20px,3vh,32px) clamp(20px,4vw,44px);
  overflow:auto;
}
#complete-round .results-score::before { background:none; }
.date-panel.parchment {
  background:var(--archive-grain) 0 0 / 128px 128px,linear-gradient(0deg,#eadcbd,#f6edd8 24%,#f5e9d1 90%,#e9d9b9);
}

/* Reveal copy sits on a paler chart. Keep the available typefaces and line breaks. */
#result-card.archive-panel {
  background-image:var(--archive-grain),linear-gradient(#fbf2dcca,#fbf2dcca),url('/theme/aegean-chart.svg');
}
#result-card :is(.ink-answer-copy p,.ink-stats p,.history-note p,#round-average) {
  -webkit-text-stroke:.18px currentColor;
}
.date-control .year-entry {
  min-height:44px;
  align-items:stretch;
}
.date-control .year-entry :is(#year-number,.era-toggle,.era-toggle button) {
  box-sizing:border-box;
  height:100%;
  align-self:stretch;
  margin-block:0;
}