/* The field-guide edition: generous paper, collected specimens, useful marginalia. */
html { scroll-padding-top: 1.5rem; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--links); outline-offset: 4px; }
.wc-skip { position: absolute; top: -100px; left: 1rem; z-index: 100; padding: .7rem 1rem; background: var(--paper-light); }
.wc-skip:focus { top: 1rem; }
.wc-editorial-hero { padding-bottom: 1.8rem; }
.wc-editorial-hero .wc-banknote-field { opacity: .12; }
.wc-editorial-hero::before { background: none; }
.wc-editorial-hero .wc-home-hero-layout { grid-template-columns: 1.15fr 1fr; gap: 2rem; padding-top: 1.2rem; }
.wc-editorial-hero h1 { max-width: 15ch; font-size: clamp(2.8rem, 4.8vw, 4.6rem); line-height: 1.08; letter-spacing: -.045em; font-weight: 400; }
.wc-editorial-hero h1 em { color: var(--turf); }
.wc-editorial-hero .wc-lede { font-size: clamp(1.05rem, 1.5vw, 1.22rem); max-width: 37ch; margin-block: 1.5rem; }
.wc-home-actions > .wc-primary-link { display: inline-flex; gap: 2rem; align-items: center; background: var(--turf); color: var(--paper-light); padding: .9rem 1.1rem; text-decoration: none; font: .73rem var(--font-caps); letter-spacing: .04em; }
.wc-home-actions > .wc-primary-link:hover { background: var(--turf-2); }
.wc-hero-footnote { max-width: 38ch; color: var(--ink-soft); font: .56rem/1.8 var(--font-ledger); letter-spacing: .12em; margin-top: 1.8rem; }
.wc-hero-specimen { margin: 0; position: relative; min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.wc-hero-specimen img { width: 100%; height: 400px; object-fit: cover; object-position: center 48%; mix-blend-mode: multiply; -webkit-mask-image: radial-gradient(ellipse, black 48%, transparent 73%); mask-image: radial-gradient(ellipse, black 48%, transparent 73%); }
.wc-hero-specimen figcaption { text-align: center; border-top: 1px solid var(--rule-soft); padding-top: .65rem; }
.wc-hero-specimen figcaption span { display: block; font: .52rem var(--font-ledger); letter-spacing: .12em; color: var(--bunker-2); }
.wc-hero-specimen figcaption i { display: block; margin-top: .3rem; font-size: .92rem; color: var(--ink-soft); }
.wc-specimen-seal { position: absolute; right: -.5rem; top: 1rem; border: 3px double var(--bunker); border-radius: 50%; width: 5.6rem; height: 5.6rem; display: grid; place-content: center; text-align: center; font: .6rem/1.2 var(--font-caps); letter-spacing: .13em; color: var(--bunker-2); transform: rotate(12deg); background: color-mix(in srgb, var(--paper-light) 85%, transparent); }
.wc-round-desk { scroll-margin-top: 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; padding: 1.8rem 2rem; }
.wc-round-desk h2 { font-size: 1.9rem; }
.wc-round-desk p:not(.wc-caps) { color: var(--ink-soft); margin-bottom: 0; max-width: 42ch; }
.wc-round-desk form { display: grid; grid-template-columns: 1fr auto; align-content: center; gap: .6rem; }
.wc-round-desk label { grid-column: 1 / -1; }
.wc-round-desk label, .wc-notebook label { font: .65rem var(--font-caps); letter-spacing: .05em; color: var(--ink-soft); }
.wc-round-desk select, .wc-round-controls select, .wc-notebook textarea { width: 100%; min-width: 0; border: 1px solid var(--rule); border-radius: 0; padding: .7rem; background: var(--paper-glow); color: var(--ink); font: 1rem var(--font-body); }
.wc-round-desk button, .wc-notebook button { border: 1px solid var(--turf); background: var(--turf); color: var(--paper-light); padding: .75rem 1rem; cursor: pointer; font: .7rem var(--font-caps); }
.wc-feature-triptych { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--rule); }
.wc-feature-triptych > a { padding: 1.9rem 1.5rem; text-decoration: none; border-right: 1px solid var(--rule-soft); }
.wc-feature-triptych > a:last-child { border: 0; }
.wc-feature-triptych a:hover { background: color-mix(in srgb, var(--botanical-celadon) 15%, transparent); }
.wc-feature-number { font: .6rem var(--font-ledger); color: var(--bunker-2); letter-spacing: .13em; }
.wc-feature-triptych h2 { font-size: 1.65rem; font-weight: 400; line-height: 1.2; margin-top: 1rem; }
.wc-feature-triptych p { font-size: .97rem; color: var(--ink-soft); }
.wc-feature-arrow { font: .64rem var(--font-caps); color: var(--turf); }
.wc-round-controls { grid-template-columns: 1.1fr .85fr .85fr 1.2fr; }
.wc-round-controls label { font-size: .63rem; color: var(--ink-soft); }
.wc-round-controls button { font-size: .68rem; }
.wc-round-controls select { min-height: 2.75rem; padding: .55rem; font-size: .88rem; }
.wc-round-controls [data-round-submit], .wc-round-controls [data-round-share] { grid-column: span 2; }
.wc-round-status { font-size: .7rem; line-height: 1.6; }
.wc-round-source { font-size: .65rem; color: var(--ink-soft); }
.wc-round-metrics dt { font-size: .6rem; color: var(--ink-soft); }
.wc-round-discovery { border-top: 1px solid var(--rule); margin-top: 1.5rem; padding-top: 1.4rem; }
.wc-round-discovery h3 { font-size: 1.6rem; font-weight: 400; }
.wc-small { color: var(--ink-soft); font-size: .87rem; line-height: 1.5; }
.wc-window-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-top: 1rem; }
.wc-window-option { position: relative; border: 1px solid var(--rule); border-top: 3px solid var(--turf); padding: 1rem; background: var(--paper-glow); color: var(--ink); cursor: pointer; text-align: left; }
.wc-window-option:hover, .wc-window-option[aria-pressed="true"] { background: var(--fairway-light); border-color: var(--turf); }
.wc-window-option strong { display: block; font: 1.8rem var(--font-display); color: var(--turf-2); }
.wc-window-option small { display: block; font: .64rem/1.7 var(--font-ledger); color: var(--ink-soft); }
.wc-window-option .wc-window-rank { color: var(--bunker-2); font: .6rem var(--font-caps); margin-bottom: .5rem; }
.wc-window-option .wc-state { margin-block: .7rem; }
.wc-window-empty { grid-column: 1 / -1; padding: 1rem; border: 1px dashed var(--rule); }
.wc-journey-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-top: 2rem; }
.wc-journey-head > p { font: italic 1.05rem var(--font-body); max-width: 21ch; color: var(--turf); text-align: right; }
.wc-round-journey { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 1.1rem; border: 1px solid var(--rule); background: var(--paper-glow); }
.wc-journey-stop { padding: 1rem; border-right: 1px solid var(--rule-soft); position: relative; }
.wc-journey-stop:last-child { border: 0; }
.wc-journey-stop::before { content: ''; display: block; width: .5rem; height: .5rem; border-radius: 50%; border: 1px solid var(--bunker); margin-bottom: .8rem; background: var(--paper); }
.wc-journey-stop h4 { font-size: 1.1rem; }
.wc-journey-stop time { font: .65rem var(--font-ledger); color: var(--ink-soft); }
.wc-journey-temp { display: block; font: 2rem var(--font-display); color: var(--turf); margin-block: .6rem; }
.wc-journey-stop p { font-size: .8rem; margin-block: .3rem; color: var(--ink-soft); }
.wc-journey-stop .wc-state { font-size: .6rem; }
.wc-pocket-note { display: flex; align-items: center; gap: 1rem; border-block: 1px solid var(--rule-soft); padding: 1rem 0; }
.wc-pocket-note > span { color: var(--botanical-sage); font-size: 2.7rem; }
.wc-pocket-note > div { flex: 1; }
.wc-pocket-note p { margin: .3rem 0; font-size: .9rem; }
.wc-pocket-note button, .wc-specimen-save { border: 1px solid var(--rule); background: transparent; color: var(--turf); padding: .7rem; font: .64rem var(--font-caps); cursor: pointer; min-height: 44px; }
.wc-method { font-size: .85rem; color: var(--ink-soft); margin-top: 1rem; }
.wc-method summary { cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.wc-notebook { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; padding: 1.6rem; margin: 1rem 0 1.5rem; }
.wc-notebook h2 { font-size: 1.7rem; font-weight: 400; }
.wc-notebook p { color: var(--ink-soft); font-size: .93rem; }
.wc-notebook textarea { display: block; resize: vertical; margin-block: .65rem; }
.wc-notebook form > div { display: flex; align-items: center; gap: .7rem; }
.wc-notebook [role="status"] { font: .62rem/1.5 var(--font-ledger); color: var(--ink-soft); }
.wc-specimen-save { margin: .7rem 1rem 1rem; }
.wc-specimen-save[aria-pressed="true"] { background: var(--fairway-light); border-color: var(--turf); }
@media (prefers-color-scheme: dark) { .wc-hero-specimen img { mix-blend-mode: normal; opacity: .88; } }
@media (max-width: 850px) {
  .wc-round-desk { grid-template-columns: 1fr; gap: 1rem; }
  .wc-editorial-hero .wc-home-hero-layout { grid-template-columns: 1.15fr 1fr; gap: .8rem; }
  .wc-hero-specimen img { height: 330px; }
  .wc-feature-triptych > a { padding: 1.3rem 1rem; }
  .wc-feature-triptych h2 { font-size: 1.4rem; }
}
@media (max-width: 600px) {
  .wc-editorial-hero .wc-home-hero-layout { grid-template-columns: 1fr; }
  .wc-editorial-hero h1 { font-size: clamp(2.7rem, 10vw, 3.8rem); }
  .wc-hero-specimen img { height: 250px; object-position: center 43%; }
  .wc-hero-specimen figcaption { padding-top: .5rem; }
  .wc-specimen-seal { right: .5rem; top: .5rem; width: 4.5rem; height: 4.5rem; font-size: .5rem; }
  .wc-hero-footnote { margin-top: 1rem; }
  .wc-round-desk { padding: 1.4rem; }
  .wc-round-desk form { grid-template-columns: 1fr; }
  .wc-feature-triptych { grid-template-columns: 1fr; }
  .wc-feature-triptych > a { border-right: 0; border-bottom: 1px solid var(--rule-soft); padding: 1.4rem .7rem; }
  .wc-feature-triptych h2 br { display: none; }
  .wc-round-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wc-round-controls [data-round-submit], .wc-round-controls [data-round-share] { grid-column: auto; }
  .wc-round-controls input, .wc-round-controls select { font-size: 16px; }
  .wc-window-options { grid-template-columns: 1fr; }
  .wc-window-option { display: grid; grid-template-columns: 1fr 1fr; column-gap: .5rem; }
  .wc-window-option .wc-window-rank { grid-column: 1 / -1; }
  .wc-window-option .wc-state { margin-block: .3rem; justify-self: end; }
  .wc-round-journey { grid-template-columns: repeat(2, 1fr); }
  .wc-journey-stop:nth-child(2) { border-right: 0; }
  .wc-journey-stop:nth-child(-n+2) { border-bottom: 1px solid var(--rule-soft); }
  .wc-journey-head { align-items: start; flex-direction: column; gap: 0; }
  .wc-journey-head > p { max-width: none; text-align: left; }
  .wc-pocket-note { flex-wrap: wrap; }
  .wc-pocket-note button { margin-left: 3rem; }
  .wc-notebook { grid-template-columns: 1fr; gap: 1rem; }
  .wc-notebook form > div { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; scroll-behavior: auto !important; } }
@media print {
  .wc-round-controls, .wc-window-options, .wc-round-discovery > .wc-section-head, .wc-round-discovery > .wc-small:first-of-type, .wc-pocket-note button, .wc-method, .wc-notebook, .wc-specimen-save, .wc-skip { display: none !important; }
  .wc-round-planner { break-inside: avoid; }
  .wc-round-planner, .wc-round-journey, .wc-journey-stop, .wc-round-verdict, .wc-round-metrics { background: white; color: black; box-shadow: none; }
  .wc-round-journey { grid-template-columns: repeat(4, 1fr); }
  .wc-round-status::before { display: none; }
}

/* Keep the primary entrance visible against the older mobile navigation rules. */
.wc-editorial-hero .wc-home-actions > a { display: inline-flex; }
.wc-editorial-hero .wc-home-actions > .wc-primary-link { color: var(--paper-light); }
.wc-home-course-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wc-home-course { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); min-height: 13rem; }
.wc-home-course img { width: 100%; }
.wc-home-course small { white-space: normal; font-size: .55rem; line-height: 1.6; }
.wc-home-course em { color: var(--ink-soft); font-size: .82rem; }
@media (max-width: 850px) { .wc-home-course-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .wc-home-course-rail { grid-template-columns: 1fr; } .wc-home-course { min-height: 11rem; } }
@media print {
  .wc-print-guide .wc-masthead, .wc-print-guide .wc-footer,
  .wc-print-guide main > :not(:has([data-round-planner])),
  .wc-print-guide main .wc-stack > :not([data-round-planner]) { display: none !important; }
  .wc-print-guide .wc-wrap { padding: 0; max-width: none; }
  .wc-print-guide .wc-round-planner { padding: .6rem; font-size: 10pt; }
  .wc-print-guide .wc-round-planner-head > a { display: none; }
  .wc-print-guide .wc-round-summary { grid-template-columns: .6fr 1.4fr; }
  .wc-print-guide .wc-round-metrics { grid-template-columns: repeat(3, 1fr); }
  .wc-print-guide .wc-round-discovery { padding-top: 0; margin-top: .5rem; }
  .wc-print-guide .wc-journey-head { margin-top: .5rem; flex-direction: row; }
}

.wc-print-identity { display: none; }
@media print {
  .wc-print-identity { display: block; font: .75rem var(--font-caps); color: #1b4b36; }
  .wc-print-guide { --paper: white; --paper-light: white; --paper-glow: white; --ink: #1f1a11; --ink-soft: #473d29; --ink-faint: #625539; --turf: #1b4b36; --turf-2: #0e2e21; --rule: #918978; --rule-soft: #ccc6b8; }
}