.f18-page{--ink:#172a31;--navy:#102c3a;--deep:#071d28;--teal:#247b83;--cyan:#72bac0;--paper:#f0eadc;--chart:#d7c79f;--rust:#bd7046;background:var(--paper);color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,serif;overflow:hidden}.f18-hero{background:var(--deep);color:#fff;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);min-height:750px;display:grid}.f18-hero-image{min-height:750px;position:relative}.f18-hero-image img{object-fit:cover;object-position:50% center}.f18-hero-image:after{content:"";background:linear-gradient(90deg,#0000 70%,#071d28e8);position:absolute;inset:0}.f18-hero-image>span{z-index:2;letter-spacing:.08em;background:#04151dcc;padding:6px 9px;font:600 .7rem sans-serif;position:absolute;bottom:18px;left:20px}.f18-hero-copy{align-self:center;padding:65px 5vw 56px 3vw}.f18-page .mystrail-record-label{color:#c7e6e5;border-color:#76bec088}.f18-page .mystrail-record-category{color:#78c3c5}.f18-topic{margin:30px 0 14px}.f18-topic b{letter-spacing:.12em;font-size:1.1rem;display:block}.f18-topic span{letter-spacing:.16em;color:#a8c8cb;margin-top:5px;font:600 .64rem ui-monospace,monospace;display:block}.f18-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.75rem,5vw,5.1rem);line-height:1.14}.f18-hero h1 em{color:#e4bd72;font-style:normal}.f18-lead{color:#edf5f3dc;max-width:580px;margin:28px 0 22px;font-size:1.03rem;line-height:2}.f18-page .mystrail-article-meta{color:#d7e5e3c7;border-color:#99c5c344}.f18-shell{grid-template-columns:170px minmax(0,820px);gap:65px;width:min(1140px,100% - 48px);margin:auto;padding:82px 0 118px;display:grid}.f18-index{border-top:2px solid var(--teal);align-self:start;font-family:sans-serif;display:grid;position:sticky;top:20px}.f18-index b{color:#2b7175;letter-spacing:.16em;padding:14px 3px;font-size:.68rem}.f18-index a{color:#56676d;border-top:1px solid #173c4826;padding:10px 3px;font-size:.74rem;text-decoration:none}.f18-article{min-width:0}.f18-opening{background:var(--chart);border:1px solid #8d7749;padding:45px;box-shadow:11px 11px #174756}.f18-label{letter-spacing:.16em;color:#236d73;margin:0 0 18px!important;font:700 .68rem ui-monospace,monospace!important}.f18-opening h2,.f18-section>h2{letter-spacing:-.04em;margin:0 0 28px;font-size:clamp(2rem,4vw,3.15rem);line-height:1.34}.f18-opening>p,.f18-section>p{margin:0 0 24px;font-size:1.04rem;line-height:2.08}.f18-section{padding:96px 8px 0;scroll-margin-top:20px}.f18-conflict{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:34px 0;display:grid}.f18-conflict div{text-align:center;background:#f5f0e4;border:1px solid #8f794d;gap:7px;padding:24px;display:grid}.f18-conflict small,.f18-ledger time{letter-spacing:.1em;color:#477079;font:700 .65rem monospace}.f18-conflict b{color:#173e4d;font:700 1.8rem sans-serif}.f18-conflict i{color:#a05438;font-size:1.5rem;font-style:normal}.f18-depth{color:#fff;background:#092f42;border:1px solid #286b78;grid-template-columns:1fr .85fr;margin:38px 0;display:grid}.f18-depth .sea{background:linear-gradient(#5da5ac 0 17%,#12506a 18% 55%,#082a3d 100%);align-content:start;min-height:330px;padding:28px;display:grid;position:relative}.f18-depth .sea span{font:700 .7rem sans-serif}.f18-depth .sea b{font-size:2rem}.f18-depth .sea i{text-align:center;color:#d2f4f1;align-self:center;font:600 .9rem/2 sans-serif}.f18-depth .measure{text-align:center;align-content:center;gap:9px;padding:30px;display:grid}.f18-depth .measure strong{color:#e5c47d;font:700 2.4rem sans-serif}.f18-depth .measure small{line-height:1.6}.f18-depth .floor{text-align:center;background:#5d4837;grid-column:1/-1;padding:13px;font:700 .72rem sans-serif}.f18-depth figcaption,.f18-lineage figcaption{color:#2c4146;background:#e1d4b7;grid-column:1/-1;padding:14px 18px;font:400 .75rem/1.7 sans-serif}.f18-note{border-left:5px solid var(--teal);background:#e0e6df;gap:12px;margin:34px 0;padding:27px;display:grid}.f18-note p{margin:0;line-height:1.8}.f18-tag{color:#fff;letter-spacing:.1em;background:#1d5661;width:max-content;padding:5px 8px;font:700 .62rem monospace;display:inline-block}.f18-history{background:#e3d4b0;margin-top:92px;padding:70px 52px}.f18-ledger{border-top:1px solid #8c774b;margin:36px 0}.f18-ledger>div{border-bottom:1px solid #8c774b;grid-template-columns:90px 1fr 1.5fr;gap:22px;padding:18px 0;display:grid}.f18-ledger b{font-size:.95rem}.f18-ledger p{margin:0;font-size:.85rem;line-height:1.7}.f18-lineage{color:#fff;background:#123744;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:stretch;gap:10px;margin:38px 0;padding:28px;display:grid}.f18-lineage>div{text-align:center;border:1px solid #7eb4b266;align-content:center;gap:7px;min-height:150px;padding:18px;display:grid}.f18-lineage>span{color:#e1bd72;align-self:center}.f18-lineage small{color:#84c0c1;font:700 .62rem monospace}.f18-lineage .branches{grid-template-columns:1fr 1fr;gap:7px}.f18-lineage .branches b{background:#245763;padding:9px;font-size:.75rem}.f18-copylesson{color:#fff;text-align:center;background:#173e4c;margin:40px 0;padding:36px}.f18-copylesson b{color:#e9cb88;font-size:1.18rem;line-height:1.8}.f18-copylesson p{color:#e4eeec;margin:18px 0 0;line-height:1.9}.f18-origin{color:#fff;background:#263e46;margin-top:92px;padding:68px 50px}.f18-origin .f18-label{color:#83c5c5}.f18-hypotheses{grid-template-columns:1fr 1fr;gap:15px;margin:35px 0;display:grid}.f18-hypotheses article{background:#35535c;border-top:4px solid #d2aa63;padding:25px}.f18-hypotheses h3{margin:13px 0 8px}.f18-hypotheses p{color:#e9f0ed;margin:0;line-height:1.8}.f18-status{color:#fff;background:#0d3341;margin-top:92px;padding:70px 48px}.f18-status .f18-label{color:#83c8c8}.f18-status-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.f18-status-grid article{background:#184957;border:1px solid #84b4b35c;padding:23px}.f18-status-grid h3{margin:12px 0 8px}.f18-status-grid p{color:#e4eeee;margin:0;font-size:.88rem;line-height:1.78}.f18-ending{text-align:center;padding:100px 10px 70px}.f18-ending>p:first-child{letter-spacing:.16em;color:#287378;font:700 .67rem monospace}.f18-ending h2{font-size:clamp(1.7rem,4vw,2.7rem)}.f18-ending blockquote{border-block:1px solid #a78850;margin:36px auto;padding:28px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.8}.f18-ending>p:last-child{text-align:left;max-width:690px;margin:auto;font-size:1.04rem;line-height:2.15}.f18-page .mystrail-reference-desk{margin-top:15px}.f18-page .mystrail-article-navigation{margin-top:80px}.f18-page .mystrail-article-footer{background:#071d28}@media (max-width:900px){.f18-hero{grid-template-columns:1fr;min-height:0}.f18-hero-image{min-height:54svh;max-height:560px}.f18-hero-image img{object-position:52% center}.f18-hero-image:after{background:linear-gradient(0deg,#071d28 0,#0000 38%)}.f18-hero-copy{padding:42px 7vw 55px}.f18-shell{grid-template-columns:1fr;width:min(820px,100% - 36px);padding-top:55px}.f18-index{display:none}}@media (max-width:620px){.f18-hero-image{min-height:390px}.f18-hero h1{font-size:2.65rem}.f18-opening{padding:30px 24px;box-shadow:7px 7px #174756}.f18-opening h2,.f18-section>h2{font-size:2rem}.f18-opening>p,.f18-section>p{font-size:1rem;line-height:1.95}.f18-section{padding-top:75px}.f18-conflict{grid-template-columns:1fr}.f18-conflict i{text-align:center;transform:rotate(90deg)}.f18-depth{grid-template-columns:1fr}.f18-depth .sea{min-height:260px}.f18-history,.f18-origin,.f18-status{margin-inline:-18px;padding:55px 24px}.f18-ledger>div{grid-template-columns:72px 1fr}.f18-ledger p{grid-column:2}.f18-lineage{grid-template-columns:1fr;padding:22px}.f18-lineage>span{text-align:center;transform:rotate(90deg)}.f18-hypotheses,.f18-status-grid{grid-template-columns:1fr}.f18-copylesson{padding:28px 22px}.f18-ending{padding-top:80px}}
