/* F2: preserve F's composition; deliver its final layout before any script runs. */
:root{--f2-font:Arial,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--f2-bg:#11120f;--f2-panel:#171b14;--f2-ink:#f4f3ed;--f2-muted:#bcbfb5;--f2-accent:#c8d8af;--f2-line:#434a3b;color-scheme:dark}
html{scroll-padding-top:100px}body.wme-page{font-family:var(--f2-font);background:var(--f2-bg);color:var(--f2-ink)}
.wme-page .m23b{--serif:var(--f2-font);--sans:var(--f2-font);--bg:#11120f;--bg2:#151912;--panel:#1b2017;--panel2:#242b1e;--gold:#b9cc9d;--gold2:#d9e7c7;--line:rgba(200,216,175,.14);--line2:rgba(200,216,175,.28)}
.wme-page :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,summary),.wme-page svg text{font-family:var(--f2-font)!important}
.wme-page :is(button,input,select,textarea){font-size:inherit}.wme-page *{box-sizing:border-box}
.wme-page img{max-width:100%}.wme-page video{display:block;max-width:100%;background:#11120f}
.wme-page [hidden]{display:none!important}.wme-page [id]{scroll-margin-top:96px}
.wme-page :is(.fx-arm,.motion-reveal){opacity:1!important;transform:none!important;filter:none!important}
.wme-page :is(.v7-note,.cursor-light,.hero-particles){display:none!important}
.wme-page .f2-legacy-band{background:#11120f!important;padding:0!important;margin:0!important}
.wme-page video.f2-portrait-film{aspect-ratio:9/16;object-fit:contain}
.wme-page [data-wd],.wme-page [data-fq]{opacity:1!important;transform:none!important}
.wme-page .wm24-bar{gap:20px}.wme-page .wm24-links{gap:15px}
.wm24-menu{min-width:0}.wm24-menu>.wm24-links{display:flex}
.f2-language{position:relative;flex:none;font-size:12px}.f2-language summary{cursor:pointer;padding:12px 0;list-style:none;white-space:nowrap}.f2-language summary::-webkit-details-marker{display:none}
.f2-language summary:after{content:'⌄';padding-inline-start:8px;color:var(--f2-accent)}
.f2-language nav{position:absolute;inset-inline-end:0;top:100%;min-width:190px;max-height:65dvh;overflow:auto;background:#171b14;border:1px solid var(--f2-line);padding:8px;box-shadow:0 12px 32px #0006}
.f2-language nav a{display:block;padding:12px 14px;text-decoration:none;color:var(--f2-ink);line-height:1.5}.f2-language nav a[aria-current]{color:var(--f2-accent);background:#28301f}
.f2-language nav a:focus-visible,.f2-language nav a:hover{outline:1px solid var(--f2-accent)}
.f2-language-note{font-size:11px!important;line-height:1.8;color:var(--f2-muted);margin:6px 14px 10px!important;max-width:210px;white-space:normal}
.wme-hero .wme-eyebrow{font-size:12px!important;letter-spacing:.09em}.wme-hero h1{font-size:clamp(30px,3.2vw,48px)}
.wme-hero .wme-technology{font-size:13px!important;color:var(--f2-accent);border-inline-start:2px solid var(--f2-accent);padding-inline-start:14px;max-width:470px;line-height:1.8}
.wme-hero-media video{width:100%;height:auto!important;aspect-ratio:16/9!important;object-fit:contain}
.f2-cap-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:end;margin-bottom:28px}
.f2-kicker{font-size:11px!important;line-height:1.6;letter-spacing:.11em;color:var(--f2-accent);margin:0 0 14px!important}
.f2-cap-heading h2{font-size:clamp(25px,2.7vw,38px);font-weight:550;letter-spacing:-.025em;line-height:1.5;margin:0}
.f2-cap-heading>p{color:var(--f2-muted);font-size:13px;line-height:1.95;margin:0}
.f2-resolution{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:26px;padding:28px 0;border-block:1px solid var(--f2-line)}
.f2-resolution h3{font-size:14px;font-weight:500;margin:0 0 12px;color:var(--f2-muted)}
.f2-resolution strong{font-size:clamp(38px,4.5vw,62px);font-weight:500;letter-spacing:-.04em;line-height:1.2;color:var(--f2-accent)}
.f2-resolution strong small{font-size:18px;letter-spacing:0;padding-inline-start:6px}.f2-resolution p{font-size:12px!important;line-height:1.8;color:var(--f2-muted);margin:12px 0 0}
.f2-resolution-list{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:10px;font-size:clamp(15px,1.8vw,23px)}
.f2-resolution-list span{display:inline-block}.f2-resolution-list span:after{content:'/';padding-inline-start:20px;color:#69735d}.f2-resolution-list span:last-child:after{display:none}
.f2-strengths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:8px 0 0;list-style:none}
.f2-strengths>li{padding:26px 24px 26px 0;margin:0;list-style:none;min-width:0;border-bottom:1px solid var(--f2-line)}
.f2-strengths>li:not(:nth-child(3n)){margin-inline-end:24px}
.f2-strengths .f2-number{font-size:11px;color:#94a780;display:block;margin-bottom:12px}
.f2-strengths h3{font-size:clamp(16px,1.5vw,21px);font-weight:550;line-height:1.5;margin:0 0 12px}
.f2-strengths p{font-size:12px!important;color:var(--f2-muted);line-height:1.9;margin:0}
.f2-strengths a{display:inline-block;margin-top:14px;color:var(--f2-accent);font-size:11px;text-underline-offset:4px}
.f2-axes{padding:22px 0 0}.f2-axes>p{font-size:11px!important;color:var(--f2-muted);margin:0 0 14px}
.f2-axes ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;gap:18px}
.f2-axes li{list-style:none;margin:0;padding:0}.f2-axes strong{display:block;font-size:13px;line-height:1.6;font-weight:500;color:var(--f2-accent)}.f2-axes span{display:block;font-size:11px;line-height:1.7;margin-top:5px;color:var(--f2-muted)}
.f2-scope{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--f2-line);padding-top:18px;margin-top:24px;color:var(--f2-muted);font-size:11px;line-height:1.8}
.f2-system,.f2-learning{max-width:1200px;margin:42px auto 65px;padding:32px 30px;border:1px solid var(--f2-line);background:var(--f2-panel)}
.f2-system>h3,.f2-learning>h3{font-size:clamp(25px,2.7vw,36px);line-height:1.5;font-weight:550;margin:0 0 20px;max-width:850px}
.f2-system>p,.f2-learning>p{font-size:14px;line-height:1.9;color:var(--f2-muted);max-width:850px}
.f2-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--f2-line);margin-top:30px}
.f2-system-grid>a{position:relative;display:block;color:inherit;text-decoration:none;padding:27px 24px 12px 0;min-width:0}
.f2-system-grid>a:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--f2-accent)}
.f2-system-grid span{font-size:11px;color:var(--f2-muted)}.f2-system-grid h4{font-size:19px;font-weight:500;line-height:1.5;margin:12px 0;color:var(--f2-accent)}
.f2-system-grid p{font-size:12px;line-height:1.9;color:var(--f2-muted);margin:0}.f2-system-grid small{display:block;font-size:11px;margin-top:18px;color:var(--f2-accent)}
.f2-loop{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:24px 0!important;margin:24px 0!important;border-block:1px solid var(--f2-line)}
.f2-loop li{list-style:none;margin:0;padding:0;font-size:13px;line-height:1.7}.f2-loop span{display:block;margin-bottom:12px;font-size:11px;color:var(--f2-accent)}
.f2-loop-note{border-inline-start:2px solid var(--f2-accent);padding-inline-start:18px}
.wme-page .v8-toc.m23b-toc{width:148px;max-height:calc(100dvh - 116px)}
.f2-mobile-index{display:none}.wme-page .v8-toc.m23b-toc .v8-toc-now{min-height:70px}
.f2-lightbox{position:fixed;inset:0;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0;padding:65px 80px 60px;background:#0b0d0bf5;border:0;color:#fff;z-index:10000;overflow:hidden}
.f2-lightbox::backdrop{background:#000d}.f2-lightbox img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0}
.f2-lightbox button{position:absolute;border:1px solid #66745b;background:#171b14;color:#e6ebdf;cursor:pointer;min-width:44px;min-height:44px;font-size:24px}
.f2-lightbox-close{inset-inline-end:20px;top:16px;font-size:14px!important;padding:8px 16px}.f2-lightbox-prev{inset-inline-start:18px;top:48%}.f2-lightbox-next{inset-inline-end:18px;top:48%}.f2-lightbox-count{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:13px;color:#bdc7b2}
.wme-page :is(figure.wp-block-image img,.v7-stack img,.m23b img){cursor:zoom-in}
.wme-page .f2-replaced-figure{object-fit:contain}.wme-page .f2-image-description{font-size:12px;line-height:1.8;color:var(--f2-muted);margin:10px 0}
.f2-example-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding-bottom:42px;background:#171b14;border:1px solid #434a3b;width:100%;overflow:hidden}
.wme-page .f2-example-pair>img{width:100%!important;height:auto!important;aspect-ratio:3/4;object-fit:cover!important;object-position:50% 20%;margin:0!important;display:block!important}
.f2-example-label{position:absolute;bottom:12px;inset-inline-start:16px;font-size:12px;color:#c8d8af}
.f2-earlier{margin:30px 0;border-top:1px solid #434a3b;padding:20px 0}.f2-earlier>summary{cursor:pointer;color:#bcbfb5;font-size:13px;line-height:1.7}
.f2-diagram-transcript{font-size:12px;line-height:1.9;color:#bcbfb5;padding:12px 0}.f2-diagram-transcript summary{cursor:pointer}.f2-diagram-transcript ul{padding-inline-start:20px}
[dir=rtl] .f2-system-grid>a:before{left:auto;right:0}
@media(min-width:1101px){.wm24-menu>summary{display:none}.wm24-menu:not([open])>.wm24-links{display:flex}}
@media(min-width:1500px){.f2-system,.f2-learning{max-width:1200px}}
@media(max-width:1100px){.wm24-language{font-size:11px}.wm24-bar{gap:16px}.f2-language{margin-inline-start:auto}.wm24-menu{order:3}.wm24-menu:not([open])>.wm24-links{display:none}.wm24-links{width:100%}.wm24-panel{max-width:100%}}
@media(max-width:800px){html{scroll-padding-top:80px}.wme-page [id]{scroll-margin-top:80px}.wm24-brand img{width:135px!important}.f2-language summary{font-size:11px}.f2-cap-heading{grid-template-columns:1fr;gap:20px}.f2-resolution{grid-template-columns:1fr;gap:18px}.f2-resolution strong{font-size:48px}.f2-resolution-list{font-size:18px;gap:9px 12px}.f2-resolution-list span:after{padding-inline-start:12px}.f2-strengths{grid-template-columns:1fr}.f2-strengths>li{padding:22px 0;margin-inline-end:0!important}.f2-strengths h3{font-size:20px}.f2-strengths p{font-size:13px!important}.f2-axes ul{grid-template-columns:1fr 1fr}.f2-system,.f2-learning{margin:30px 20px 45px;padding:26px 20px}.f2-system-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.f2-system-grid>a{padding:24px 0 0}.f2-system-grid h4{font-size:17px;overflow-wrap:anywhere}.f2-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.f2-loop span{margin-bottom:5px}.f2-lightbox{padding:68px 8px 92px}.f2-lightbox-prev,.f2-lightbox-next{top:auto;bottom:35px}.f2-lightbox-count{bottom:47px}.f2-lightbox-prev{inset-inline-start:20px}.f2-lightbox-next{inset-inline-end:20px}}
@media(max-width:1220px){.wme-page .v8-toc.m23b-toc{display:none}.f2-mobile-index{display:block;position:fixed;inset-inline-end:16px;bottom:20px;z-index:980;background:#171b14;border:1px solid #66745b;color:#e6ebdf;padding:11px 16px;font-size:12px;max-width:calc(100vw - 32px)}.wme-page .v8-toc.m23b-toc.f2-index-open{display:block;opacity:1;pointer-events:auto;width:min(310px,calc(100vw - 32px));right:16px;top:82px;bottom:76px;max-height:calc(100dvh - 170px);transform:none;background:#11150f;border:1px solid #66745b;padding:14px}.f2-index-open .v8-toc-list{max-height:calc(100dvh - 278px);overflow:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.wme-page *{scroll-behavior:auto!important}}
