/* Approved Introduction and Fieldnotes styles, adapted to real document pages. */
:root { color-scheme: light dark; --paper: #f4f3e9; --ink: #203b2a; }
@media (prefers-color-scheme: dark) { :root { --paper: #1c231e; --ink: #e2ebd9; } }
html { background: var(--paper); color: var(--ink); }
body { margin: 0; }
* { box-sizing: border-box; }
a { color: inherit; }
a:focus-visible, summary:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
.skip-link { position: absolute; z-index: 50; top: 12px; left: 20px; transform: translateY(-180%); background: var(--paper); padding: 12px 18px; }
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

[hidden]{display:none!important}
.hf-site{--hf-paper:light-dark(#f4f3e9,#1c231e);--hf-ink:light-dark(#203b2a,#e2ebd9);--hf-soft:light-dark(#5a6c5e,#adbca8);--hf-line:light-dark(#cbd2bd,#435342);--hf-wash:light-dark(#e3e8d7,#2a362b);--hf-accent:light-dark(#64763d,#bbcd94);background:var(--hf-paper);color:var(--hf-ink);font:14px/1.6 Arial,Helvetica,sans-serif;padding:0 54px;min-height:930px;box-sizing:border-box;display:flex;flex-direction:column}
.hf-site *{box-sizing:border-box}
.hf-site h1,.hf-site h2,.hf-site h3,.hf-site p{margin:0;font-weight:400;color:inherit}
.hf-site a{color:inherit;text-decoration:none;text-underline-offset:5px}
.hf-site a:hover{text-decoration:underline}
.hf-site button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left}
.hf-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0 22px;border-bottom:1px solid var(--hf-line)}
.hf-brand{font:23px/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.8px}
.hf-nav{display:flex;gap:26px;margin-right:76px}
.hf-nav a{font-size:13px;color:var(--hf-soft);padding:9px 0;border-bottom:1px solid transparent}
.hf-nav [aria-current=page]{color:var(--hf-ink);border-bottom-color:var(--hf-ink)}
.hf-label{font:11px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:1.5px;color:var(--hf-soft)}
.hf-intro-hero{padding:64px 0 61px}
.hf-location-line{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.hf-intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:end;margin-top:35px}
.hf-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,7.5vw,82px);line-height:1.03;letter-spacing:-3.5px;font-weight:400}
.hf-title em{font-weight:400;color:var(--hf-accent)}
.hf-copy{font-size:17px;line-height:1.8;max-width:420px}
.hf-copy p+p{margin-top:16px}
.hf-copy-small{font-size:14px;line-height:1.75;color:var(--hf-soft)}
.hf-ways-label{border-top:1px solid var(--hf-line);padding:21px 0 25px}
.hf-paths{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding-bottom:45px}
.hf-path{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;min-width:0}
.hf-path-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.hf-path-title{display:block;font:34px/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.8px}
.hf-arrow{font-size:25px;color:var(--hf-accent)}
.hf-path-description{display:block;font-size:14px;line-height:1.7;color:var(--hf-soft);margin-top:12px;max-width:320px}
.hf-path:hover .hf-path-title{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.hf-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 30px;border-top:1px solid var(--hf-line);margin-top:auto}
.hf-signoff{font:italic 21px/1.4 Georgia,serif}
.hf-contact{display:flex;gap:25px;flex-wrap:wrap;font-size:12px}
.hf-role{font-size:12px!important;color:var(--hf-ink)!important;margin-bottom:7px!important}
@media(pointer:coarse){.hf-site button,.hf-site a{min-height:44px}.hf-site a{display:inline-flex;align-items:center}}

    #yx-fieldnotes{--yxf-paper:light-dark(#f4f3e9,#1c231e);--yxf-ink:light-dark(#203b2a,#e2ebd9);--yxf-soft:light-dark(#5a6c5e,#adbca8);--yxf-line:light-dark(#cbd2bd,#435342);--yxf-wash:light-dark(#e3e8d7,#2a362b);--yxf-accent:light-dark(#64763d,#bbcd94);box-sizing:border-box;background:var(--yxf-paper);color:var(--yxf-ink);font-family:Arial,sans-serif;font-size:14px;line-height:1.55;padding:0 54px;min-height:1350px}
    #yx-fieldnotes *,#yx-fieldnotes *::before,#yx-fieldnotes *::after{box-sizing:border-box}
    #yx-fieldnotes h1,#yx-fieldnotes h2,#yx-fieldnotes h3,#yx-fieldnotes p{margin:0;font-weight:400}
    #yx-fieldnotes button,#yx-fieldnotes a{font:inherit;color:inherit}
    #yx-fieldnotes a{text-underline-offset:5px;text-decoration-thickness:1px}
    #yx-fieldnotes .yxf-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 0 22px;border-bottom:1px solid var(--yxf-line)}
    #yx-fieldnotes .yxf-wordmark{font-family:Georgia,serif;font-size:23px;letter-spacing:-.8px}
    #yx-fieldnotes .yxf-nav{display:flex;gap:24px;margin-right:76px}
    #yx-fieldnotes .yxf-nav a{background:none;border:0;padding:8px 0;color:var(--yxf-soft);font-size:13px}
    #yx-fieldnotes .yxf-nav [aria-current=page]{border-bottom:1px solid var(--yxf-ink);color:var(--yxf-ink)}
    #yx-fieldnotes .yxf-overline{font-family:"Courier New",monospace;font-size:11px;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;color:var(--yxf-soft)}
    #yx-fieldnotes .yxf-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:52px 0 42px;align-items:end}
    #yx-fieldnotes .yxf-hero h1{font-family:Georgia,serif;font-size:65px;letter-spacing:-3.4px;line-height:1.02;margin-top:19px}
    #yx-fieldnotes .yxf-hero h1 em{font-weight:400;color:var(--yxf-accent)}
    #yx-fieldnotes .yxf-hero-note{font-size:15px;line-height:1.75;max-width:370px}
    #yx-fieldnotes .yxf-location{margin-top:22px;font-size:12px;color:var(--yxf-soft)}
    #yx-fieldnotes .yxf-themes{display:flex;align-items:center;gap:19px;flex-wrap:wrap;border-top:1px solid var(--yxf-line);border-bottom:1px solid var(--yxf-line);padding:14px 0;color:var(--yxf-soft);font-size:12px}
    #yx-fieldnotes .yxf-themes span+span:before{content:"/";margin-right:19px;color:var(--yxf-accent)}
    #yx-fieldnotes .yxf-body{display:grid;grid-template-columns:142px minmax(0,1fr);gap:35px;padding-top:43px}
    #yx-fieldnotes .yxf-margin{padding-top:5px}
    #yx-fieldnotes .yxf-margin p+p{font-family:Georgia,serif;font-style:italic;font-size:19px;line-height:1.35;margin-top:12px;color:var(--yxf-soft)}
    #yx-fieldnotes .yxf-chapters{border-left:1px solid var(--yxf-line);padding-left:30px}
    #yx-fieldnotes .yxf-job{position:relative;padding:0 0 30px;margin-bottom:26px;border-bottom:1px solid var(--yxf-line)}
    #yx-fieldnotes .yxf-job:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
    #yx-fieldnotes .yxf-job::before{content:"";position:absolute;left:-35px;top:9px;width:9px;height:9px;border:1px solid var(--yxf-accent);background:var(--yxf-paper);border-radius:50%}
    #yx-fieldnotes .yxf-job:first-child::before{background:var(--yxf-accent)}
    #yx-fieldnotes .yxf-job-top{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap}
    #yx-fieldnotes .yxf-job h2{font-family:Georgia,serif;font-size:30px;line-height:1.1;letter-spacing:-.7px}
    #yx-fieldnotes .yxf-date{font-family:"Courier New",monospace;font-size:11px;color:var(--yxf-soft);white-space:nowrap}
    #yx-fieldnotes .yxf-role{font-size:12px;color:var(--yxf-soft);margin:7px 0 13px}
    #yx-fieldnotes .yxf-achievement{font-size:14px;line-height:1.65;max-width:600px}
    #yx-fieldnotes .yxf-achievement strong{font-weight:600}
    #yx-fieldnotes details{margin-top:12px;font-size:13px;color:var(--yxf-soft)}
    #yx-fieldnotes summary{width:fit-content;padding:2px 0;color:var(--yxf-ink);font-size:12px}
    #yx-fieldnotes details p{padding-top:10px;line-height:1.65}
    #yx-fieldnotes .yxf-foundation{display:grid;grid-template-columns:142px minmax(0,1fr);gap:35px;margin-top:38px;padding-top:27px;border-top:1px solid var(--yxf-line)}
    #yx-fieldnotes .yxf-foundation-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}
    #yx-fieldnotes .yxf-foundation h3{font-family:Georgia,serif;font-size:20px;margin-bottom:12px}
    #yx-fieldnotes .yxf-school{font-size:13px;line-height:1.6}
    #yx-fieldnotes .yxf-school+.yxf-school{margin-top:12px}
    #yx-fieldnotes .yxf-school span{display:block;font-size:12px;color:var(--yxf-soft)}
    #yx-fieldnotes .yxf-tools{font-size:13px;line-height:2;color:var(--yxf-soft)}
    #yx-fieldnotes .yxf-footer{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:30px 0;margin-top:37px;border-top:1px solid var(--yxf-line)}
    #yx-fieldnotes .yxf-footer p{font-family:Georgia,serif;font-style:italic;font-size:21px}
    #yx-fieldnotes .yxf-contact{display:flex;gap:23px;font-size:12px;flex-wrap:wrap}
    @media(max-width:700px){#yx-fieldnotes{padding:0 28px}#yx-fieldnotes .yxf-nav{margin-right:0;gap:18px}#yx-fieldnotes .yxf-hero{grid-template-columns:1fr;gap:25px;padding:34px 0}#yx-fieldnotes .yxf-hero h1{font-size:58px}#yx-fieldnotes .yxf-hero-note{max-width:100%}#yx-fieldnotes .yxf-body,#yx-fieldnotes .yxf-foundation{grid-template-columns:1fr;gap:22px}#yx-fieldnotes .yxf-margin{display:flex;align-items:baseline;gap:14px}#yx-fieldnotes .yxf-margin p+p{margin:0;font-size:17px}#yx-fieldnotes .yxf-foundation-grid{gap:24px}#yx-fieldnotes .yxf-footer{align-items:flex-start;flex-direction:column}}
    @media(max-width:400px){#yx-fieldnotes{padding:0 20px}#yx-fieldnotes .yxf-header{gap:12px;align-items:flex-start;flex-direction:column;padding-top:22px}#yx-fieldnotes .yxf-nav{gap:24px}#yx-fieldnotes .yxf-hero h1{font-size:54px}#yx-fieldnotes .yxf-themes{gap:10px}#yx-fieldnotes .yxf-themes span+span:before{margin-right:10px}#yx-fieldnotes .yxf-chapters{padding-left:21px}#yx-fieldnotes .yxf-job::before{left:-26px}#yx-fieldnotes .yxf-job-top{gap:6px}#yx-fieldnotes .yxf-foundation-grid{grid-template-columns:1fr}}
    @media(pointer:coarse){#yx-fieldnotes .yxf-nav a,#yx-fieldnotes summary,#yx-fieldnotes .yxf-contact a{min-height:44px;display:inline-flex;align-items:center}}
  
/* Standalone-page sizing; the mockup's extra mobile height is a preview-only constraint. */
.site-frame, #yx-fieldnotes.site-frame { max-width: 1160px; margin-inline: auto; min-height: 100svh; display: flex; flex-direction: column; }
.hf-site.site-frame { min-height: 100svh; }
.hf-brand, .yxf-wordmark { text-decoration: none; }
.hf-nav a, #yx-fieldnotes .yxf-nav a { text-decoration: none; display: inline-flex; align-items: center; min-height: 40px; }
.hf-path:hover { text-decoration: none !important; }
#yx-fieldnotes .yxf-footer { margin-top: 80px; }
#yx-fieldnotes summary { cursor: pointer; }
#yx-fieldnotes .yxf-job .yxf-role { margin: 7px 0 13px; }
.travel-intro { padding: 64px 0 48px; }
.travel-intro h1 { font: 65px/1.08 Georgia, serif !important; letter-spacing: -2.5px; margin: 20px 0 24px !important; }
.travel-intro h1 em { color: var(--hf-accent); }
.travel-intro p:last-child { font-size: 17px; line-height: 1.8; max-width: 530px; }
.trip-list { padding: 0 0 65px; margin: 0; list-style: none; }
.trip-list li { border-top: 1px solid var(--hf-line); }
.trip-list li:last-child { border-bottom: 1px solid var(--hf-line); }
.trip-link { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 0; }
.trip-link:hover { text-decoration: none !important; }
.trip-title { display: block; font: 29px/1.35 Georgia, serif; letter-spacing: -.5px; }
.trip-link:hover .trip-title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 7px; }
.trip-description { display: block; margin-top: 8px; color: var(--hf-soft); font-size: 14px; }
.trip-arrow { font-size: 26px; color: var(--hf-accent); }
@media (max-width: 800px) {
 .hf-site { padding: 0 35px; } .hf-nav { margin-right: 25px; }
 .hf-intro-grid { gap: 35px; } .hf-title { font-size: 66px; } .hf-copy { font-size: 15px; } .hf-paths { gap: 35px; }
}
@media (max-width: 600px) {
 .hf-site { padding: 0 24px; } .hf-header { flex-wrap: wrap; gap: 13px; padding-top: 25px; }
 .hf-brand { width: 100%; } .hf-nav { margin: 0; gap: 25px; }
 .hf-intro-hero { padding: 39px 0; } .hf-location-line { gap: 6px; flex-direction: column; }
 .hf-intro-grid { grid-template-columns: 1fr; gap: 27px; margin-top: 27px; }
 .hf-title { font-size: clamp(53px, 16.6vw, 65px); letter-spacing: -2.8px; } .hf-copy { font-size: 16px; line-height: 1.8; }
 .hf-paths { grid-template-columns: 1fr; gap: 29px; padding-bottom: 38px; }
 .hf-path + .hf-path { border-top: 1px solid var(--hf-line); padding-top: 28px; }
 .hf-path-title { font-size: 31px; } .hf-path-description { font-size: 14px; max-width: 100%; }
 .hf-footer { flex-direction: column; align-items: flex-start; gap: 18px; padding: 24px 0 28px; }
 .travel-intro { padding: 39px 0; } .travel-intro h1 { font-size: 51px !important; }
 .trip-title { font-size: 26px; } .trip-description { line-height: 1.7; }
}
@media (pointer: coarse) {
 .hf-nav a, #yx-fieldnotes .yxf-nav a, .hf-contact a, #yx-fieldnotes .yxf-contact a { min-height: 44px; display: inline-flex; align-items: center; }
 #yx-fieldnotes summary { min-height: 44px; padding-block: 12px; }
}
@media print {
 :root { color-scheme: light; } .site-frame { max-width: none; min-height: auto !important; }
 .skip-link, nav, footer { display: none !important; }
 #yx-fieldnotes .yxf-job { break-inside: avoid; }
}