/* Local explanatory introduction. Accepted hero and existing support sections are unchanged. */
body[data-page] .ww-intro{padding:48px 0 0;background:var(--ep-canvas);color:var(--ep-text)}
body[data-page] .ww-heading{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
body[data-page] .ww-heading .eyebrow{font-size:13px;letter-spacing:.12em;color:var(--ep-action);margin:12px 0 0}
body[data-page] .ww-heading h2{font-size:32px;line-height:1.55;letter-spacing:.02em;margin:0;width:68%;color:var(--ep-heading);font-weight:700}
body[data-page] .ww-heading h2 span{display:inline-block}
body[data-page] .ww-comparison{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch;gap:14px}
body[data-page] .ww-comparison figure{padding:24px 24px 20px;margin:0;min-width:0}
body[data-page] .ww-before{background:var(--ep-surface)}
body[data-page] .ww-after{background:#f0f8f7;border-top:3px solid var(--ep-action);padding-top:21px!important}
body[data-page] .ww-comparison figcaption>span{font-size:13px;color:var(--ep-text-sub)}
body[data-page] .ww-comparison h3{font-size:21px;line-height:1.6;color:var(--ep-heading);margin:6px 0 20px;font-weight:700;letter-spacing:0}
body[data-page] .ww-comparison p{font-size:16px;line-height:1.8;margin:16px 0 0;text-align:center}
body[data-page] .ww-change-arrow{align-self:center;justify-self:center;color:var(--ep-action);font-size:32px;font-weight:400}
body[data-page] .ww-diagram{display:block;width:100%;height:auto;max-width:440px;margin:0 auto;overflow:visible}
body[data-page] .ww-lines{fill:none;stroke:#9ca9ac;stroke-width:2.2}
body[data-page] .ww-connected-lines{fill:none;stroke:var(--ep-action);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
body[data-page] .ww-connected-lines circle{fill:var(--ep-action);stroke:none}
body[data-page] .ww-terminal{fill:white;stroke:var(--ep-border);stroke-width:2}
body[data-page] .ww-label{font-family:inherit;font-size:22px;font-weight:500;text-anchor:middle;fill:var(--ep-heading)}
body[data-page] .ww-small{font-size:22px}
body[data-page] .ww-disconnected{stroke:#829397;stroke-width:2.3;fill:white;stroke-linejoin:round}
body[data-page] .ww-organised{fill:white;stroke:var(--ep-action);stroke-width:2.3}
body[data-page] .ww-shared{fill:white;stroke:var(--ep-action);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
body[data-page] .ww-next{font-size:16px;font-weight:600;color:var(--ep-action);margin:24px 0 0;padding:0 0 24px;text-align:center;border-bottom:1px solid var(--ep-border);display:flex;flex-direction:column;gap:4px}
body[data-page] .ww-next span{font-size:26px;line-height:1.2;font-weight:400}
body[data-page] .ww-outcomes{list-style:none;padding:24px 0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body[data-page] .ww-outcomes li{padding:0 18px 0 0;margin:0;min-width:0;border-right:1px solid var(--ep-border)}
body[data-page] .ww-outcomes li:last-child{border:0;padding-right:0}
body[data-page] .ww-outcomes strong{display:block;font-size:18px;font-weight:700;color:var(--ep-heading);margin-bottom:8px}
body[data-page] .ww-outcomes span{display:block;font-size:16px;line-height:1.8}
body[data-page] .ww-license{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;padding:24px 32px;background:var(--ep-info);align-items:center;margin:4px 0 0}
body[data-page] .ww-license>div+div{border-left:1px solid #d5d6cf;padding-left:38px}
body[data-page] .ww-license p{font-size:16px;line-height:1.7;margin:0 0 5px}
body[data-page] .ww-license strong{font-size:28px;color:var(--ep-heading);font-weight:500;line-height:1.25;display:block}
body[data-page] .ww-license strong>span{font-size:62px;font-weight:600;margin-right:6px;letter-spacing:-.04em}
body[data-page] .ww-license small{font-size:14px;white-space:nowrap;margin-left:8px;font-weight:400;color:var(--ep-text-sub)}
body[data-page] .ww-license h3{font-size:18px;margin:0 0 8px;color:var(--ep-heading);line-height:1.6}
body[data-page] .ww-license a{display:inline-block;color:var(--ep-action);font-size:15px;font-weight:600;margin-top:6px}
@media(max-width:1000px){
 body[data-page] .ww-heading h2{font-size:28px;width:68%}
 body[data-page] .ww-comparison{gap:8px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}
 body[data-page] .ww-comparison figure{padding:20px 14px}
 body[data-page] .ww-comparison h3{font-size:19px}
 body[data-page] .ww-outcomes{gap:18px}
 body[data-page] .ww-outcomes li{padding-right:12px}
 body[data-page] .ww-license{gap:24px;padding:24px}
 body[data-page] .ww-license>div+div{padding-left:24px}
}
@media(max-width:760px){
 body[data-page] .ww-intro{padding-top:32px}
 body[data-page] .ww-heading{display:block;margin-bottom:24px}
 body[data-page] .ww-heading .eyebrow{margin:0 0 12px;font-size:12px}
 body[data-page] .ww-heading h2{font-size:25px;width:auto;letter-spacing:0;line-height:1.6}
 body[data-page] .ww-comparison{grid-template-columns:1fr;gap:12px}
 body[data-page] .ww-comparison figure{padding:20px 14px}
 body[data-page] .ww-comparison h3{font-size:19px;line-height:1.65;margin-bottom:16px}
 body[data-page] .ww-comparison p{font-size:16px;margin-top:12px}
 body[data-page] .ww-change-arrow{transform:rotate(90deg);font-size:25px;line-height:1;height:24px}
 body[data-page] .ww-next{font-size:16px;margin-top:18px;padding-bottom:20px}
 body[data-page] .ww-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding:24px 0}
 body[data-page] .ww-outcomes li{padding:0;border:0}
 body[data-page] .ww-outcomes strong{font-size:17px;margin-bottom:6px}
 body[data-page] .ww-outcomes span{font-size:16px}
 body[data-page] .ww-license{grid-template-columns:1fr;gap:14px;padding:22px}
 body[data-page] .ww-license>div+div{border-left:0;border-top:1px solid #d5d6cf;padding:16px 0 0}
 body[data-page] .ww-license strong>span{font-size:54px}
 body[data-page] .ww-license h3{font-size:17px}
}
/* Generated comparison imagery: visible text stays in HTML at every width. */
body[data-page] .ww-comparison{grid-template-rows:auto auto auto;gap:0 20px}
body[data-page] .ww-comparison figure{display:grid;grid-template-rows:subgrid;grid-row:1/4;padding:24px 24px 20px;row-gap:0}
body[data-page] .ww-comparison .ww-before{grid-column:1}
body[data-page] .ww-comparison .ww-after{grid-column:3;background:#f1f7f5}
body[data-page] .ww-comparison figcaption{align-self:start;padding-bottom:4px}
body[data-page] .ww-comparison h3{font-size:21px;line-height:1.6;margin:6px 0 8px}
body[data-page] .ww-comparison h3 span{display:inline-block}
body[data-page] .ww-image{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}
body[data-page] .ww-comparison figure>p{align-self:start;margin:6px 0 0;text-align:left}
body[data-page] .ww-change-arrow{grid-column:2;grid-row:1/4}
@media(max-width:1000px){
 body[data-page] .ww-comparison{gap:0 10px}
 body[data-page] .ww-comparison figure{padding:20px 16px}
 body[data-page] .ww-comparison h3{font-size:19px}
}
@media(max-width:760px){
 body[data-page] .ww-comparison{display:flex;flex-direction:column;gap:14px}
 body[data-page] .ww-comparison figure{display:block;padding:20px 16px}
 body[data-page] .ww-comparison h3{font-size:20px;margin-bottom:8px}
 body[data-page] .ww-comparison figure>p{margin-top:6px}
 body[data-page] .ww-change-arrow{align-self:center;height:24px}
}

body[data-page] .ww-comparison .ww-phrase,body[data-page] .ww-solution .ww-phrase{display:inline-block;font:inherit}

/* This page uses Japanese section headings without decorative English labels. */
body[data-page="new-social-welfare"] .ww-heading{display:block}
body[data-page="new-social-welfare"] .ww-heading h2{width:100%}