/* ABOUTME: A practical field notebook with tabbed days and ruled entries. */
/* ABOUTME: Kraft covers and a restrained orange label carry the visual identity. */
:root{--paper:#f6efdd;--surface:#f6efdd;--ink:#29392f;--muted:#656957;--line:#c5c6af;--accent:#984020;--soft:#e9dfc4;--warm:#984020;--serif:var(--sans)}
.experience{background:#d8c7a2;padding:30px 3%}.app-surface{background:var(--paper);padding:0 4%;border-left:12px solid #343e31;box-shadow:7px 9px 0 #a79676;position:relative}.site-header{min-height:76px;border-bottom:1px solid var(--ink)}.header-caption{font-family:monospace}.brand strong{font-weight:800}.button{border-radius:0}.hero{display:grid;grid-template-columns:35% 1fr;gap:7%;padding:30px 0}.book-label{border:2px solid var(--ink);padding:22px}.book-word{font:900 clamp(35px,5.6cqw,76px)/.94 Arial,sans-serif;letter-spacing:-.06em;margin:22px 0 28px}.book-edition{display:block;border-top:1px solid var(--ink);padding-top:14px;font-size:11px;letter-spacing:.12em}.book-details{padding:10px 0}.book-details .destination-label{border-bottom:1px solid var(--line);padding-bottom:13px}.hero h1{font:700 clamp(28px,3.15cqw,44px)/1.45 var(--sans);margin:21px 0 15px}.hero-description{font-size:13px}.trip-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.field-signature{display:flex;gap:15px;font-size:12px;margin-top:20px}.field-signature span{font-family:var(--serif);border-bottom:1px solid var(--ink);flex:1}.together-strip{border-top:1px solid var(--line);padding:12px 0}.together-strip p{font-size:11px}.main-tabs{min-height:58px;border-bottom:1px solid var(--ink);gap:0}.main-tabs button{border:1px solid var(--line);border-bottom:0;margin-top:14px;padding:10px 22px}.main-tabs button[aria-current]{background:#e7dcc0;border-color:var(--ink)}.main-tabs button span{display:none}.content-layout{grid-template-columns:160px minmax(0,1fr);gap:28px;padding:30px 0 45px}.day-button{border:1px solid var(--line);border-radius:0;grid-template-columns:26px 1fr;padding:12px 9px}.day-button svg{display:none}.day-button.selected{border-left:5px solid var(--accent);background:#e9dfc4}.day-number{font:600 23px monospace}.sidebar-note{border:0;border-top:1px solid var(--line);padding:15px 0}.sidebar-note .eyebrow{font-size:10px}.sidebar-note h3{font-size:17px;font-weight:600}.section-heading{padding-bottom:18px;border-bottom:2px solid var(--ink);margin-bottom:0}.section-heading h2{font:700 28px/1.5 var(--sans)}.day-counter{font:20px monospace;padding-top:6px}.slot{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;margin:0;padding:18px 0;border-bottom:1px solid var(--line)}.slot-label{display:block;padding-top:5px;font-weight:600;font-size:13px}.slot-index{display:block;font:12px monospace;color:var(--accent);margin-bottom:5px}.slot-icon{display:none}.entry{border:0;border-bottom:1px dashed var(--line);margin:0 0 18px;padding:0 0 17px;background:linear-gradient(transparent 31px,#d4d3bd55 32px);background-size:100% 32px}.entry-time{font:12px/1.7 monospace;color:var(--accent);padding-right:30px}.entry-time svg{display:none}.entry h3{font-size:16px;line-height:1.9}.entry-description{line-height:32px;margin-top:0;font-size:13px}.entry-edit{right:-9px;top:-5px}.add-entry{border:0;padding:4px 0;min-height:36px}.entry-footer{margin-top:8px}.readiness{border-radius:0}.check-table-scroll,.state-button{border-radius:0}.footer-brand small{font-family:monospace}
@container experience (max-width:1000px){.content-layout{grid-template-columns:150px minmax(0,1fr);gap:20px}.hero{grid-template-columns:37% 1fr;gap:5%}.book-label{padding:18px}}
@container experience (max-width:700px){.experience{padding:18px 3%}.app-surface{border-left-width:6px;padding:0 5%;box-shadow:4px 5px 0 #a79676}.hero{display:block;padding:22px 0 15px}.book-label{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px}.book-word{font-size:46px;grid-row:1 / 3;grid-column:1;margin:0}.book-label .hero-kicker{grid-column:2;max-width:100px;font-size:10px}.book-edition{grid-column:2;font-size:10px;align-self:end}.book-details{padding-top:25px}.hero h1{font-size:30px}.field-signature{font-size:11px;gap:8px}.trip-meta{gap:10px}.content-layout{display:block;padding-top:22px}.main-tabs button{padding:10px 12px;font-size:12px;flex:1;justify-content:center}.main-tabs{gap:0}.day-nav{gap:5px}.day-button{display:block;text-align:center;padding:10px 2px}.day-button.selected{border-left:1px solid var(--line);border-top:4px solid var(--accent);padding-top:7px}.day-number{display:block;font-size:21px}.day-button small{font-size:9px}.section-heading h2{font-size:24px}.day-counter{display:none}.slot{display:block}.slot-label{display:flex;gap:10px;padding:0 0 15px}.slot-index{margin:0}.entry h3{font-size:16px}.entry-description{font-size:13px}.header-actions .button{padding:8px}.header-actions svg{display:none}}