:root{--navy:#0d2f52;--deep:#123f6d;--blue:#1663ad;--ink:#233748;--sub:#5f7488;--border:#dde7ee;--pale:#f0f6fa;--orange:#ef6c1a;--orange-d:#c7540d;--orange-bg:#fdf1e6;--green-bg:#e9f7ec;--green:#1e7d3a;--shadow:0 2px 14px rgba(18,63,109,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1160px;margin:auto;padding:0 22px}
.devline{background:#b91c1c;color:#fff;font-size:12.5px;letter-spacing:.4px;text-align:center;padding:6px 10px}
.nav{background:#fff;border-bottom:1px solid #e8eff4;position:relative;z-index:5}
.navrow{display:flex;align-items:center;gap:26px;min-height:66px}
.brand img{height:46px;width:auto;display:block}
.mainlinks{display:flex;gap:22px;margin-left:auto;align-items:center}
.mainlinks a{color:var(--ink);font-size:13.5px;font-weight:650}
.mainlinks a.active{color:var(--orange-d)}
.navbutton{background:var(--orange);color:#fff!important;padding:10px 17px;border-radius:6px;font-weight:800;font-size:13px}
.navbutton:hover{background:var(--orange-d);text-decoration:none}
.ico-srch{width:17px;height:17px}
.menu{display:none;background:none;border:0;cursor:pointer}.menu img{width:24px;height:24px}
.hero{position:relative;border-radius:0;overflow:hidden;background:#dcebf5;margin:0}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center right}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff 30%,rgba(255,255,255,.88) 46%,rgba(255,255,255,0) 68%)}
.hero-in{position:relative;padding:44px 0 40px;max-width:560px}
.kicker{color:var(--orange-d);font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}
.hero h1{font-size:41px;line-height:1.12;color:var(--navy);margin:10px 0 12px;font-weight:800}
.hero p{font-size:15px;color:#43586c;margin:0 0 22px;max-width:440px;line-height:1.55}
.searchbox{display:flex;background:#fff;border-radius:9px;box-shadow:0 4px 18px rgba(13,47,82,.18);padding:5px;max-width:470px}
.searchbox input{flex:1;border:0;outline:0;padding:10px 12px;font-size:14px;min-width:0}
.searchbox button{background:var(--orange);border:0;border-radius:6px;width:44px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.searchbox button img{width:19px;height:19px;filter:invert(1)}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:26px 0 6px}
.tile6{background:var(--pale);border-radius:10px;padding:20px 8px 16px;text-align:center;color:var(--ink);display:block}
.tile6:hover{text-decoration:none;box-shadow:var(--shadow)}
.tile6 img{width:31px;height:31px}
.tile6 b{display:block;font-size:13px;color:var(--navy);margin-top:9px;line-height:1.3;font-weight:700}
.sectiontop{display:flex;justify-content:space-between;align-items:baseline;margin:30px 0 14px}
.sectiontop h2{font-size:23px;color:var(--navy);margin:0}
.viewall{font-size:12.5px;font-weight:700}
.cardgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;color:var(--ink)}
.pcard:hover{text-decoration:none;transform:translateY(-2px)}
.pcard .phwrap{aspect-ratio:3/2;overflow:hidden;background:#e8eff4;display:block}
.pcard img.ph{height:100%;width:100%;object-fit:cover;display:block}
.pcard .pb{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.pcard h3{font-size:16.5px;color:var(--navy);margin:0 0 7px;line-height:1.3}
.pcard p{font-size:12.5px;color:var(--sub);margin:0 0 13px;line-height:1.5;flex:1}
.pcard .learn{color:var(--blue);font-size:12.5px;font-weight:800}
.footer{background:#fff;border-top:1px solid #e5ebf0;margin-top:44px}
.footerinner{display:flex;align-items:center;gap:24px;padding:18px 22px;flex-wrap:wrap}
.footer a{color:var(--ink)} .footer .soc{display:inline-flex;gap:11px}.footer .soc img{width:16px;height:16px;opacity:.75}
.footlinks{display:flex;gap:18px;flex-wrap:wrap}.footlinks a{font-size:12.5px;font-weight:650}
.xpert{display:flex;gap:16px;background:var(--pale);border:1px solid var(--border);border-left:5px solid var(--orange);border-radius:12px;padding:20px 22px;margin:26px 0}
.xpert img{width:34px;height:34px;flex:none}
.xpert h3{font-size:19px;color:var(--navy);margin:0 0 5px}
.xpert p{font-size:14px;color:var(--sub);margin:0 0 12px}
.demonote{background:#fff8e6;border:1px dashed #d8a72c;border-radius:8px;padding:10px 14px;font-size:13px;color:#6d5510;margin:12px 0}
.emerg{display:flex;gap:12px;background:#fdecec;border:1px solid #e5a3a3;border-radius:10px;padding:14px 16px;margin:14px 0}
.emerg img{width:26px;height:26px;flex:none}
.emerg p{font-size:13.5px;color:#7c1d1d;margin:0}
.aform .fld{margin-bottom:14px}
.aform label{display:block;font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:5px}
.aform label .req{color:#b3261e}
.aform label .opt{color:var(--sub);font-weight:500}
.aform input[type=text],.aform input[type=tel],.aform input[type=email],.aform select,.aform textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 12px;font-size:14.5px;font-family:inherit;background:#fff;box-sizing:border-box}
.aform textarea{min-height:110px;resize:vertical}
.aform .radios{display:flex;gap:10px;flex-wrap:wrap}
.aform .radios label{display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer;margin:0}
.aform .consent{font-size:13px;color:var(--sub)}
.aform .check{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;font-weight:500;color:var(--ink)}
.confirmbox{background:#eef7ee;border:1px solid #a9cfa9;border-radius:12px;padding:22px;margin:18px 0}
.confirmbox h2{color:#1e5c1e;font-size:21px;margin:0 0 8px}
.rectable{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0 18px}
.rectable th{text-align:left;background:var(--pale);color:var(--navy);padding:8px 10px;border:1px solid var(--border);width:190px;vertical-align:top}
.rectable td{padding:8px 10px;border:1px solid var(--border)}
.pipe{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0;align-items:center}
.pipe span{background:var(--pale);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--navy)}
.pipe span.on{background:var(--orange);color:#fff;border-color:var(--orange)}
.pipe .alt{background:#fff3e0}
@media(max-width:639px){.xpert{flex-direction:column;gap:8px}.rectable th{width:128px}}
.mobnav{display:none;border-top:1px solid #e8eff4;padding:10px 22px 14px;background:#fff}
.mobnav.open{display:block}
.mobnav a{display:block;padding:9px 2px;font-size:14.5px;font-weight:650;color:var(--ink);border-bottom:1px solid #f0f4f7}
.herophoto-m{display:none}
.crumb{font-size:12.5px;color:var(--sub);padding:16px 0 4px}
.crumb a{color:var(--sub)}
.paper{background:#fff}
.acol{max-width:900px;margin:0 auto}
.akicker{color:var(--orange-d);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.splithead{display:flex;gap:26px;align-items:flex-start;margin-top:8px}
.splithead img{width:280px;aspect-ratio:3/2;object-fit:cover;border-radius:10px;flex:0 0 280px}
.splithead h1{font-size:32px;color:var(--navy);margin:6px 0 8px;line-height:1.18}
.splithead p{color:#43586c;font-size:14.5px;margin:0;line-height:1.55}
.metabar{display:flex;gap:16px;flex-wrap:wrap;color:#8496a6;font-size:12px;margin:8px 0 2px}
.quickbox{background:#e8f2fa;border-radius:10px;padding:17px 20px;display:flex;gap:14px;margin:12px 0}
.quickbox img{width:24px;height:24px;flex:0 0 24px}
.quickbox b{color:var(--navy)}
.quickbox p{margin:3px 0 0;font-size:14px;color:#375066;line-height:1.55}
.acol h2,.gtext h2{color:var(--navy);font-size:21px;margin:24px 0 9px}
.acol p,.acol li,.gtext p,.gtext li{font-size:14.5px;color:#375066;line-height:1.6}
.steprow{display:grid;grid-template-columns:36px 1fr 96px;grid-template-areas:"num head img" "num txt img";column-gap:14px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:15px 18px;margin:11px 0;box-shadow:var(--shadow)}
.steprow .num{grid-area:num}
.steprow h3{grid-area:head}
.steprow p{grid-area:txt}
.steprow img{grid-area:img}
.steprow .num{background:var(--orange);color:#fff;font-weight:800;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 30px;font-size:15px}
.steprow h3{margin:0 0 3px;font-size:15.5px;color:var(--navy)}
.steprow p{margin:0;font-size:13.5px;color:#4b6175;line-height:1.5}
.steprow img{width:96px;height:72px;object-fit:cover;border-radius:7px}
.callpanel{background:var(--orange-bg);border:1px solid #f3d3b3;border-left:4px solid var(--orange);border-radius:9px;padding:18px 20px;display:flex;gap:14px;margin:20px 0}
.callpanel img{width:24px;height:24px;flex:0 0 24px}
.callpanel h3{margin:0 0 5px;color:var(--orange-d);font-size:16.5px}
.callpanel p{margin:0 0 12px;font-size:14px;color:#6b4a26}
.obtn{background:var(--orange);color:#fff;padding:10px 17px;border-radius:6px;font-weight:800;font-size:12.5px;display:inline-block}
.obtn:hover{background:var(--orange-d);text-decoration:none}
.rel3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:12px 0}
.rel3 a{border:1px solid var(--border);border-radius:8px;padding:13px 14px;font-size:13px;font-weight:650;color:var(--navy);display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff}
.rel3 a:hover{text-decoration:none;border-color:var(--blue)}
.statusnote{font-size:12px;color:#7a5410;background:#fff8ec;border:1px solid #f0d9ae;border-radius:7px;padding:9px 13px;margin:12px 0}
.libtag{display:inline-block;font-size:10.5px;font-weight:700;color:#7a4a12;background:#fdf0d9;border:1px solid #ecd3a3;border-radius:99px;padding:1px 8px;margin-left:8px}
.libitem{display:block;padding:7px 4px;font-size:13px;color:#5a7186;border-bottom:1px dashed #e3ecf2}
.searchresults{margin-top:12px;max-width:470px}
.searchresults a{display:block;padding:9px 12px;background:#fff;border:1px solid var(--border);color:var(--ink);border-radius:6px;margin-bottom:6px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow)}
.searchresults .libitem{background:#fff;border:1px dashed var(--border);border-radius:6px;padding:9px 12px;margin-bottom:6px}
.glayout{display:flex;gap:28px;margin-top:14px}
.grail{flex:0 0 205px}
.grail a{display:block;padding:10px 13px;font-size:13px;color:#43586c;border-left:3px solid transparent}
.grail a.on{color:var(--orange-d);font-weight:700;border-left-color:var(--orange);background:var(--orange-bg)}
.gtext{flex:1;min-width:0}
.gtext figure{margin:16px 0;background:#e8f2fa;border-radius:10px;padding:16px}
.gtext figure img{width:100%;display:block;border-radius:6px}
.gtext figcaption{font-size:12px;color:#5f7488;margin-top:9px}
.tipgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:14px 0}
.tipcard{background:var(--pale);border-radius:9px;padding:16px 12px;text-align:center}
.tipcard img{width:27px;height:27px}
.tipcard p{font-size:12px!important;color:#43586c;margin:8px 0 0;line-height:1.45}
.greenbox{background:var(--green-bg);border-radius:10px;padding:17px 20px;display:flex;gap:14px;margin:20px 0}
.greenbox img{width:24px;height:24px;flex:0 0 24px}
.greenbox b{color:var(--green)}
.greenbox p{margin:3px 0 0;font-size:14px;color:#2c4a34}
.guidechap{display:none;width:100%;padding:10px;border:1px solid var(--border);border-radius:7px;margin-bottom:12px;font-size:13px}
.catlist{columns:2;column-gap:26px}
.srcs{font-size:12px;color:#74899c}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13.5px}
th,td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--pale);color:var(--navy)}
@media(max-width:1020px){.tiles{grid-template-columns:repeat(3,1fr)}.tipgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px) and (max-width:1099px){
.cardgrid3{gap:14px}
.pcard .pb{padding:13px 14px 15px}
.pcard h3{font-size:15px}
}
@media(max-width:850px){
.mainlinks{display:none}.menu{display:block;margin-left:auto}
.rel3{grid-template-columns:1fr}
.splithead{flex-direction:column}.splithead img{width:100%;aspect-ratio:16/9;flex:none}
.glayout{flex-direction:column}.grail{display:none}.guidechap{display:block}
.hero h1{font-size:32px}.hero-shade{background:linear-gradient(90deg,#ffffff 55%,rgba(255,255,255,.78) 82%,rgba(255,255,255,.3))}
.steprow img{width:76px;height:58px}
}
@media(max-width:767px){
.cardgrid3{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}
.hero-bg,.hero-shade{display:none}
.hero{background:#eef5fa}
.hero-in{padding:30px 0 20px}
.herophoto-m{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.sectiontop h2{font-size:20px}
}
@media(max-width:520px){.tiles{grid-template-columns:repeat(2,1fr)}.catlist{columns:1}.tipgrid{grid-template-columns:repeat(2,1fr)}}
.helpstrip{display:flex;align-items:center;gap:16px;background:var(--pale);border:1px solid var(--border);border-radius:10px;padding:13px 18px;margin:20px 0 4px}
.helpstrip img{width:26px;height:26px;flex:none}
.helpstrip .ht{flex:1;min-width:0}
.helpstrip .ht b{color:var(--navy);font-size:15.5px;display:block}
.helpstrip .ht span{color:var(--sub);font-size:13px}
.helpstrip .obtn{flex:none}
.offerrow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 6px}
.offercard{display:flex;gap:15px;border-radius:12px;padding:20px 22px;border:1px solid var(--border)}
.offercard img{width:32px;height:32px;flex:none}
.offercard h3{font-size:18.5px;color:var(--navy);margin:0 0 5px}
.offercard p{font-size:13.5px;color:var(--sub);margin:0 0 10px}
.offercard .fine{font-size:11.5px;color:#74899c;margin-top:10px}
.offercard .timing{font-size:12.5px;color:var(--navy);font-weight:650;margin-top:8px}
.oc-expert{background:var(--pale);border-left:5px solid var(--orange)}
.oc-quote{background:#fbfcfe;border-left:5px solid var(--navy)}
@media(max-width:859px){.offerrow{grid-template-columns:1fr}}
@media(max-width:640px){.helpstrip{flex-wrap:wrap}.helpstrip .obtn{width:100%;text-align:center}}
@media(max-width:640px){
.steprow{grid-template-columns:36px 1fr;grid-template-areas:"num head" "txt txt" "img img";row-gap:9px;padding:16px}
.steprow h3{font-size:17px}
.steprow p{font-size:16px;line-height:1.6}
.steprow img{width:min(100%,430px);height:auto;aspect-ratio:3/2;justify-self:center}
}
.regfig{background:var(--pale);border:1px solid var(--border);border-radius:10px;padding:14px;margin:16px 0}
.regfig img{width:100%;display:block;border-radius:6px;background:#fff}
.regfig figcaption{font-size:12.5px;color:#5f7488;margin-top:9px;line-height:1.5}
.regfig .enlarge{color:var(--blue);font-weight:650}
.tblwrap{overflow-x:auto;margin:12px 0}
.tblwrap table{border-collapse:collapse;width:100%;font-size:13.5px;background:#fff}
.tblwrap th,.tblwrap td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
.tblwrap th{background:var(--pale);color:var(--navy)}
.acol table{border-collapse:collapse}
.statusnote{background:#fff8e6;border:1px dashed #d8a72c;border-radius:8px;padding:10px 14px;font-size:12.5px;color:#6d5510;margin:10px 0}
.guidelink{background:var(--pale);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:18px 0}
.guidelink b{color:var(--navy)}
.srcs{overflow-wrap:anywhere}
.srcs li{margin-bottom:4px}

/* ===== Unified navigation integration (2026-10-27 nav release) =====
   KC pages now load the main site stylesheet (for the shared header) ahead of
   this file. Neutralize the two global main-site rules that would otherwise
   change KC content layout, and adopt the main site font stack so the whole
   site shares one typography. KC content rules below/above are unchanged. */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
section { padding: 0; }

/* Staff Login footer link: enlarge tap target, layout-neutral (feature release 2026-10-27) */
.footlinks a.staff-login { display: inline-block; padding: 11px 4px; margin: -11px -2px; }