/* English review pages: typography, review notice, language switch, English figures, contact preview. Loaded after the shared navy A styles. */
:root{--serif:Georgia,"Times New Roman",serif}
html[lang="en"] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:normal;line-height:1.75}
html[lang="en"] h1,html[lang="en"] h2{letter-spacing:.005em;line-height:1.3}
html[lang="en"] h3{line-height:1.45}
html[lang="en"] .hero-visual h1,html[lang="en"] .article-heading h1,html[lang="en"] .guide-heading h1{line-height:1.25}
html[lang="en"] .article-body{line-height:1.8;overflow-wrap:break-word}
html[lang="en"] .article-body h2{line-height:1.4}
html[lang="en"] .eyebrow,html[lang="en"] .section-kicker{letter-spacing:.08em}
html[lang="en"] .brand{letter-spacing:.02em}
html[lang="en"] .brand small{letter-spacing:.06em}
html[lang="en"] .fig-svg text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.en-review-bar{padding:7px 20px;background:#142c45;color:#eef3f8;font-size:11px;text-align:center;line-height:1.6}
.lang-switch{font-weight:500;border:1px solid var(--line);padding:5px 10px;text-decoration:none}
.footer-top .lang-switch{border:0;padding:0}
.evidence-grid.compact article h3{margin:8px 0 0}
/* Inline English diagrams */
.en-fig{background:#fff}
.en-fig-kicker{font-size:12px;letter-spacing:.08em;color:var(--muted);text-align:center;margin:0 0 4px}
.en-fig-title{font-family:var(--serif);font-size:22px;color:var(--ink);margin:0 0 4px;line-height:1.35;text-align:center}
.en-fig-sub{font-size:13px;color:var(--muted);text-align:center;margin:0 0 18px}
.texture-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.texture-col>header{border-radius:8px 8px 0 0;padding:12px 14px;color:#fff;text-align:center}
.texture-col>header b{display:block;font-size:17px;line-height:1.35}
.texture-col>header span{display:block;font-size:12px}
.texture-col.supply>header{background:#2f6f7a}
.texture-col.clearance>header{background:#9a7426}
.texture-col ul{list-style:none;margin:0!important;padding:0!important}
.texture-col li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #cfe0e3;border-top:0;padding:10px 12px;font-size:13px;line-height:1.5;margin:0!important}
.texture-col.clearance li{border-color:#ecdcb6}
.texture-col li svg{width:96px;height:56px;display:block}
.overlap-box{margin-top:14px;background:#eef4f7;border-radius:8px;padding:14px}
.overlap-box>p{text-align:center;font-weight:600;font-size:14px;margin:0 0 10px!important;color:var(--ink)}
.chain{display:flex;align-items:stretch;justify-content:center;gap:8px;margin:0!important;padding:0!important;list-style:none}
.chain li{flex:1 1 150px;background:#fff;border:1px solid #9fbcc4;border-radius:6px;padding:9px 10px;font-size:13px;text-align:center;line-height:1.45;margin:0!important}
.chain li.arrow{flex:0 0 auto;border:0;background:none;padding:9px 0;font-size:18px;color:var(--navy)}
.chain li.warm{border-color:#d5b36b;background:#fdf8ec}
.fig-banner{margin:14px 0 0!important;text-align:center;font-weight:600;color:#1d6578;font-size:15px}
.fig-footnote{font-size:11px!important;color:var(--muted);text-align:center;margin:10px 0 0!important;line-height:1.6}
.pathway-top{text-align:center;font-size:13px;margin-bottom:6px}
.pathway-top svg{max-width:360px;width:100%;height:auto;display:block;margin:6px auto}
.pathway-top strong{display:block;font-size:16px;color:var(--ink)}
.pathways{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.pathway{border:1px solid #9fc0c6;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.pathway.two{border-color:#d9bd7c}
.pathway>p.path-head{margin:0;padding:10px 12px;font-size:15px;font-weight:600;line-height:1.4;color:#fff;background:#2f6f7a}
.pathway.two>p.path-head{background:#9a7426}
.pathway ol{list-style:none;margin:0!important;padding:12px!important;display:grid;gap:4px}
.pathway ol li{margin:0!important;background:#eaf3f5;border-radius:5px;padding:8px 10px;font-size:13px;text-align:center;line-height:1.45}
.pathway.two ol li{background:#fbf3e3}
.pathway ol li.down{background:none!important;padding:0;color:var(--navy);font-size:15px}
.pathway svg{display:block;width:100%;max-width:240px;height:auto;margin:0 auto 6px}
.pathway .path-note{font-size:11px;color:var(--muted);text-align:center;margin:0 12px 8px}
.pathway .path-review{margin:auto 0 0;padding:10px 12px;font-weight:600;font-size:14px;text-align:center;background:#dcebee;color:#1d4f5e}
.pathway.two .path-review{background:#f6e9c9;color:#6b4f12}
.overlap-band{margin-top:14px;border-radius:8px;background:#dcecee;padding:12px;text-align:center}
.overlap-band b{display:block;font-size:15px;color:var(--ink)}
.overlap-band span{font-size:13px}
.mixed-chain{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px;font-size:13px;text-align:center}.mixed-chain p{margin:0!important;background:#f4f7f9;border:1px solid var(--line);padding:8px 12px;line-height:1.5}.mixed-chain span{color:#B5643C;font-size:18px}
@media(max-width:650px){.mixed-chain{flex-direction:column;gap:4px}.mixed-chain span{transform:rotate(90deg)}}
.svg-scroll{overflow-x:auto}
.svg-scroll>.fig-svg{min-width:560px;width:100%;height:auto;display:block}
@media(max-width:650px){.texture-grid,.pathways{grid-template-columns:1fr}.texture-col li{grid-template-columns:72px minmax(0,1fr)}.texture-col li svg{width:72px;height:44px}.en-fig-title{font-size:19px}.chain{flex-direction:column}.chain li.arrow{text-align:center;padding:0}}
/* Contact preview (adapted from the Japanese contact page) */
.en-contact .layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr);gap:56px;align-items:start;padding:10px 0 80px}
.en-contact .aside{padding-top:22px;border-top:2px solid var(--navy)}
.en-contact .aside h2{font-size:24px;line-height:1.4;margin:0 0 18px}
.en-contact .aside p{font-size:14px;color:#52616e}
.en-contact .aside .next{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}
.form-panel{background:white;border:1px solid var(--line);padding:34px 36px 38px;min-width:0}
.form-panel h2{font-size:26px;margin:0 0 4px}
.form-panel .intro{font-size:13px;color:var(--muted);margin:0 0 28px}
.form-step{margin:0 0 28px;padding:0 0 26px;border:0;border-bottom:1px solid var(--line);min-width:0}
.form-step legend{float:left;width:100%;padding:0;margin-bottom:12px;font-size:15px;font-weight:600}
.form-step legend+*{clear:both}
.tag-required,.tag-optional{font-size:10px;letter-spacing:.04em;display:inline-block;padding:1px 6px;margin-left:9px;vertical-align:2px;font-weight:600}
.tag-required{background:var(--navy);color:white}
.tag-optional{background:var(--wash);color:var(--muted)}
.label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}
.help{font-size:12px;color:var(--muted);margin:6px 0 12px}
.choice-list{display:flex;flex-wrap:wrap;gap:8px}
.choice{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 12px;border:1px solid var(--line);font-size:13px;cursor:pointer;border-radius:3px}
.choice:has(input:checked){background:var(--wash);border-color:var(--navy)}
.choice input{width:16px;height:16px;flex:0 0 16px;margin:0}
.roles-choice{display:grid;grid-template-columns:1fr 1fr}
.roles-choice .choice{border:0;padding:8px 0}
.roles-choice .choice:has(input:checked){background:transparent}
.hintbox{background:var(--wash);padding:15px 18px;margin:0 0 16px;font-size:12px;color:#465a6c}
.hintbox ul{margin:7px 0;padding-left:18px}
.hintbox p{margin:0;font-size:11px}
.field{display:block;width:100%;background:white;border:1px solid #a8b5bf;border-radius:2px;padding:11px 12px;font-size:16px;min-height:48px;color:var(--ink);font-family:inherit}
textarea.field{resize:vertical;min-height:170px;line-height:1.7}
.field[aria-invalid="true"]{border:2px solid #9d302c}
.contact-fields{display:grid;gap:24px}
.limit{font-size:11px;text-align:right;color:var(--muted);margin:4px 0 0}
.privacy-box{font-size:12px;line-height:1.7;margin:24px 0 18px;color:var(--muted)}
.privacy-box summary{color:var(--navy);cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:28px}
.privacy-box .policy{padding:13px;background:var(--paper);margin-top:10px}
.form-button{display:block;width:100%;min-height:52px;padding:12px 18px;font-size:14px;font-weight:600;border:1px solid var(--navy);border-radius:2px}
.form-button.is-primary{background:var(--navy);color:white}
.form-button.is-secondary{background:white;color:var(--navy)}
.form-error{color:#9d302c;font-size:12px;margin:7px 0 0}
.errors{border-left:3px solid #9d302c;background:#fbf1f0;padding:16px;margin-bottom:24px;font-size:13px}
.errors p{margin:0}.errors ul{margin:4px 0 0;padding-left:20px}.errors a{color:#9d302c}
.review-list{margin:24px 0}
.review-list dt{font-size:12px;color:var(--muted);padding-top:18px;margin-top:16px;border-top:1px solid var(--line)}
.review-list dd{margin:7px 0 0;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}
.review-buttons{display:grid;gap:12px}
.preview-end{font-size:12px;color:var(--muted);margin:20px 0 0}
.local-only{font-size:12px;border:1px dashed #a4b4c5;background:#eef2f6;padding:10px 14px;margin:0 0 22px;color:#3d5268}
.state-sample{border:1px solid var(--line);background:white;padding:24px 26px;margin:18px 0}
.state-sample h2{font-size:22px;margin:0 0 12px}
.state-sample .sample-label{font-size:11px;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
[hidden]{display:none!important}
@media(max-width:850px){.en-contact .layout{grid-template-columns:1fr;gap:28px}.form-panel{padding:26px 22px}}
@media(max-width:420px){.roles-choice{grid-template-columns:1fr}}

/* Explain the service before the calls to action on small screens. */
@media(max-width:650px){html[lang="en"] .hero-message>.eyebrow{order:0}html[lang="en"] .hero-message>h1{order:1}html[lang="en"] .hero-message>.subtitle{order:2}html[lang="en"] .hero-message>.opening{order:3}html[lang="en"] .hero-message>.actions{order:4}html[lang="en"] .hero-photo{order:5}html[lang="en"] .hero-message>.audience{order:6}html[lang="en"] .hero-message>.byline{order:7}}