.m8-page{--ink:#1d2722;--paper:#f3eddf;--deep:#14332f;--green:#28554c;--gold:#b78848;--rust:#915a39;--line:#7d6b4d55;background:var(--paper);color:var(--ink);max-width:1480px;margin:auto;overflow:hidden;box-shadow:0 0 80px #0007}.m8-hero{color:#fff;background:#10201d;align-items:flex-end;height:min(78vh,780px);min-height:620px;display:flex;position:relative}.hero-media{position:absolute;inset:0}.hero-media>img{object-fit:cover;object-position:center 52%}.hero-shade{background:linear-gradient(90deg,#061713ed 0%,#071b18cc 42%,#071b1844 72%,#0000),linear-gradient(#0000 46%,#071613d1);position:absolute;inset:0}.hero-copy{--mystrail-record-accent:#f4d99d;--mystrail-identity-line:#f6e7c3a8;z-index:2;text-shadow:0 2px 10px #000;max-width:870px;padding:clamp(42px,7vw,96px);position:relative}.hero-copy>p:first-child,.kicker{letter-spacing:.17em;font:700 11px Arial,sans-serif}.hero-copy>p:first-child{color:#f4d99d}.kicker{color:#704a30}.hero-copy h1{color:#fff;margin:18px 0 24px;font:600 clamp(48px,7vw,84px)/1.2 Yu Mincho,Hiragino Mincho ProN,serif}.hero-copy h1 span{color:#ffe0a4;display:block}.hero-copy .lead{color:#fff;font-size:18px;line-height:1.9}.meta{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.meta span{color:#fff;background:#071b18d9;border:1px solid #f6e7c3a8;padding:8px 11px;font:700 10px Arial}.hero-credit{z-index:3;color:#fff;background:#071b18e8;border:1px solid #fff7;padding:7px 10px;font-size:10px;position:absolute;bottom:20px;right:22px}.m8-layout{grid-template-columns:220px minmax(0,860px);gap:clamp(38px,7vw,100px);max-width:1240px;margin:auto;padding:90px 28px 115px;display:grid}.m8-toc{border-top:4px solid var(--rust);background:#e6dbc7;align-self:start;padding:20px;position:sticky;top:24px;box-shadow:5px 6px #d0c1a5}.m8-toc b{letter-spacing:.14em;padding-bottom:13px;font:700 11px Arial;display:block}.m8-toc a{border-top:1px solid var(--line);color:#35453e;padding:11px 0;font-size:12px;display:block}.brief{background:var(--deep);color:#fff8e9;grid-template-columns:64px 1fr;gap:20px;padding:38px 40px;display:grid;box-shadow:10px 10px #d1c1a3}.brief>span{color:#f1ce82;font:48px Georgia}.brief p{margin:0;line-height:1.95}.brief .kicker,.dark .kicker{color:#f2d79b;margin-bottom:12px}.brief rt,.dark rt{color:#ffe1a1;text-shadow:0 1px 2px #000}.m8-section{padding-top:88px;scroll-margin-top:20px}.m8-section h2,.m8-answer h2,.sources h2{margin:0 0 30px;font:500 clamp(32px,4vw,50px)/1.45 Yu Mincho,Hiragino Mincho ProN,serif}.m8-section>p:not(.kicker,.chapter-answer){font-size:17px;line-height:2}.chapter-answer{border-left:5px solid var(--gold);color:#1b2a24;background:#e3d8c4;margin-top:28px;padding:19px 22px;font-size:14px;line-height:1.65;box-shadow:0 4px 12px #5b473714}.chapter-answer span{letter-spacing:.1em;color:#67472d;margin-bottom:6px;font:700 10px Arial;display:block}.chapter-answer b{color:#18251f;font-size:16px;display:block}.m8-photo,.m8-diagram{background:#172b28;border:1px solid #8d7655;margin:38px 0;box-shadow:7px 8px #c8b99d}.m8-photo img{object-fit:contain;background:#0b201d;width:100%;height:auto;display:block}.m8-photo figcaption,.m8-diagram figcaption{color:#fff6e7;padding:15px 18px;font-size:11px;line-height:1.75}.m8-photo figcaption span{color:#b7e6dc;letter-spacing:.09em;border:1px solid #b7e6dc;margin-right:10px;padding:4px 7px;font:700 9px Arial;display:inline-block}.rare-conditions{grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0;display:grid}.rare-conditions article{text-align:center;background:#e6dccb;border-top:4px solid #8b603d;padding:22px 16px}.rare-conditions b{color:#543d2d}.rare-conditions p{color:#34423c;margin:8px 0 0;font-size:12px;line-height:1.6}.dark{background:var(--deep);color:#fff8e9;width:100vw;margin:82px calc(50% - 50vw) 0;padding:78px max(24px,50vw - 430px)}.dark .chapter-answer{color:#17241f;background:#f0e5d1}.dark .chapter-answer span{color:#68462c}.dark .chapter-answer b{color:#17241f}.m8-observation{background:#0b231f;border:1px solid #a88c5c;max-width:820px;margin:35px auto}.m8-instrument-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.m8-instrument{color:#18251f;background:#f1e7d5;min-width:0}.m8-instrument img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.m8-instrument>div{padding:14px 12px}.m8-instrument b{font-size:15px;display:block}.m8-instrument p{color:#35443d;margin:7px 0 0;font-size:13px;line-height:1.7}.m8-observation-result{color:#fff8e9;background:#244f47;padding:16px 20px;font-size:15px;line-height:1.8}.m8-observation figcaption{color:#fff8e9;padding:12px 18px;font-size:11px;line-height:1.75}.m8-diagram{background:#15312c}.m8-step-story{max-width:820px;margin-inline:auto}.m8-step-grid{background:#977a55;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.m8-step-grid li{color:#26352e;background:#f0e5d2;min-width:0}.m8-step-image{position:relative}.m8-step-image img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.m8-step-copy{padding:14px 12px}.m8-step-copy>b{align-items:flex-start;gap:8px;font-size:15px;line-height:1.6;display:flex}.m8-step-copy>b span{color:#fff;background:#28564e;border-radius:50%;flex:0 0 24px;place-items:center;height:24px;font:700 13px Arial;display:grid}.m8-step-copy p{margin:8px 0 0;font-size:13px;line-height:1.7}.m8-step-wind{color:#fff8e9;background:#14332fe8;padding:4px 8px;font-size:13px;font-weight:700;position:absolute;top:8%;left:6%}.m8-diagram figcaption>b{color:#f2cd7e;margin-right:8px}.m8-topic{border:1px solid #725336;border-left:8px solid var(--rust);color:#1b2923;background:#fffaf0;margin:45px 0;padding:30px 34px;box-shadow:6px 7px #d4c4aa}.m8-topic>span{letter-spacing:.16em;color:#704a2f;font:700 10px Arial}.m8-topic h3{color:#17241f;margin:8px 0 15px;font:600 28px Yu Mincho,serif}.m8-topic p{color:#25332d;font-size:15px;line-height:1.9}.number-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0;display:grid}.number-grid article{color:#fff;text-align:center;background:#17352f;border-bottom:5px solid #bc8a48;padding:30px 15px}.number-grid strong{color:#f4d38d;font:600 42px Georgia;display:block}.number-grid strong span{margin-left:5px;font:700 12px Arial}.number-grid p{color:#f4eee1;margin:10px 0 0;font-size:12px;line-height:1.6}.status{border-top:1px solid var(--line)}.status-path article{background:#eee6d8;border:1px solid #8c7b5e;grid-template-columns:64px 1fr;gap:22px;padding:27px;display:grid}.status-path article:nth-of-type(2){background:#dce9e2;border-color:#54786c}.status-path article:nth-of-type(3){background:#e8dfce}.status-path article>span{color:#6f4c31;border:1px solid #6f4c31;border-radius:50%;place-items:center;width:46px;height:46px;font:20px Georgia;display:grid}.status-path b{color:#17241f;font:600 24px Yu Mincho,serif}.status-path p{color:#29352f;margin:7px 0 0;font-size:14px}.status-path>i{text-align:center;color:#78533a;padding:8px;font-style:normal;display:block}.m8-answer{background:var(--deep);color:#fff8e9;text-align:center;margin-top:82px;padding:50px;box-shadow:10px 11px #cdbb9e}.m8-answer>p:first-child{letter-spacing:.16em;color:#f1cf86;font:700 10px Arial}.m8-answer blockquote{color:#fff;border-block:1px solid #d5ba7c88;margin:28px 0;padding:25px;font:500 clamp(23px,3.5vw,38px)/1.7 Yu Mincho,serif}.m8-answer>p:last-child{color:#f0e8d8;font-size:14px;line-height:1.8}.closing{border:1px solid var(--line);background:#e9dfcd;margin-top:90px}.m8-closing-scene{margin:0}.m8-closing-scene img{aspect-ratio:3/2;object-fit:cover;object-position:60% 50%;width:100%;height:auto;display:block}.m8-closing-scene figcaption{color:#fff8e9;background:#14332f;padding:12px 18px;font-size:11px;line-height:1.75}.closing{max-width:820px;margin-inline:auto}.closing>div:last-child{text-align:center;padding:36px}.closing p{max-width:680px;margin:0 auto 14px;font:500 18px/1.9 Yu Mincho,serif}.closing p:last-child{margin-bottom:0}@media (max-width:900px){.m8-layout{grid-template-columns:1fr;padding-top:54px}.m8-toc{display:none}.m8-hero{height:auto;min-height:0;display:block}.hero-media{aspect-ratio:16/10;position:relative;inset:auto}.hero-media>img{object-position:center 55%}.hero-shade{display:none}.hero-copy{max-width:none;text-shadow:none;background:#102d29;padding:34px 26px 38px}.hero-credit{top:calc(62.5vw - 38px);bottom:auto;right:12px}}@media (max-width:760px){.hero-media{aspect-ratio:4/3}.hero-copy{padding:28px 20px 32px}.hero-copy h1{font-size:38px;line-height:1.3}.hero-copy .lead{font-size:15px}.hero-copy .lead br{display:none}.hero-credit{font-size:9px;top:calc(75vw - 38px)}.meta{gap:6px;margin-top:20px}.meta span{font-size:9px}.m8-layout{padding:48px 18px 76px}.brief{grid-template-columns:1fr;padding:27px}.brief>span{font-size:34px}.m8-section{padding-top:68px}.m8-section h2,.m8-answer h2,.sources h2{font-size:31px}.m8-section>p:not(.kicker,.chapter-answer){font-size:16px}.dark{margin-top:68px;padding-top:61px;padding-bottom:61px}.rare-conditions{grid-template-columns:1fr 1fr}.m8-closing-scene img{aspect-ratio:4/3}.number-grid{grid-template-columns:1fr}.m8-topic{padding:26px 22px}.m8-answer{margin-top:68px;padding:36px 22px}.m8-answer h2 br,.m8-answer blockquote br{display:none}.closing{margin-top:70px}.closing>div:last-child{padding:28px 20px}.closing p{font-size:16px}.m8-photo,.m8-diagram{margin:30px -3px;box-shadow:4px 5px #c8b99d}.m8-photo figcaption,.m8-diagram figcaption{font-size:10px}.chapter-answer{padding:17px 18px}}@media (max-width:430px){.hero-copy h1{font-size:34px}.m8-section h2,.m8-answer h2,.sources h2{font-size:28px}.rare-conditions{grid-template-columns:1fr}.status-path article{grid-template-columns:42px 1fr;gap:14px;padding:21px 16px}.status-path article>span{width:36px;height:36px;font-size:15px}.status-path b{font-size:20px}.m8-topic h3{font-size:24px}}.m8-hero .mystrail-record-category,.m8-hero .mystrail-article-meta{color:#fff}.m8-hero .mystrail-record-label{margin-bottom:14px}@media (max-width:760px){.m8-step-copy{padding:12px 10px}.m8-step-copy>b{gap:6px;font-size:13px}.m8-step-copy p,.m8-step-wind{font-size:12px}.m8-instrument-grid{grid-template-columns:1fr;gap:10px;padding:12px}.m8-instrument{grid-template-columns:44% minmax(0,1fr);align-items:center;display:grid}.m8-instrument>div{padding:12px}.m8-instrument b{font-size:14px}.m8-instrument p{font-size:12px}.m8-observation-result{padding:14px;font-size:14px}.m8-observation figcaption{font-size:10px}}
.m8-page.mystrail-article-frame{max-width:none;box-shadow:none;overflow:visible}.m8-page .mystrail-article-hero{--mystrail-hero-background:#183630;--mystrail-hero-foreground:#fff8eb}.m8-page .mystrail-hero-copy{color:#fff8eb;background:#183630}.m8-page .mystrail-hero-title,.m8-page .mystrail-hero-lead{color:#fff8eb}.m8-page .mystrail-hero-information{color:#243a32;background:#e8ddc8}.m8-primary{background:#132c28;margin:0;position:relative;overflow:hidden}.m8-primary img{object-fit:cover;object-position:55% 57%;width:100%;height:clamp(280px,42vw,530px);display:block}.m8-primary figcaption{color:#fff;background:#102c27e6;padding:7px 12px;font-size:11px;position:absolute;bottom:12px;right:14px}.m8-page .m8-night{color:#fff8e9;background:#14332f;max-width:100%;margin-top:74px;padding:40px}.m8-page .m8-night .kicker{color:#f2d79b}.m8-inline-source{color:#b7e6dc;text-underline-offset:4px;margin-left:.4em;display:inline-block}@media (max-width:760px){.m8-primary img{aspect-ratio:4/3;height:auto}.m8-page .m8-night{margin-top:56px;padding:26px 18px}}
