/* S&A DOJIN 2026 modernization layer */
:root{--modern-accent:#1675b8;--modern-text:#30343b;--modern-muted:#667085;--modern-border:#e4e7ec;--modern-surface:#f7f9fb}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
a,button,input,textarea,select{outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(22,117,184,.45)}
button,.btn,[type=submit]{touch-action:manipulation}
.navbar-toggle,.ph-nav-toggle{min-width:44px;min-height:44px}
.modern-about,.modern-faq{padding:72px 0;background:#fff;color:var(--modern-text)}
.modern-about{background:var(--modern-surface)}
.modern-section-inner{max-width:960px;margin:0 auto;padding:0 24px}
.modern-section-kicker{margin:0 0 8px;text-align:center;letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700;color:var(--modern-accent)}
.modern-section-title{margin:0 0 26px;text-align:center;font-size:32px;line-height:1.35;font-weight:500;color:var(--modern-text)}
.modern-about p{max-width:850px;margin:0 auto;font-size:17px;line-height:1.9;color:#4b5563}
.modern-faq-list{max-width:850px;margin:0 auto;border-top:1px solid var(--modern-border)}
.modern-faq details{border-bottom:1px solid var(--modern-border);padding:0}
.modern-faq summary{cursor:pointer;list-style:none;padding:20px 42px 20px 0;position:relative;font-size:17px;font-weight:600;line-height:1.55;color:var(--modern-text)}
.modern-faq summary::-webkit-details-marker{display:none}
.modern-faq summary:after{content:'+';position:absolute;right:8px;top:17px;font-size:25px;font-weight:300;color:var(--modern-accent)}
.modern-faq details[open] summary:after{content:'−'}
.modern-faq details p{padding:0 42px 20px 0;margin:0;color:#5b6470;font-size:15px;line-height:1.8}
.modern-privacy{max-width:920px;margin:0 auto;padding:55px 24px 75px;color:var(--modern-text)}
.modern-privacy h1{font-size:32px;margin:0 0 30px}.modern-privacy h2{font-size:23px;margin:42px 0 16px}.modern-privacy h3{font-size:18px;margin:28px 0 10px}
.modern-privacy p,.modern-privacy li{font-size:15px;line-height:1.9;color:#4b5563}.modern-privacy ol,.modern-privacy ul{padding-left:1.5em}
.modern-note{padding:16px 18px;border-left:4px solid var(--modern-accent);background:var(--modern-surface)}
.sr-only-modern{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:767px){.modern-about,.modern-faq{padding:48px 0}.modern-section-inner{padding:0 18px}.modern-section-title{font-size:25px}.modern-about p{font-size:16px}.modern-faq summary{font-size:16px}.form-control{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
