/* JanCares 2026 UI: native royal blue, white, navy; gold/red for signals only.
   Flat surfaces, 44px targets, keyboard focus and reduced-motion support. */
:root{--jc-blue:#1256d8;--jc-blue-deep:#0d3989;--jc-navy:#142e51;--jc-ink:#16304c;--jc-sub:#58708d;--jc-bg:#f8faff;--jc-line:#e1e9f4;--jc-gold:#d7a429;--jc-danger:#c43c44;--jc-radius:17px}
body{background:var(--jc-bg);color:var(--jc-ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.main{max-width:1550px;padding-top:28px}
.top{margin-bottom:21px}
.top .eyebrow{font-weight:750;letter-spacing:.025em;color:#6d819f;font-size:12px}
.top h1{font-size:clamp(26px,3vw,36px);font-weight:850;letter-spacing:-.045em;line-height:1.14}
.brand{letter-spacing:-.04em}
.side .nav a,.side .nav button{min-height:45px;border-radius:12px;transition:background-color .12s ease,color .12s ease}
.hero{border-radius:20px;background:linear-gradient(125deg,#112d58 0%,#1354b9 75%,#1d68d6 100%);padding:30px 34px;min-height:180px;box-shadow:none}
.hero h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.04em}
.hero p{max-width:820px;line-height:1.65}
.hero .pill{font-weight:750;letter-spacing:.02em}
.hero>.btn,.hero>button{align-self:center;min-width:132px}
.stats{background:#fff;border:1px solid var(--jc-line);border-radius:17px;gap:0;overflow:hidden;margin:17px 0 23px}
.stat{border:0!important;border-right:1px solid var(--jc-line)!important;border-radius:0!important;box-shadow:none!important;padding:21px 24px!important;background:transparent!important}
.stat:last-child{border-right:0!important}
.stat strong{font-size:clamp(23px,2.4vw,31px);font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.stat label,.stat span{color:var(--jc-sub);font-weight:650}
.panel{border:1px solid var(--jc-line);box-shadow:none!important;border-radius:var(--jc-radius);padding:25px}
.panel h3{letter-spacing:-.025em}
.scheme-metric,.report-card{background:#f7faff!important;border:1px solid var(--jc-line)}
.notice{background:#fff8e9;color:#805918;border-left:3px solid var(--jc-gold)}
.main button,.main input,.main select,.main textarea{font:inherit}
.main input:not([type=checkbox]):not([type=radio]):not([type=file]),.main select,.main textarea,.lock input,.lock select,.lock textarea{min-height:46px;border:1px solid #cbd9ec;border-radius:12px;padding:10px 13px;background:white;color:#182f4c;max-width:100%}
.main select{padding-right:26px}
.main label{line-height:1.45}
button,.scheme-btn,.btn{transition:background-color .12s ease,color .12s ease,border-color .12s ease}
button:disabled{cursor:not-allowed;opacity:.65}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #78a7ff!important;outline-offset:3px}
.jc-2026-guide,.jc-book,.jc-2026-member-balance{margin:18px 0 23px;padding:24px 26px;border:1px solid var(--jc-line);border-radius:19px;background:#fff;max-width:100%;min-width:0}
.jc-guide-head,.jc-book-head,.jc-balance-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.jc-kicker{display:inline-block;color:#1c5bc2;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.jc-2026-guide h2,.jc-book h2,.jc-2026-member-balance h2{font-size:clamp(19px,2vw,24px);line-height:1.25;letter-spacing:-.04em;margin:5px 0 7px;color:var(--jc-navy)}
.jc-hint{font-size:13px;line-height:1.65;color:var(--jc-sub);max-width:760px;margin:5px 0}
.jc-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:20px}
.jc-guide-side{min-width:0;padding:0}
.jc-guide-side+.jc-guide-side{border-left:1px solid var(--jc-line);padding-left:25px}
.jc-guide-side h3{font-size:16px;margin:0 0 10px;color:var(--jc-navy)}
.jc-control-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.jc-control-line label{font-weight:750;font-size:12px;color:#607895}
.jc-control-line select,.jc-control-line input{min-height:42px!important;max-width:250px;width:100%;background:#f7faff!important;border:1px solid #cddcf0;border-radius:10px;padding:9px 12px}
.jc-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:17px 0 6px}
.jc-figure{border-top:1px solid #edf1f7;padding:12px 0 0}
.jc-figure small{font-size:12px;font-weight:680;color:#617998;display:block;line-height:1.4}
.jc-figure strong{font-size:clamp(20px,2vw,25px);display:block;line-height:1.28;margin-top:7px;color:#143d7f;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.jc-figure strong.jc-highlight{color:#0d52c1}
.jc-rule{margin-top:18px;padding:12px 14px;border-radius:11px;border-left:3px solid #2b68c3;background:#f5f8fd;color:#526e90;font-size:12px;line-height:1.65}
.jc-book-date{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jc-book-date input{min-height:42px;min-width:150px}
.jc-book-date button,.jc-refresh{min-height:42px;padding:9px 15px;border:1px solid #cddcf0;border-radius:10px;background:#fff;color:#1353b9;font-weight:760}
.jc-book-grid,.jc-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--jc-line);border:1px solid var(--jc-line);border-radius:13px;overflow:hidden;margin:20px 0}
.jc-book-cell,.jc-balance-cell{background:#fff;padding:16px;min-width:0}
.jc-book-cell small,.jc-balance-cell small{font-size:12px;color:#607793;font-weight:750;line-height:1.5;display:block}
.jc-book-cell strong,.jc-balance-cell strong{display:block;margin-top:8px;font-size:clamp(18px,2vw,24px);color:var(--jc-navy);font-weight:840;letter-spacing:-.035em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.jc-book-cell span,.jc-balance-cell span{font-size:11px;color:#6e839b}
.jc-status{font-size:12px;color:#617a99;line-height:1.6}
.jc-status[data-error="true"]{color:var(--jc-danger)}
.jc-book-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.jc-book-detail article{border-top:2px solid #dce7f7;padding-top:13px}
.jc-book-detail h3{font-size:15px;margin:0 0 8px}
.jc-book-detail dl{display:grid;grid-template-columns:1fr auto;gap:9px 14px;font-size:12px;margin:0}
.jc-book-detail dt{color:#657d9a}.jc-book-detail dd{margin:0;color:#173b72;font-weight:820;font-variant-numeric:tabular-nums}
.jc-positive{color:#185bb2!important}.jc-warning{color:#986b1d!important}
.jc-separator{border:0;border-top:1px solid var(--jc-line);margin:20px 0}
.jc-book-output[aria-busy="true"]{opacity:.65}
@media(max-width:1000px){.jc-guide-grid{gap:17px}.jc-guide-side+.jc-guide-side{padding-left:17px}.main{padding-left:23px;padding-right:23px}}
@media(max-width:760px){.main{padding:18px 15px calc(95px + env(safe-area-inset-bottom));min-width:0}.top h1{font-size:27px}.hero{padding:24px 22px;border-radius:17px;min-height:auto}.hero h2{font-size:24px}.hero p{font-size:13px}.hero>.btn{margin-top:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.stat{padding:16px 14px!important}.stat:nth-child(2){border-right:0!important}.stats .stat:last-child{grid-column:1/-1;border-top:1px solid var(--jc-line)}.panel{padding:19px}.jc-2026-guide,.jc-book,.jc-2026-member-balance{margin:15px 0;padding:20px 18px;border-radius:15px}.jc-guide-grid{grid-template-columns:1fr}.jc-guide-side+.jc-guide-side{border:0;border-top:1px solid var(--jc-line);padding:18px 0 0}.jc-book-grid,.jc-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-book-detail{grid-template-columns:1fr}.jc-book-head,.jc-guide-head{align-items:flex-start}}
@media(max-width:380px){.jc-book-grid,.jc-balance-grid{grid-template-columns:1fr}.jc-figures{gap:8px}.jc-figure strong{font-size:20px}.jc-control-line select{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}