/* The navigator follows the printed field-guide identity. */
.nav16-page {
  --guide-ink: #173e2b;
  --guide-orange: #b74316;
  --guide-ivory: #fbf5e9;
  --guide-line: #b5b6a1;
  --guide-serif: Georgia, "Times New Roman", serif;
}
.guide {color:var(--guide-ink);background-color:var(--guide-ivory);padding:clamp(28px,4.8vw,68px) 0 clamp(48px,6vw,86px)}
.guide *, .guide *::after, .guide *::before {box-sizing:border-box}
.guide-shell {max-width:1300px;width:calc(100% - clamp(32px,10vw,150px));margin:auto}
.guide h1,.guide h2 {font-family:var(--guide-serif);font-weight:700;color:var(--guide-ink);font-style:normal}
.guide-heading {margin:0 0 clamp(23px,3.5vw,45px)}
.guide-kicker,.guide-stamp {display:inline-flex;align-items:center;gap:12px;color:#963809;font:800 12px/1.3 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.guide-kicker {font-size:clamp(12px,1.25vw,17px)}
.guide-rays {position:relative;width:17px;height:20px;font-size:0;background:linear-gradient(160deg,transparent 42%,#bf4b17 44% 58%,transparent 60%) right center / 11px 8px no-repeat}
.guide-rays::before,.guide-rays::after {content:"";position:absolute;width:9px;height:3px;background:#bf4b17;border-radius:2px;left:1px;top:1px;transform:rotate(-48deg)}
.guide-rays::after {top:auto;left:6px;bottom:0;transform:rotate(19deg)}
.guide-heading h1 {position:relative;width:fit-content;max-width:100%;z-index:0;font-size:clamp(43px,6.7vw,97px);line-height:1.04;letter-spacing:-.064em;margin:4px 0 0}
.guide-heading h1::after {content:"";position:absolute;z-index:-1;height:.095em;width:47%;bottom:-.035em;left:0;background:#f1bd50;transform:rotate(-2deg);border-radius:78% 61% 20% 36%}
.guide-entry {margin:0}
.guide-query {display:flex;align-items:center;gap:clamp(7px,1.5vw,20px);border:2px solid var(--guide-ink);border-radius:18px;padding:5px;background:#fffaf1}
.guide-query:focus-within {outline:3px solid #b87122;outline-offset:3px}
.guide-query>label {flex:0 0 29px;margin:0 0 0 14px;color:var(--guide-ink)}
.guide-query>label svg {width:100%;display:block;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round}
.guide-query textarea {font:500 clamp(16px,1.65vw,23px)/1.4 system-ui,sans-serif;display:block;align-self:center;min-width:0;width:100%;min-height:44px;padding:7px 0;margin:0;border:0;outline:0;box-shadow:none;border-radius:0;color:var(--guide-ink);resize:none;background:transparent;scrollbar-width:thin;box-sizing:border-box}
.guide-query textarea::placeholder {color:#5b685e;opacity:1}
.guide-primary,.guide-choice,.guide-action,.guide-secondary,.guide-examples button {cursor:pointer;border-radius:12px;font:700 clamp(17px,1.6vw,24px)/1.18 var(--guide-serif);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;max-width:100%;padding:12px 18px;text-decoration:none}
.guide-primary,.guide-choice.choice-1 {background:var(--guide-orange);color:#fff9ec;border:2px solid var(--guide-orange)}
.guide-primary {flex-shrink:0;min-height:51px;padding-inline:clamp(14px,2.3vw,32px)}
.guide-primary span[aria-hidden],.guide-choice span,.guide-action span,.guide-secondary span,.guide-examples button span {font-family:Arial,sans-serif;font-weight:500}
.guide-entry details summary,.guide-result details summary {cursor:pointer;width:fit-content;max-width:100%;color:var(--guide-ink);font:650 14px/1.4 system-ui,sans-serif;padding:11px 3px}
.guide-settings {margin:3px 0 9px}
.guide-settings summary {color:#495f50!important}
.guide-settings-fields {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:10px 0 18px}
.guide-settings-fields fieldset {border:0;margin:0;padding:0;min-width:0}
.guide-settings-fields label,.guide-settings-fields legend {display:block;margin:0 0 6px;color:var(--guide-ink);font:700 14px/1.4 system-ui,sans-serif}
.guide-settings-fields input,.guide-settings-fields select,.guide-item select {width:100%;min-width:0;font:500 16px/1.35 system-ui,sans-serif;background:#fffaf2;border:1px solid #8b9788;border-radius:8px;color:var(--guide-ink);min-height:44px;padding:7px 9px}
.guide-types {display:flex}
.guide-types button {flex:1;cursor:pointer;min-height:44px;background:transparent;color:var(--guide-ink);border:1px solid #899682;padding:6px;font:650 14px/1.3 system-ui,sans-serif}
.guide-types button:first-child {border-radius:8px 0 0 8px}
.guide-types button:last-child {border-radius:0 8px 8px 0;border-left:0}
.guide-types button[aria-pressed=true] {background:var(--guide-ink);color:white}
#finderOtherWrap {margin-top:10px}
.guide-text-button {font:650 14px/1.45 system-ui,sans-serif;background:none;border:0;padding:5px 0 14px;text-decoration:underline;cursor:pointer;color:var(--guide-ink)}
.guide-result {scroll-margin-top:136px;min-width:0}
.guide-panel {background:#fde397;border-radius:28px;display:grid;grid-template-columns:minmax(150px,.78fr) minmax(0,2.05fr);gap:clamp(20px,3.7vw,56px);align-items:center;padding:clamp(24px,3.8vw,55px);min-height:clamp(270px,28vw,385px);overflow:hidden}
.guide-panel-alert {background:#ffdfba}
.guide-art {min-width:0;display:grid;place-items:center}
.guide-art img,.guide-art svg {display:block;width:min(100%,290px);height:clamp(172px,19vw,275px);object-fit:contain;align-self:center}
.guide-art img {transform:scale(1.15);mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.guide-content {min-width:0}
#main .guide-content h2,#main #n16-title {font-size:clamp(36px,4.8vw,70px);line-height:1.04;letter-spacing:-.053em;margin:0 0 24px;text-wrap:balance}
.guide-content h2:focus {outline:none}
.guide-content h2:focus-visible {outline:none}
.guide-stamp {color:#72401a;font-size:11px;margin-bottom:9px}
.guide-choices,.guide-actions,.guide-examples {display:flex;align-items:stretch;flex-wrap:wrap;gap:9px}
.guide-choice,.guide-examples button {min-height:clamp(53px,5.5vw,73px);font-size:clamp(18px,2.2vw,30px);padding:12px clamp(14px,1.8vw,26px)}
#main :is(.guide-choice,.guide-examples button,.guide-primary,.guide-action,.guide-secondary) {font-family:var(--guide-serif);font-weight:700}
#main :is(.guide-choice,.guide-examples button) {font-size:clamp(18px,2.2vw,30px)}
#main :is(.guide-primary,.guide-action,.guide-secondary) {font-size:clamp(17px,1.6vw,24px)}
#main .guide-query textarea {font-size:clamp(16px,1.65vw,23px)}
.guide-choice.choice-0,.guide-action,.guide-examples button:first-child {background:var(--guide-ink);border:2px solid var(--guide-ink);color:#fff6df}
.guide-choice.choice-2,.guide-secondary,.guide-examples button {background:transparent;border:2px solid var(--guide-ink);color:var(--guide-ink)}
.guide-primary:hover,.guide-choice:hover,.guide-action:hover,.guide-examples button:hover,.guide-secondary:hover {filter:brightness(.9);text-decoration:underline;text-underline-offset:.17em}
.guide-advice {font:500 clamp(16px,1.5vw,20px)/1.45 system-ui,sans-serif;margin:-9px 0 16px;max-width:57ch;color:#304d38}
.guide-warnings {margin-top:18px;display:grid;gap:5px}
.guide-warnings p {display:flex;align-items:flex-start;gap:8px;margin:0;color:#4b4423;font:550 italic clamp(14px,1.4vw,18px)/1.45 system-ui,sans-serif}
.guide-warnings svg {width:1.35em;height:1.35em;flex-shrink:0;stroke:#aa4214;fill:none;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.guide-more-examples {margin-top:6px}
.guide-details {margin:7px 0 0;border-bottom:1px solid var(--guide-line)}
.guide-details-inner {max-width:760px;padding-bottom:16px}
.guide-item {display:grid;grid-template-columns:1fr auto minmax(140px,210px);gap:6px;align-items:center;padding:12px 0;border-top:1px solid #cfcbb7}
.guide-item strong,.guide-item small {display:block}
.guide-item small {color:#51654e}
.guide-sources,.guide-extras {display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin:12px 0}
.guide-sources a,.guide-extras button {background:none;color:var(--guide-ink);border:0;padding:6px 0;font:600 14px/1.4 system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.guide-shortcuts {display:flex;flex-wrap:wrap;gap:0 30px;margin:20px 0 0}
.guide-shortcuts a {display:inline-flex;align-items:center;gap:8px;padding:9px 0;color:var(--guide-ink);text-decoration:none;font:600 15px/1.35 system-ui,sans-serif}
.guide-shortcuts a:hover {text-decoration:underline}
.guide-shortcuts a>span {color:#944119;font:650 20px/1 Georgia,serif}
.guide-shortcuts i {font:400 14px/1 system-ui,sans-serif}
.guide button:focus-visible,.guide a:focus-visible,.guide summary:focus-visible,.guide select:focus-visible,.guide input:focus-visible {outline:3px solid #75461c;outline-offset:3px}
.nav16-page [hidden] {display:none!important}
@media(max-width:850px) {
  .guide-shell {width:calc(100% - 44px)}
  .guide-panel {grid-template-columns:minmax(120px,.7fr) minmax(0,2fr);gap:18px}
  .guide-settings-fields {grid-template-columns:1fr 1fr}
  .guide-choice,.guide-examples button {padding:10px 14px}
}
@media(max-width:650px) {
  .guide-shell {width:calc(100% - 32px)}
  .guide-result {scroll-margin-top:82px}
  .guide-query {border-radius:14px;gap:8px}
  .guide-query>label {margin-left:5px;flex-basis:21px}
  .guide-query textarea {font-size:16px}
  .guide-primary {font-size:16px;gap:6px;padding:10px;min-height:44px;border-radius:9px}
  .guide-settings {margin-bottom:5px}
  .guide-panel {grid-template-columns:1fr;gap:12px;justify-items:stretch;padding:18px 19px 22px;border-radius:18px}
  .guide-art img,.guide-art svg {height:132px;width:175px}
  #main .guide-content h2,#main #n16-title {font-size:clamp(32px,8.7vw,51px);margin-bottom:18px}
  .guide-choices {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .guide-choice {min-height:49px;padding:8px 3px;gap:4px;font-size:17px;border-radius:9px}
  .guide-actions,.guide-examples {gap:7px}
  .guide-action,.guide-secondary,.guide-examples button {font-size:17px;min-height:46px;padding:10px;gap:5px}
  #main :is(.guide-choice,.guide-action,.guide-secondary,.guide-examples button,.guide-primary) {font-size:17px}
  .guide-warnings {margin-top:13px}
  .guide-start .guide-art img {height:121px}
  .guide-item {grid-template-columns:1fr;gap:4px}
  .guide-item label {position:absolute}
  .guide-item select {max-width:270px}
  .guide-shortcuts {gap:0 16px;margin-top:10px}
  .guide-shortcuts a {font-size:14px}
}
@media(max-width:410px) {
  .guide-primary {font-size:15px;padding-inline:7px}
  #main .guide-primary {font-size:15px}
  #main .guide-choice {font-size:16px}
  .guide-primary span[aria-hidden] {display:none}
  .guide-settings-fields {grid-template-columns:1fr}
  .guide-choice {font-size:16px}
  .guide-choice span {display:none}
}