/* F487: shared typography, navigation, consultation and editorial system. */
body{line-break:strict;text-autospace:normal;text-spacing-trim:trim-start}
h1,h2,h3,p,li,dd,figcaption{word-break:auto-phrase;overflow-wrap:break-word}
h1,h2,h3{ text-wrap:balance }p,li,dd{ text-wrap:pretty }
header nav{gap:clamp(12px,1.6vw,26px)!important}header nav>a{white-space:nowrap}header nav>.nav-cta{order:3}header nav>.menu-btn{order:2}header nav>.nav-cta{color:#080a12!important}
@media(min-width:761px){header nav>a{font-size:clamp(11px,.9vw,13px)!important}.menu-btn{display:none!important}}
@media(max-width:1060px){header nav>a:not(.nav-cta){display:none!important}header nav>.menu-btn{display:block!important}}
#free .free-sub{max-width:38em;margin:24px auto 0;font-size:clamp(16px,1.6vw,22px);line-height:1.95;text-wrap:balance}#free .free-sub-detail{margin-top:14px;max-width:37em;font-size:clamp(15px,1.4vw,19px)}
#free .call-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:48px 0;align-items:stretch}
#free .call-flow li{display:grid;grid-template-rows:26px 88px 1fr;gap:14px;padding:24px 0 0;border-top:1px solid #eef1fb40;border-bottom:0;margin:0;min-width:0}
#free .call-flow h3{font-family:var(--f-ja);font-size:clamp(18px,1.5vw,23px);line-height:1.65;margin:0;color:#eef1fb;align-self:start}
#free .step-no{font-family:var(--f-mono);font-size:14px;color:#70e2f3;margin:0}
#free .step-description{border-top:1px solid #eef1fb26;padding-top:22px;color:#b8c3dc;font-size:15px;line-height:1.95}
#free .step-description b{font-size:16px;color:#eef1fb;display:block;min-height:3.8em}#free .step-description p{margin:8px 0 0}
#free #cur,#free #curdot{display:none}
.plan-page .plan-hero{min-height:min(100svh,980px);padding:clamp(110px,14vh,160px) max(var(--pad-x),calc((100% - 1280px)/2)) clamp(72px,10vh,120px);grid-template-columns:1.4fr .6fr;gap:60px}
.plan-page .plan-hero h1{font-size:clamp(36px,5.4vw,76px);letter-spacing:-.025em;line-height:1.45}.plan-first{max-width:32em;margin:24px 0;color:#c1c9df}
.plan-sample{position:relative;z-index:1;margin:0;width:100%;aspect-ratio:3/4;overflow:hidden;border:1px solid #eef1fb40;border-radius:14px;transform:rotate(2deg)}.plan-sample img{width:100%;height:100%;object-fit:cover}.plan-sample figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px;background:linear-gradient(transparent,#080a12);font-size:12px;color:#eef1fb}
.consult-section{max-width:1448px;margin:auto;padding:clamp(60px,9vh,110px) var(--pad-x);display:grid;grid-template-columns:.65fr 1fr;gap:clamp(32px,6vw,86px);align-items:start}.consult-section h2{font-family:var(--f-ja);font-size:clamp(28px,3.4vw,44px);line-height:1.5;margin:0;letter-spacing:-.025em}.consult-body h3{font-family:var(--f-ja);font-size:24px;margin:0 0 18px}.consult-body h3:not(:first-child){margin-top:40px}.consult-body p{font-size:16px;color:#c1c9df;line-height:1.95;max-width:36em}.consult-story{position:relative;isolation:isolate;overflow:hidden;background:#0e1120;padding:72px var(--pad-x);max-width:none}.consult-story .bgl{opacity:.18}.consult-story-inner{position:relative;z-index:1;max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px 64px;align-items:center}.consult-story .eyebrow{grid-column:1/-1}.consult-story h2{font-family:var(--f-ja);font-size:clamp(30px,3.6vw,52px);line-height:1.65;letter-spacing:-.025em;margin:0}.consult-story figure{margin:0}.consult-story img{width:100%;height:auto;border-radius:12px}.consult-story figcaption{font-size:12px;color:#b8c3dc;margin-top:12px}.consult-end .btn{font-size:17px;min-height:64px;padding:20px 38px}
.article-page .prose{font-size:17px;line-height:1.95}.article-page .prose h2{font-size:clamp(26px,2.4vw,35px);line-height:1.55;letter-spacing:-.02em;margin:52px 0 24px}.article-page .prose h3{font-size:22px;margin:32px 0 16px}.article-page .prose p{margin:16px 0 24px}.article-page .prose strong{font-weight:700;color:#eef1fb}.article-page .prose .article-takeaways{padding:28px 32px;margin:0 0 40px;border-top:2px solid #70e2f3;border-bottom:1px solid #eef1fb30;background:linear-gradient(110deg,#142339,#0e1120)}.article-page .article-takeaways h2{font-family:var(--f-body);font-size:19px;margin:0 0 16px}.article-takeaways ul{margin:0;padding-left:1.3em}.article-takeaways li{font-size:16px;margin:10px 0}.article-takeaways li::marker{color:#70e2f3}
.article-page .flow-diagram{padding:28px 0;border-radius:0;background:transparent;border:0;border-top:1px solid #eef1fb40;border-bottom:1px solid #eef1fb40;margin:0 0 48px}.flow-diagram figcaption{display:flex;justify-content:space-between;margin:0 0 28px!important;color:#eef1fb;font-size:14px!important}.flow-diagram figcaption span{font-family:var(--f-mono);font-size:11px;color:#70e2f3;letter-spacing:.1em}.flow-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0!important}.flow-diagram li{position:relative;margin:0!important;padding:0 12px 0 0;display:grid;grid-template-rows:24px 52px auto 1fr;gap:12px}.flow-diagram li:not(:last-child)::after{content:'→';position:absolute;top:63px;right:-23px;color:#70e2f3;font-size:23px}.flow-diagram .diagram-no{font-family:var(--f-mono);font-size:14px;color:#70e2f3}.flow-diagram svg{width:48px!important;height:48px!important;fill:none;stroke:#70e2f3;stroke-width:1.5}.article-page .flow-diagram h3{font-family:var(--f-body);font-size:18px;margin:0;line-height:1.65}.article-page .flow-diagram p{font-size:14px;color:#c1c9df;margin:0;line-height:1.85}
.article-page .prose blockquote,.reading-note{border-left:2px solid #70e2f3;background:#10192a}.article-page .prose table{font-size:15px;line-height:1.8}.article-page .prose th{background:#18253b;padding:18px}.article-page .prose td{padding:18px}.article-page .prose tbody tr:nth-child(even){background:#101726}.article-page .entry h2{font-size:clamp(23px,2vw,28px);line-height:1.6}.article-page .entry p{font-size:15px;line-height:1.9;max-width:38em}
@media(max-width:820px){.plan-page .plan-hero{grid-template-columns:1fr;gap:36px}.plan-sample{width:min(50%,280px);aspect-ratio:3/4;justify-self:end}.consult-section{grid-template-columns:1fr}.consult-story-inner{grid-template-columns:1fr}.plan-page .plan-hero{min-height:0;padding:64px var(--pad-x)}.consult-story .eyebrow{grid-column:auto}}
@media(max-width:650px){#free .call-flow{grid-template-columns:1fr;gap:32px}#free .call-flow li{grid-template-rows:auto auto auto;gap:14px}#free .call-flow h3{font-size:22px}#free .step-description b{min-height:0}.plan-page .plan-hero h1{font-size:36px}.plan-sample{width:65%;aspect-ratio:4/3}.consult-section,.consult-story{padding:56px var(--pad-x)}.consult-end .btn{width:100%;justify-content:center}.article-page .prose{font-size:16px;line-height:1.95}.article-page .prose .article-takeaways{padding:24px 20px}.flow-diagram ol{grid-template-columns:1fr;gap:30px}.flow-diagram li{grid-template-columns:24px 48px 1fr;grid-template-rows:auto auto;gap:10px 16px;padding:0 0 25px}.flow-diagram .diagram-no{grid-row:1/3}.flow-diagram svg{grid-row:1/3}.flow-diagram p{grid-column:3}.flow-diagram li:not(:last-child)::after{content:'↓';top:auto;bottom:-18px;left:50px;right:auto}.flow-diagram figcaption{gap:12px;flex-wrap:wrap}.article-page .prose td,.article-page .prose th{padding:14px 10px}.article-page .hero h1 .wd{white-space:nowrap}}

#free .free-explanation .phrase{white-space:nowrap;word-break:keep-all}
/* The reading flow uses the native pointer so the film cursor cannot cover copy. */
body:has(#free:hover) #cur,body:has(#free:hover) #curdot{opacity:0!important}
body:has(#free:hover),body:has(#free:hover) *{cursor:auto!important}
body:has(#free:hover) a,body:has(#free:hover) button{cursor:pointer!important}

.plan-first .phrase{white-space:nowrap}.plan-sample picture{display:block;width:100%;height:100%}