:root{--page:#FBF9F4;--card:#FFFFFF;--ink:#1F2119;--text:#4C5044;--olive:#4E6B2E;--deep:#2E4019;--rust:#8A4A22;--line:#DFDACE;--r:3px;--hold:70rem;--read:62ch}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{background:var(--page);color:var(--text);font-family:"Mukta",system-ui,sans-serif;font-size:1.06rem;line-height:1.72}
h1,h2,h3,.mark-a,.quad-h,.note-h,.note-sub,.fact-key,.land-group h3{font-family:"Andada Pro",Georgia,serif;color:var(--ink)}
h1{font-weight:700;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.08;margin:0 0 .7rem}
h2{font-weight:700;font-size:clamp(1.4rem,2.6vw,1.95rem);line-height:1.18;margin:0 0 .5rem}
h3{font-weight:700;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.2;margin:0 0 .2rem}
p{margin:0 0 1rem}
a{color:var(--olive)}
a:hover{color:var(--rust)}
a:focus-visible{outline:3px solid var(--rust);outline-offset:3px}
.body-hold{width:100%;max-width:var(--hold);margin:0 auto;padding:0 1.25rem}
.top-strip{background:var(--card);border-bottom:1px solid var(--line);padding:1.1rem 0 0}
.mark-a{display:inline-block;font-weight:700;font-size:1.3rem;text-decoration:none;margin-bottom:.8rem}
.menu-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.menu-scroll ul{list-style:none;margin:0;padding:0 0 .7rem;display:flex;gap:1.4rem;white-space:nowrap}
.menu-item2{font-weight:600;font-size:.99rem;text-decoration:none;color:var(--ink);padding-bottom:.3rem;border-bottom:2px solid transparent}
.menu-item2[aria-current="page"]{color:var(--olive);border-bottom-color:var(--olive)}
.intro-head{padding:clamp(2.2rem,4.6vw,3.6rem) 0 1rem}
.intro-sub{font-size:1.14rem;max-width:46rem}
.rule-thin{height:1px;background:var(--line);border:0;margin:1.6rem 0 0}
.quad-parts{display:grid;grid-template-columns:1fr;gap:2rem;padding:2.4rem 0}
.quad-h{font-weight:700;font-size:1.4rem;margin:0 0 .4rem}
.quad-run a{font-weight:600}
.mid-shot{margin:1.6rem 0 2.6rem}
.mid-shot img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r)}
.land-index{display:grid;grid-template-columns:1fr;gap:1.6rem;margin-top:1.4rem}
.land-group h3{font-size:1.02rem;margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:1px solid var(--line)}
.land-group ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.land-a{text-decoration:none;color:var(--ink);font-size:.97rem}
.land-a:hover{color:var(--olive)}
.method-note{max-width:46rem;margin-top:2.6rem}
.sum-list{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.1rem}
.sum-row{border-top:1px solid var(--line);padding:.65rem .1rem;font-size:.99rem}
.sum-row a{font-weight:600;text-decoration:none;color:var(--ink)}
.sum-row a:hover{color:var(--olive)}
.note-block{display:grid;grid-template-columns:1fr;gap:1.2rem;padding:2.8rem 0;border-top:1px solid var(--line)}
.note-city{font-size:.98rem}
.note-main{max-width:var(--read)}
.note-sub{display:block;font-weight:700;font-size:1.05rem;color:var(--olive);margin:1.3rem 0 .3rem}
.note-pic{margin-top:1.6rem}
.note-pic img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:var(--r)}
.fact-rows{margin-top:1.4rem;display:grid;gap:.4rem}
.fact-row{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.8rem;font-size:.95rem;padding-top:.4rem;border-top:1px solid var(--line)}
.fact-key{font-weight:600;font-size:.9rem}
.caution-strip{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;margin-top:2.6rem}
.top-again{display:inline-block;margin-top:1.4rem;font-weight:600}
.foot-stack{border-top:1px solid var(--line);margin-top:3.4rem;padding:2.2rem 0 1.6rem}
.foot-row{list-style:none;margin:0;padding:0 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}
.foot-row a{text-decoration:none;color:var(--ink);font-weight:600}
.foot-row a:hover{color:var(--olive)}
.foot-row + .foot-row{border-top:1px solid var(--line);padding-top:1rem;font-weight:400}
.foot-legal{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem;font-size:.9rem;max-width:52rem}
@media (min-width:720px){
.menu-scroll{overflow-x:visible}
.quad-parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 3rem}
.land-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 2.5rem}
.note-block{grid-template-columns:14rem minmax(0,1fr);gap:2.5rem}
}
@media (min-width:1040px){
.land-index{grid-template-columns:repeat(3,minmax(0,1fr))}
.note-block{grid-template-columns:16rem minmax(0,1fr);gap:3rem}
}
@media (min-width:1380px){
.body-hold{padding:0 2rem}
}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
.menu-item2,.land-a,.sum-row a,.foot-row a{transition:color .18s ease,border-color .18s ease}
}
a[href="#main"]{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
a[href="#main"]:focus{position:static;width:auto;height:auto;clip-path:none;display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.5rem .8rem;margin:.5rem 0}
figure{margin:0}
img{max-width:100%}
.note-side{align-self:start}
.note-h{margin:0 0 .25rem}
.note-main p:last-child{margin-bottom:0}
.quad-cell{max-width:34rem}
.quad-run{margin:0 0 .6rem}
.caution-strip h2{font-size:1.15rem}
.caution-strip p:last-child{margin-bottom:0}
.caution-strip p{max-width:52rem}
.method-note p{max-width:46rem}
.foot-legal p{margin:0}
.mid-shot img[src$="og.jpg"]{aspect-ratio:1/1;max-width:34rem;margin:0 auto}