/* WAYMINT Fieldnotes: warm paper, forest ink and a restrained reading grid. */
:root{--paper:#f6f3ec;--ink:#193d34;--muted:#52675d;--line:#d8dcd0;--green:#1d5945}
body{background:var(--paper)}
.wrap{max-width:1380px;padding-inline:56px}
.header{height:90px;border-bottom:1px solid #bac8b8}
.header .wordmark{font-size:27px;letter-spacing:-1.5px}
.nav{font-size:14px;gap:30px}
.lang{background:transparent;border-color:#b9c7b7;font-size:13px}
.hero{grid-template-columns:1.06fr 1fr;gap:54px;min-height:0;padding-bottom:34px}
.hero-copy{padding:42px 0 0}
.hero-copy .eyebrow{font-size:12px;letter-spacing:1.2px;color:#516449;margin-bottom:23px}
.hero-copy .eyebrow:before{height:16px;width:3px;border-radius:0;background:#a56b38}
.hero-copy h1{font-family:Georgia,'Noto Serif SC','Source Han Serif SC','Songti SC',SimSun,serif;font-size:clamp(40px,4.25vw,61px);line-height:1.32;letter-spacing:-1.5px;font-weight:500;margin-bottom:22px}
.hero-copy h1 em{color:#4d6c44;font-style:normal}
.hero-copy .intro{font-size:16px;line-height:1.9;max-width:475px;margin-bottom:20px;color:#4e6256}
.question-links{display:flex;gap:8px 20px;flex-wrap:wrap;margin:0 0 24px;width:100%;font-size:14px}
.question-links a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #839278;gap:12px}
.question-links a:after{content:'↗';color:#6e805e}
.question-links a:hover{color:#996133;border-color:#996133}
.invite-ticket{max-width:470px;padding:19px 22px;background:#edeedc;border:1px solid #bcc8aa;border-radius:3px;box-shadow:4px 4px 0 #e2e4d1}
.perk{font-size:13px;line-height:1.65;color:#445b41;margin-bottom:14px;flex-wrap:wrap}
.perk strong{font-size:12px;background:#dce3c8;color:#395333;border-radius:2px}
.invite-label{font-size:12px;letter-spacing:.65px;color:#536349}
.code{font-size:30px;letter-spacing:3px}
.copy{font-size:13px;border:1px solid #c2ceb0;border-radius:3px;box-shadow:none;min-height:44px}
.copy:hover{transform:none;background:#fcfcf3}
.referral-entry{border-radius:3px;min-height:60px;background:#1d5945;padding:13px 16px;margin-top:15px}
.referral-entry span{font-size:15px}
.referral-entry small{font-size:12px;line-height:1.65;color:#edf1df}
.referral-disclosure{font-size:13px;line-height:1.7;color:#4f5e43}
.hero-copy .footnote{font-size:13px;line-height:1.75;color:#56644e;max-width:470px;margin:13px 0 16px}
.hero-copy>.action{background:transparent;color:var(--ink);border-bottom:1px solid #81916f;border-radius:0;box-shadow:none;padding:8px 0;min-height:44px;font-size:14px}
.hero-copy>.action:hover{transform:none;color:#996133}
.recommend{font-size:13px;align-items:baseline;gap:10px;margin-top:12px;flex-wrap:wrap}
.recommend-label{font-size:12px;color:#5f7156}
.recommend .editor-pick{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.hero-visual{margin:34px 0 0;border-radius:3px;background:#193f33;box-shadow:none;align-self:stretch}
.board{border-radius:0;min-height:0;padding:30px 28px 22px;background:#193f33;flex:1}
.board-top{font-size:11px;color:#d4dfc8;letter-spacing:1.5px}
.board-top .edition{font-size:11px;border-radius:0;border-color:#8ba282}
.chapter-watermark{font-family:Georgia,serif;font-size:185px;letter-spacing:-13px;color:#eef0d80a;top:32px}
.board-heading{font-size:27px;line-height:1.5;letter-spacing:-.4px;margin:28px 0 12px;font-weight:500}
.board-desc{font-size:14px;line-height:1.8;color:#c2d5be}
.transfer{transform:none;border-radius:2px;background:#f9f8ed;box-shadow:0 10px 0 #102f2855;margin:28px 0 0;padding:24px 22px}
.hero-visual:hover .transfer{transform:none}
.transfer-head,.transfer-head strong,.transfer-head span{font-size:12px;color:#526044}
.endpoint small{font-size:12px;color:#5f7052}
.network{font-size:12px;white-space:normal;overflow-wrap:anywhere;padding:8px;border-radius:2px;color:#425d37}
.network-row{align-items:stretch;gap:10px}
.match{font-size:13px;color:#526846}
.note-strip{transform:none;max-width:100%;margin:22px 0 0;border-radius:2px;background:#e4c5a3;font-size:13px;line-height:1.8;padding:14px;color:#5b432a}
.board-bottom{font-size:12px;line-height:1.8;margin-top:25px;color:#baccaf}
.board-bottom span:last-child{font-size:11px}
.steps{border-radius:0;padding:10px;gap:6px;border-top:1px solid #53715b;background:#16382e}
.step{border-radius:2px;min-height:74px;padding:12px 15px}
.step small{font-size:11px}.step span{font-size:13px}
.below{grid-template-columns:.75fr 2fr;gap:40px;padding:38px 0;border-top:1px solid #bac8b8}
.section-kicker{font-size:11px;letter-spacing:1px;color:#61734f}
.below h2{font-size:26px;line-height:1.5}
.below p{font-size:14px;line-height:1.8;color:#59684e}
.routes{border:0;border-radius:0;background:transparent;min-height:160px}
.route,.route:first-child{position:relative;background:transparent;border-right:1px solid #c7ceba;padding:18px 20px}
.route:last-child{border-right:0}.route:hover{background:#ebeede}
.route-number{font-family:Georgia,serif;font-size:16px;color:#7a865f;margin-bottom:13px}
.route strong{font-size:16px;font-weight:500;color:#2f4d38}.route p{font-size:13px;color:#5c6b50}
.route .arrow{border:0;border-radius:0;font-size:21px}
.directory-intro h2,.home-tools h2{font-family:Georgia,'Songti SC',SimSun,serif;font-weight:500}
.home-directory{padding:40px 0 46px}
.directory-columns{gap:36px}.directory-group h3{font-size:16px}
.directory-group li a{font-size:15px;line-height:1.8}
.home-tools{background:#e8ecda;border-top:1px solid #c5cfb6;border-bottom:1px solid #c5cfb6;padding:30px 26px;margin-bottom:38px;gap:26px}
.home-tools p{font-size:14px;color:#526448}.home-tools>a{font-size:15px}
.footer{align-items:start;padding-block:28px}.footer small{display:block;font-size:13px;line-height:1.85;color:#58684f;max-width:660px}
.footer-links{gap:8px 18px}.footer-links a{font-size:13px;line-height:1.7;min-height:44px;display:inline-flex;align-items:center}
.article-head{max-width:960px;padding-top:32px}
.article-head h1{font-size:clamp(30px,3.8vw,47px);line-height:1.45;letter-spacing:-.8px}
.article-deck{font-size:17px;line-height:1.9;max-width:800px;color:#526255}
.article-meta{font-size:13px;line-height:1.8;gap:10px 20px}
.article-grid{grid-template-columns:minmax(180px,230px) minmax(0,780px);gap:48px;justify-content:space-between}
.article-grid>aside{min-width:0}.article-body{min-width:0}
.article-toc{background:#eeefdf;border:1px solid #d2dac4;border-radius:2px;padding:18px 20px}
.article-toc summary{font-size:15px;min-height:44px;display:list-item;align-content:center}
.article-toc nav a{font-size:14px;line-height:1.75;min-height:44px;padding-block:9px}
.prose{font-size:17px;line-height:1.95;color:#2e4539}
.prose>p{margin:0 0 22px}.prose h2{font-size:27px;line-height:1.5;letter-spacing:-.4px;padding-top:16px;margin-top:44px;border-top:1px solid #d3dac8}
.prose h3{font-size:21px;line-height:1.65;margin-top:30px}
.prose a{text-underline-offset:4px}.prose td,.prose th{font-size:15px;line-height:1.8}
.prose .article-screenshot{border-radius:2px;margin-block:28px;background:#eeefdf}
.prose .article-screenshot figcaption{font-size:13px;line-height:1.85;padding:16px 20px;background:#eeefdf}
.prose .article-screenshot img{object-fit:contain}
.prose .note,.invite-panel{border-radius:2px}.prose details{margin-block:14px}.prose summary{min-height:44px}
.article-diagram{border-radius:2px}.reading-row{padding-block:25px}.reading-row h2{line-height:1.6}
.reading-no{font-family:Georgia,serif;font-size:25px;color:#6e8058}
.reading-row p{font-size:15px;line-height:1.85}.category-label{font-size:12px}
.breadcrumbs{font-size:13px;min-height:44px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.referral-direct{font-size:13px;overflow-wrap:anywhere}
html[lang=en] .hero-copy h1,html[lang=es] .hero-copy h1{font-family:Georgia,serif;font-size:clamp(40px,4.3vw,60px);line-height:1.14;letter-spacing:-1.3px}
html[lang=en] .hero-copy .intro,html[lang=es] .hero-copy .intro{font-size:16px;line-height:1.8}
html[lang=en] .hero-copy>.action,html[lang=es] .hero-copy>.action{background:#1d5945;color:#fff;border:0;padding:14px 20px;border-radius:2px;font-size:15px}
.locale-board-list li b{font-size:15px}.locale-board-list li p{font-size:13px;line-height:1.75}
@media(max-width:1100px){.wrap{padding-inline:34px}.hero{gap:30px}.board{padding:28px 22px}.board-heading{font-size:24px}.article-grid{gap:30px;grid-template-columns:200px minmax(0,1fr)}.nav{gap:22px}}
@media(max-width:760px){
 .wrap{padding-inline:22px}.header{height:auto;min-height:106px;padding:15px 0 6px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}
 .header .wordmark{font-size:25px}.header-tools{grid-column:2;grid-row:1}.header .nav{display:flex;grid-column:1/-1;grid-row:2;gap:22px;font-size:13px;overflow-x:auto;max-width:100%;white-space:nowrap;padding-bottom:3px}
 .nav a{padding:10px 0;min-height:44px}.nav a[aria-current]:after{bottom:4px}
 .lang{font-size:12px;max-width:125px;padding:10px 22px 10px 12px}.motion-toggle{display:none!important}
 .hero{display:flex;flex-direction:column;gap:0;padding-bottom:24px}
 .hero-copy,html[lang=en] .hero-copy,html[lang=es] .hero-copy{padding:28px 0 24px}
 .hero-copy h1{font-size:39px;letter-spacing:-1px;line-height:1.42;margin-bottom:15px}
 .hero-copy .eyebrow{font-size:12px;margin-bottom:16px}.hero-copy .intro{font-size:16px;line-height:1.85;margin-bottom:12px}
 .question-links{gap:2px 18px;font-size:14px;margin-bottom:16px}
 .invite-ticket{padding:16px 18px;max-width:none}.perk{font-size:13px;gap:6px 10px}.perk strong{font-size:12px}
 .invite-label{font-size:12px}.code{font-size:29px}.copy{font-size:13px;min-width:82px}
 .referral-entry{min-height:64px}.referral-entry span{font-size:15px}.referral-entry small{font-size:12px}.referral-disclosure{font-size:13px}
 .hero-copy .footnote{font-size:13px;margin-block:12px}.recommend{flex-wrap:wrap;gap:0 10px}.recommend-label{font-size:12px}
 .hero-visual{margin:0;min-height:0;border-radius:2px}.board{min-height:0;padding:26px 22px}.board-heading{font-size:25px;margin-top:22px}.board-desc{font-size:14px}
 .transfer{margin-top:25px;padding:21px 18px}.network{font-size:11px;line-height:1.6}.endpoint strong{font-size:24px}.endpoint small{font-size:12px}
 .note-strip{font-size:13px;max-width:100%;margin-top:20px;padding:12px}.board-bottom{font-size:12px;gap:14px}.step span{font-size:13px}.step small{font-size:11px}
 .below{display:block;padding:30px 0}.below>div:first-child{margin-bottom:18px}.below h2{font-size:26px}.below p{font-size:14px}
 .routes{display:flex;flex-direction:column}.route,.route:first-child{grid-template-columns:35px 1fr;display:grid;border-right:0;border-bottom:1px solid #c7ceba;padding:20px 40px 20px 0;gap:2px 14px}
 .route-number{font-size:18px;margin:0;grid-row:span 2}.route strong{font-size:17px}.route p{font-size:14px}.route .arrow{right:7px}
 .directory-columns{gap:26px}.directory-group li a{font-size:16px}.home-tools{padding:24px 20px}.home-tools>a{min-height:52px}
 .article-head{padding-top:20px}.article-head h1{font-size:31px;line-height:1.48;letter-spacing:-.5px}.article-deck{font-size:16px;line-height:1.9}.article-meta{font-size:13px}
 .article-grid{display:block}.article-toc{margin-bottom:28px;padding:10px 17px}.article-toc summary{font-size:15px}.article-toc nav a{font-size:14px;min-height:44px}
 .prose{font-size:17px;line-height:1.95}.prose h2{font-size:25px;margin-top:36px}.prose h3{font-size:20px}.prose td,.prose th{font-size:14px}
 .prose .article-screenshot figcaption{font-size:13px;padding:14px}.footer{gap:18px}.footer small{font-size:13px}.footer-links a{font-size:13px}
 html[lang=en] .hero-copy h1,html[lang=es] .hero-copy h1{font-size:43px;line-height:1.13}
}
@media(max-width:380px){.wrap{padding-inline:18px}.hero-copy h1{font-size:35px}.header .nav{gap:18px}.board{padding-inline:18px}.steps{gap:4px}.step{padding-inline:11px}.network{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual:hover .transfer{transform:none}}

/* touch target: the byline link in .article-meta was 23px tall (audit 2026-09-07) */
.article-meta a{display:inline-flex;align-items:center;min-height:44px}

/* 360px: refined.css dropped the section kicker to 9px on every non-home page;
   restore the component's own 11px base (audit 2026-09-07) */
@media(max-width:380px){.eyebrow{font-size:11px}}