.f17-page{--ink:#202b22;--forest:#18352c;--sand:#d8ad68;--sun:#f1cc83;--rain:#477f88;--paper:#f2ede1;background:var(--paper);color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,serif;overflow:hidden}.f17-hero{color:#fff;background:#172c26;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);min-height:760px;display:grid}.f17-hero-image{min-height:760px;position:relative}.f17-hero-image img{object-fit:cover;object-position:51% center}.f17-hero-image:after{content:"";background:linear-gradient(90deg,#0000 72%,#172c26e8);position:absolute;inset:0}.f17-hero-image>span{z-index:2;letter-spacing:.08em;background:#11251fbb;padding:6px 9px;font:600 .7rem sans-serif;position:absolute;bottom:18px;left:22px}.f17-hero-copy{align-self:center;padding:68px 5vw 60px 2.8vw}.f17-page .mystrail-record-label{color:#f2d9a8;border-color:#e7c78899}.f17-page .mystrail-record-category{color:#d8b468}.f17-topic{margin:32px 0 15px}.f17-topic b{letter-spacing:.1em;font-size:1.12rem;display:block}.f17-topic span{letter-spacing:.13em;color:#bfd1c5;margin-top:5px;font:600 .64rem ui-monospace,monospace;display:block}.f17-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.13}.f17-hero h1 em{color:#f2cb7d;font-style:normal}.f17-lead{color:#f4f2e9dc;max-width:590px;margin:28px 0 22px;font-size:1.04rem;line-height:2}.f17-page .mystrail-article-meta{color:#dde8e0c2;border-color:#b5c9bb44}.f17-shell{grid-template-columns:165px minmax(0,820px);gap:68px;width:min(1140px,100% - 48px);margin:auto;padding:82px 0 118px;display:grid}.f17-index{border-top:2px solid #477f88;align-self:start;font-family:sans-serif;display:grid;position:sticky;top:20px}.f17-index b{color:#35656c;letter-spacing:.16em;padding:14px 3px;font-size:.68rem}.f17-index a{color:#59685f;border-top:1px solid #214a3d2d;padding:10px 3px;font-size:.74rem;text-decoration:none}.f17-article{min-width:0}.f17-opening{background:#e8d6ac;border:1px solid #a47e3c;padding:42px 44px;box-shadow:11px 11px #2b4b3d}.f17-label{letter-spacing:.16em;color:#386d73;margin:0 0 18px!important;font:700 .68rem ui-monospace,monospace!important}.f17-opening h2,.f17-section>h2,.f17-region h2{letter-spacing:-.04em;margin:0 0 28px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.33}.f17-opening>p,.f17-section>p,.f17-region>p{margin:0 0 24px;font-size:1.04rem;line-height:2.1}.f17-section{padding:96px 8px 0;scroll-margin-top:20px}.f17-clue{background:#f7f2e7;border:1px solid #9b7b45;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:35px 0;padding:22px;display:grid}.f17-clue span{color:#477f88;grid-column:1/-1;font:700 .65rem monospace}.f17-clue b{text-align:center}.f17-clue i{color:#96733d;font-style:normal}.f17-link{color:#315f66;border-bottom:1px solid #3c7077;gap:12px;margin:5px 0;padding:11px 14px;font:700 .83rem/1.5 sans-serif;text-decoration:none;display:inline-flex}.f17-timeline{color:#fff;background:#213c31;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:12px;margin:40px 0;padding:28px;display:grid}.f17-timeline>div:not(.arrow){text-align:center;border:1px solid #d0b87866;min-height:150px;padding:18px;display:grid}.f17-timeline span{color:#dfc684;font:700 .65rem monospace}.f17-timeline b{margin-top:8px}.f17-timeline i{color:#e0bf70;align-self:end;font-size:2.2rem;font-style:normal}.f17-timeline .arrow{color:#9bb2a4;align-self:center}.f17-timeline figcaption,.f17-watermap figcaption{color:#d5dfd8;grid-column:1/-1;margin-top:10px;font:400 .73rem/1.7 sans-serif}.f17-rain{background:#dce5de;margin-top:88px;padding:68px 52px}.f17-fieldlog{grid-template-columns:repeat(3,1fr);gap:15px;margin:36px 0;display:grid}.f17-fieldlog>div{background:#f7f5ec;border-top:4px solid #477f88;padding:24px}.f17-fieldlog span{color:#477f88;font:700 .65rem monospace}.f17-fieldlog b{margin:10px 0;display:block}.f17-fieldlog p{margin:0;font-size:.87rem;line-height:1.75}.f17-watermap{background:#e0c17e;border:1px solid #91723c;grid-template-columns:1fr 1.15fr 1fr;margin:40px 0;display:grid}.f17-watermap>div{text-align:center;min-height:210px;padding:32px 18px}.f17-watermap .matrix{color:#fff;text-shadow:0 1px 3px #10291e;background:repeating-linear-gradient(88deg,#365846 0 5px,#d0b66e 6px 15px);align-content:center;display:grid}.f17-watermap .bare{background:#d49d54;align-content:center;display:grid}.f17-watermap .bare span,.f17-watermap .bare i{margin-top:10px;font:600 .73rem sans-serif;display:block}.f17-watermap .bare i{font-style:normal}.f17-watermap figcaption{background:#213c31;padding:14px 18px}.f17-underground{color:#fff;background:#26372d;margin-top:92px;padding:70px 52px}.f17-underground .f17-label{color:#8ebbc0}.f17-below{border:1px solid #e4c67c77;margin:38px 0}.f17-below .surface{color:#233328;text-align:center;background:#d3ae63;grid-template-columns:1fr 1.3fr 1fr;padding:22px;font:700 .78rem sans-serif;display:grid}.f17-below .surface b{font-size:1rem}.f17-below .soil{text-align:center;background:radial-gradient(circle at 50% 45%,#9c7445 0 8%,#0000 9%),repeating-radial-gradient(#5c432d 0 2px,#6a4e35 3px 13px);gap:13px;min-height:230px;padding:40px;display:grid}.f17-below .soil i{color:#ead59f;font-style:normal}.f17-below .soil strong{align-self:center}.f17-below .soil small{color:#ead9b2}.f17-region{background:#f8f3e8;border:1px solid #b28b4d;margin:100px 8px 0;padding:48px}.f17-region em{color:#356b70;font-style:normal}.f17-status{color:#fff;background:#19352c;margin-top:92px;padding:70px 48px}.f17-status .f17-label{color:#8fc0c3}.f17-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.f17-verdict{background:#25483b;border:1px solid #c8af7270;padding:23px}.f17-verdict>span{color:#e0c176;font:700 .64rem monospace}.f17-verdict h3{margin:9px 0;font-size:1.05rem}.f17-verdict p{color:#e6eee9dd;margin:0;font-size:.88rem;line-height:1.78}.f17-ending{text-align:center;padding:100px 10px 70px}.f17-ending>p:first-child{letter-spacing:.16em;color:#3b7277;font:700 .67rem monospace}.f17-ending h2{font-size:1.2rem}.f17-ending blockquote{color:#264a3c;margin:35px auto;font-size:clamp(1.8rem,4vw,3rem);line-height:1.55}.f17-ending>p:last-child{text-align:left;max-width:700px;margin:auto;font-size:1.03rem;line-height:2.08}.f17-page .mystrail-reference-desk{margin-top:25px}.f17-page .mystrail-article-navigation{margin-top:70px}@media (max-width:880px){.f17-hero{flex-direction:column;min-height:0;display:flex}.f17-hero-image{aspect-ratio:4/3;min-height:0}.f17-hero-image img{object-position:52% 62%}.f17-hero-image:after{background:linear-gradient(#0000 70%,#172c2699)}.f17-hero-copy{padding:42px 22px 54px}.f17-hero h1{font-size:clamp(2.5rem,11.5vw,4rem)}.f17-shell{width:min(100% - 36px,820px);padding-top:56px;display:block}.f17-index{display:none}.f17-opening{padding:32px 25px;box-shadow:7px 7px #2b4b3d}.f17-section{padding:76px 2px 0}.f17-rain,.f17-underground,.f17-status{margin-left:-18px;margin-right:-18px;padding:56px 22px}.f17-fieldlog,.f17-grid{grid-template-columns:1fr}.f17-timeline{grid-template-columns:1fr;padding:20px}.f17-timeline .arrow{text-align:center;transform:rotate(90deg)}.f17-watermap{grid-template-columns:1fr}.f17-watermap>div{min-height:150px}.f17-region{margin-left:0;margin-right:0;padding:34px 25px}.f17-ending{padding-top:82px}}@media (max-width:430px){.f17-hero-image{aspect-ratio:1.14}.f17-hero-image img{object-position:50% 65%}.f17-hero-copy{padding-top:34px}.f17-lead{font-size:1rem}.f17-opening>p,.f17-section>p,.f17-region>p{font-size:1rem;line-height:2}.f17-clue{grid-template-columns:1fr}.f17-clue i{text-align:center;transform:rotate(90deg)}.f17-below .surface{grid-template-columns:1fr}.f17-below .surface>*{padding:4px}.f17-below .soil{padding:30px 18px}}