/* Business restyle: white + soft blue, matches v2.css */
html[data-theme]{--bg:#fff;--bg2:#f2f7fc;--panel:#fff;--line:#cfe0f1;--ink:#13293d;--mute:#3f5873;--green:#1d63b8;--cyan:#1d63b8;--sky:#1d63b8}
html[data-theme] body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#fff;background-image:none;color:#13293d;font-size:19px;line-height:1.65}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] h4{font-family:inherit;color:#13293d;letter-spacing:0}
html[data-theme] a{color:#14488a}html[data-theme] a:hover{color:#1d63b8}
html[data-theme] header{background:#fff;backdrop-filter:none;border-bottom:1px solid #cfe0f1}
html[data-theme] .logo{font-family:inherit;letter-spacing:0;font-weight:800;font-size:1.15rem;color:#13293d}
html[data-theme] .logo:before{display:none}html[data-theme] .logo span{color:#1d63b8;margin:0}
html[data-theme] nav a{color:#14488a;font-weight:600;font-size:1rem;padding:8px 4px;display:inline-block}
html[data-theme] nav a.navcta,html[data-theme] nav a[href$="contact.html"]{background:#1d63b8;color:#fff!important;border-radius:999px;padding:10px 18px}
html[data-theme] .btn{background:#1d63b8;color:#fff!important;border-radius:999px;padding:16px 28px;min-height:56px;font-weight:700;font-size:1.05rem;box-shadow:none;border:2px solid #1d63b8}
html[data-theme] .btn:hover{background:#14488a}
html[data-theme] .btn.ghost,html[data-theme] .btn.ghost[style]{background:#fff;color:#14488a!important;box-shadow:none;border:2px solid #1d63b8}
html[data-theme] section.alt{background:#f2f7fc;border-color:#cfe0f1}
html[data-theme] .card,html[data-theme] .card[style]{background:#fff!important;border:1px solid #cfe0f1;border-radius:18px;box-shadow:0 6px 20px -14px rgba(20,72,138,.35)}
html[data-theme] .card p,html[data-theme] .card li{color:#3f5873}
html[data-theme] footer{background:#f2f7fc;color:#3f5873;border-top:1px solid #cfe0f1}
html[data-theme] footer a,html[data-theme] .result,html[data-theme] .price{color:#14488a}
html[data-theme] .tag{color:#14488a;background:#e3effa;border-color:#cfe0f1}
html[data-theme] .lesson{border-left-color:#1d63b8}
html[data-theme] input,html[data-theme] select,html[data-theme] textarea{background:#fff;border:2px solid #cfe0f1;color:#13293d;font-size:1rem;padding:12px;border-radius:12px;min-height:48px}
html[data-theme] code{background:#e3effa;color:#14488a}
html[data-theme] table.t th{background:#e3effa}
html[data-theme] .ph{background:#f2f7fc}html[data-theme] .ph-label{color:#1d63b8}
html[data-theme] .theme-toggle{display:none}
html[data-theme] .asof{background:#e3effa;border-color:#cfe0f1;color:#14488a}
:focus-visible{outline:3px solid #f0a500;outline-offset:3px}
@media(max-width:700px){html[data-theme] body{font-size:18px}html[data-theme] nav{width:100%;display:flex;flex-wrap:wrap;gap:4px 14px}html[data-theme] nav a{margin-left:0}html[data-theme] .btn{display:block;text-align:center;width:100%}}
html[data-theme] .hero{color:#13293d;background:linear-gradient(180deg,#f2f7fc,#fff);border-bottom:1px solid #cfe0f1;padding:72px 0 56px}
html[data-theme] .hero:before,html[data-theme] .hero:after{display:none}
html[data-theme] .hero h1{color:#13293d;text-shadow:none;font-size:clamp(2.2rem,5.4vw,3.6rem);line-height:1.1}
html[data-theme] .hero h1 em,html[data-theme] .hero h1 *{color:#1d63b8!important;text-shadow:none!important}
html[data-theme] .hero p,html[data-theme] .hero li,html[data-theme] .hero div{color:#3f5873}
html[data-theme] .hero .tag{color:#1d63b8!important;font-family:inherit;letter-spacing:.05em}
html[data-theme] .hero strong,html[data-theme] .hero b{color:#13293d}
/* responsive QA 2026-10-26 */
html{-webkit-text-size-adjust:100%}img,svg,video,iframe{max-width:100%;height:auto}
small,.small,figcaption,.k,.tag{font-size:max(12px,.8em)}
body *{min-font-size:12px}
header nav a,.logo,.back,a.skip,[class*=top] a{min-height:44px;display:inline-flex;align-items:center}
summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
input[type=radio],input[type=checkbox]{width:22px;height:22px}
label:has(input[type=radio]),label:has(input[type=checkbox]){display:flex;gap:10px;align-items:center;min-height:44px}
button{min-height:44px}
@media(max-width:600px){pre,table{display:block;overflow-x:auto;max-width:100%}}
a[href="/"][style],a[href="/personal/"][style]{display:inline-flex;align-items:center;min-height:44px}figure{max-width:100%;overflow:hidden}svg.maxdu{width:100%;height:auto}