.header nav .current{color:#b8192b}.page-hero{background:linear-gradient(115deg,#edf8fd,#fff8f6);border-bottom:1px solid var(--line);padding:62px max(6vw,28px);text-align:center}.page-hero>p{font-size:10px;letter-spacing:.2em;font-weight:800;color:#b8192b}.page-hero h1{font:700 40px Georgia,"Yu Mincho",serif;margin:6px}.page-hero>span{font-size:13px;color:var(--muted)}.form-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.form-layout aside h2{font:700 25px Georgia,"Yu Mincho",serif}.form-layout aside>p{font-size:13px;color:var(--muted)}.safe-list{display:grid;gap:7px;margin:20px 0}.safe-list span{font-size:12px;color:#2d6d68}.form-layout aside>small{font-size:10px;color:var(--muted)}.full-form{border:1px solid var(--line);border-radius:16px;padding:27px;background:#fff;box-shadow:var(--shadow)}.full-form label{display:block;font-size:12px;font-weight:750;margin-bottom:17px}.full-form input:not([type=checkbox]),.full-form select,.full-form textarea{display:block;width:100%;border:1px solid #ccd9e3;border-radius:8px;padding:11px;margin-top:6px;font:inherit}.full-form textarea{min-height:90px;resize:vertical}.full-form .check{display:flex;gap:8px;font-weight:400}.check input{accent-color:var(--blue)}.full-form>button{width:100%;border:0;background:#b8192b;color:#fff;border-radius:8px;padding:12px;font-weight:750}.full-form>p{text-align:center;font-size:9px;color:var(--muted)}.form-complete{text-align:center;padding:45px 10px}.form-complete>span{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:#e6f5f2;color:#218374;font-size:23px}.form-complete p{font-size:12px;color:var(--muted)}.form-complete a{display:inline-block;background:var(--blue);color:#fff;padding:9px 20px;border-radius:7px;font-size:12px}.review-steps{background:var(--paper);border-block:1px solid var(--line)}.review-steps h2{font:700 25px Georgia,"Yu Mincho",serif;text-align:center}.review-steps .section>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.review-steps article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.review-steps article span{color:#b8192b;font:700 13px Georgia,serif}.review-steps article b{display:block;font-size:13px;margin-top:10px}.review-steps article p{font-size:10px;color:var(--muted)}.result-controls{padding-block:28px;display:flex;justify-content:space-between}.filter-tabs{display:flex;gap:7px}.filter-tabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-size:11px}.filter-tabs .active{background:#173b5a;color:#fff}.result-controls label{font-size:11px}.result-controls select{border:1px solid var(--line);border-radius:7px;padding:7px;margin-left:6px}.result-list{padding-top:0}.result-list>article{display:grid;grid-template-columns:1fr 1fr;gap:55px;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:14px}.result-copy>div{display:flex;justify-content:space-between}.result-copy h2{font-size:18px;line-height:1.55}.result-copy>p{font-size:11px;color:var(--muted)}.result-copy dl{display:flex;gap:22px;border-block:1px solid var(--line);padding:12px 0}.result-copy dt{font-size:9px;color:var(--muted)}.result-copy dd{font-size:11px;font-weight:750;margin:0}.result-copy>a{color:var(--blue);font-size:11px;font-weight:750}.bars>div{display:grid;grid-template-columns:110px 1fr 38px;gap:9px;align-items:center;margin:14px 0}.bars span{font-size:11px}.bars i{height:9px;background:#e8edf2;border-radius:10px;overflow:hidden}.bars i b{display:block;height:100%;background:linear-gradient(90deg,#2a79ae,#66bbc9);border-radius:10px}.bars strong{font-size:12px;text-align:right}.sample-note{text-align:center;color:var(--muted);font-size:10px}.system-list{display:grid;gap:13px}.system-list article{display:grid;grid-template-columns:65px 1fr 120px;gap:28px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:25px}.system-list article>span{font:italic 31px Georgia,serif;color:#dce5ec}.system-list small{color:#b8192b;font-size:9px;letter-spacing:.15em}.system-list h2{font:700 22px Georgia,"Yu Mincho",serif;margin:4px 0}.system-list p,.system-list li{font-size:11px;color:var(--muted)}.system-list ul{display:flex;gap:22px;padding:0;list-style:none}.system-list li::before{content:"✓";color:#328177;margin-right:5px}.system-list article>i{aspect-ratio:1;border:1px solid #b9d5df;border-radius:50%;display:grid;place-items:center;text-align:center;font-style:normal;font-weight:750;color:#275f78;background:#f2fafb}.no-comments{background:#173b5a;color:#fff}.no-comments .section{text-align:center;max-width:760px}.no-comments span{font-size:9px;color:#e28b87;letter-spacing:.18em}.no-comments h2{font:700 27px Georgia,"Yu Mincho",serif}.no-comments p{font-size:13px;color:#b9cbda}.simple-footer{display:flex;align-items:center;justify-content:space-between;padding-bottom:50px}
@media(max-width:760px){.page-hero{padding:42px 18px}.page-hero h1{font-size:29px}.page-hero>span{font-size:11px}.form-layout{grid-template-columns:1fr;gap:30px}.full-form{padding:19px}.review-steps .section>div{grid-template-columns:1fr 1fr}.result-controls{display:block;padding-inline:14px}.filter-tabs{overflow-x:auto;padding-bottom:12px}.filter-tabs button{white-space:nowrap}.result-controls label{display:block;text-align:right}.result-list>article{grid-template-columns:1fr;gap:20px;padding:18px}.result-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bars>div{grid-template-columns:95px 1fr 34px}.system-list article{grid-template-columns:43px 1fr;padding:18px;gap:12px}.system-list article>i{grid-column:2;width:78px}.system-list ul{display:block;padding:0}.simple-footer{padding-bottom:85px}}

/* Every supporting page carries a distinct, readable social-documentary image. */
.page-hero{position:relative;min-height:300px;display:grid;align-content:center;isolation:isolate;overflow:hidden;background-color:#edf8fd;background-repeat:no-repeat;background-size:cover;background-position:center}
.page-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(247,252,255,.96) 0%,rgba(247,252,255,.88) 48%,rgba(247,252,255,.48) 100%)}
body:has(.full-form) .page-hero{background-image:url('./images/society-family-newborn.png');background-position:center 47%}
body:has(.result-list) .page-hero{background-image:url('./images/society-disaster-community.png');background-position:center 45%}
body:has(.system-list) .page-hero{background-image:url('./images/society-civic-peace.png');background-position:center 42%}
.page-hero>p,.page-hero>h1,.page-hero>span{position:relative;z-index:1;text-shadow:0 1px 10px rgba(255,255,255,.9)}
body:has(.full-form) .form-layout aside:before,body:has(.result-list) .result-list:before,body:has(.system-list) .system-list:before{content:"";display:block;width:100%;height:170px;margin-bottom:26px;border-radius:16px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
body:has(.full-form) .form-layout aside:before{background-image:linear-gradient(90deg,rgba(232,244,249,.2),rgba(255,255,255,.45)),url('./images/atmosphere-learning-care-v17.png')}
body:has(.result-list) .result-list:before{background-image:linear-gradient(90deg,rgba(232,244,249,.18),rgba(255,255,255,.3)),url('./images/atmosphere-work-loneliness-v17.png')}
body:has(.system-list) .system-list:before{background-image:linear-gradient(90deg,rgba(232,244,249,.18),rgba(255,255,255,.34)),url('./images/atmosphere-care-v12.png')}
@media(max-width:760px){.page-hero{min-height:280px;text-align:left;background-position:64% center}.page-hero:after{background:linear-gradient(90deg,rgba(247,252,255,.96) 0%,rgba(247,252,255,.82) 64%,rgba(247,252,255,.42) 100%)}body:has(.full-form) .form-layout aside:before,body:has(.result-list) .result-list:before,body:has(.system-list) .system-list:before{height:145px;border-radius:12px}}

/* Mobile photo composition: keep the subject visible without sacrificing copy contrast. */
@media(max-width:760px){
  .page-hero{min-height:330px;padding:48px 20px;background-size:auto 100%;background-color:#eaf4f8}
  .page-hero:after{background:linear-gradient(90deg,rgba(247,252,255,.97) 0%,rgba(247,252,255,.86) 46%,rgba(247,252,255,.28) 100%)}
  .page-hero h1{max-width:78%;line-height:1.35}
  .page-hero>span{display:block;max-width:68%;line-height:1.8}
  body:has(.full-form) .page-hero{background-position:66% center}
  body:has(.result-list) .page-hero{background-position:62% center}
  body:has(.system-list) .page-hero{background-position:70% center}
  body:has(.full-form) .form-layout aside:before,
  body:has(.result-list) .result-list:before,
  body:has(.system-list) .system-list:before{height:190px;margin:0 -2px 24px;width:calc(100% + 4px);border-radius:14px;background-size:cover;box-shadow:inset 0 -40px 65px rgba(16,52,73,.12)}
  body:has(.full-form) .form-layout aside:before{background-position:58% center}
  body:has(.result-list) .result-list:before{background-position:60% center}
  body:has(.system-list) .system-list:before{background-position:54% center}
}

/* V19 supporting pages: the photographic world covers the full page. */
body{background-color:#dbe7ed;background-image:linear-gradient(rgba(228,239,244,.16),rgba(228,239,244,.20)),url('./images/atmosphere-war-v12.png'),url('./images/atmosphere-life-v12.png'),url('./images/truevoice-diet-hero-v4.png'),url('./images/atmosphere-protest-v12.png'),url('./images/society-family-newborn.png'),url('./images/atmosphere-poverty-v12.png'),url('./images/society-economy-work.png'),url('./images/atmosphere-culture-civic-v17.png');background-size:100% 100%,54% 34%,54% 34%,70% 34%,54% 34%,54% 34%,54% 34%,54% 34%,54% 34%;background-position:center,0 0,100% 0,center 25%,0 47%,100% 47%,0 76%,52% 76%,100% 100%;background-repeat:no-repeat;background-attachment:fixed;background-blend-mode:normal,multiply,multiply,multiply,multiply,multiply,multiply,multiply,multiply}
main>section,.form-layout,.result-controls,.result-list,.system-list,.review-steps{background-color:rgba(244,249,251,.27)!important;backdrop-filter:blur(1px)}
.full-form,.result-list>article,.system-list article,.review-steps article{background:rgba(255,255,255,.88);backdrop-filter:blur(10px)}
@media(max-width:760px){body{background-size:100% 100%,76% 28%,76% 28%,110% 29%,76% 29%,76% 29%,76% 29%,76% 29%,76% 29%;background-position:center,-22% 0,122% 0,center 23%,-22% 45%,122% 45%,-22% 72%,56% 73%,122% 100%}main>section,.form-layout,.result-controls,.result-list,.system-list,.review-steps{background-color:rgba(244,249,251,.22)!important}}