/* Arcadia Life Insurance: the County Arboretum's peafowl as a construction-grid specimen sheet.
   World: crouwel-grid-specimen. Peacock teal ground, indigo plane, bronze-gold rings; eye spots sit one per cell. */
@font-face{font-family:"Krona One";src:url(/assets/font-qynlbz5s-krona-one-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Albert Sans";src:url(/assets/font-qynlbz5s-albert-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Albert Sans";src:url(/assets/font-qynlbz5s-albert-sans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --paper:#F3F7F4;--paper-2:#E1ECE9;--ink:#082A31;--ink-2:#2D4F57;--rule:#7FA5A9;
  --teal:#005662;--teal-2:#00434D;--deep:#00343D;--on-teal:#F2FAF8;--on-teal-2:#BDE3E3;
  --indigo:#2B2FB8;--indigo-2:#1F2390;--on-indigo:#FFFFFF;
  --gold:#F2B632;--bronze:#E2A92B;--eye:#12B3B0;--night:#06143B;--err:#8A1B0E;
  --u:40px;--gl:rgba(0,86,98,.075);--gl2:rgba(0,86,98,.15);
  --head:"Krona One","Arial Black",Verdana,sans-serif;--body:"Albert Sans",Verdana,sans-serif;
  --measure:64ch;--maxw:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background-color:var(--paper);color:var(--ink);font:400 1.0625rem/1.62 var(--body);caret-color:var(--indigo)}
/* the construction grid stays visible: a hairline every cell, a firmer line every fourth */
body,.sksl4-wx,.sksl4-hero,.sksl4-totem,.sksl4-panel,.sksl4-foot,.sksl4-eyes,.sksl4-section--soft,.sksl4-section--deep{
  background-image:
    linear-gradient(var(--gl2) 1px,transparent 1px),linear-gradient(90deg,var(--gl2) 1px,transparent 1px),
    linear-gradient(var(--gl) 1px,transparent 1px),linear-gradient(90deg,var(--gl) 1px,transparent 1px);
  background-size:calc(var(--u)*4) calc(var(--u)*4),calc(var(--u)*4) calc(var(--u)*4),var(--u) var(--u),var(--u) var(--u);
  background-position:-1px -1px}
::selection{background:var(--gold);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-underline-offset:.22em;text-decoration-thickness:1.5px}
a:hover{color:var(--indigo);text-decoration-thickness:3px}
:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}
.sksl4-hero :focus-visible,.sksl4-wx :focus-visible,.sksl4-totem :focus-visible,.sksl4-foot :focus-visible,.sksl4-section--deep :focus-visible{outline-color:var(--gold)}
.sksl4-panel :focus-visible{outline-color:var(--indigo)}
h1,h2,h3{font-family:var(--head);font-weight:400;line-height:1.12;margin:0 0 .6em;letter-spacing:-.012em;color:var(--ink);overflow-wrap:break-word;text-wrap:balance}
h1{font-size:clamp(1.5rem,3.7vw,2.75rem)}
h2{font-size:clamp(1.25rem,2.3vw,1.85rem)}
h3{font-size:1.1rem;line-height:1.25}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sksl4-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}
.sksl4-skip{position:absolute;left:12px;top:-70px;background:var(--indigo);color:var(--on-indigo);padding:.8rem 1.1rem;z-index:99;font:700 1rem var(--body)}
.sksl4-skip:focus{top:8px}.sksl4-skip:hover{color:var(--on-indigo)}

/* header: brand cell, then one cell per link, ruled between */
.sksl4-head{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--ink)}
.sksl4-head .sksl4-wrap{padding-inline:0}
.sksl4-nav{display:flex;align-items:stretch;justify-content:space-between;gap:0;min-height:60px;padding-inline:20px}
.sksl4-brand{display:inline-flex;align-items:center;gap:.75rem;font:400 1rem/1.15 var(--head);text-decoration:none;min-height:60px;color:var(--ink);padding-right:1.2rem}
.sksl4-brand:hover{color:var(--indigo)}
.sksl4-brand img{width:34px;height:34px;flex:none}
.sksl4-links{display:flex;align-items:stretch;font:700 1rem var(--body)}
.sksl4-links a{display:inline-flex;align-items:center;min-height:60px;padding:0 1.15rem;text-decoration:none;color:var(--ink);border-left:1px solid var(--rule)}
.sksl4-links a:hover{background:var(--paper-2);color:var(--indigo);text-decoration:none;box-shadow:inset 0 -4px 0 var(--indigo)}
.sksl4-links a.sksl4-cta{background:var(--indigo);color:var(--on-indigo)!important;border-left-color:var(--indigo)}
.sksl4-links a.sksl4-cta:hover{background:var(--ink);box-shadow:inset 0 -4px 0 var(--gold);color:var(--on-indigo)!important}
.sksl4-menu{display:none;align-items:center;justify-content:center;width:52px;min-height:52px;align-self:center;background:var(--paper);border:1px solid var(--ink);color:var(--ink);cursor:pointer;padding:0}
.sksl4-menu:hover{background:var(--paper-2);color:var(--indigo)}
@media (max-width:820px){
  .sksl4-menu{display:inline-flex}
  .sksl4-nav{align-items:center}
  .sksl4-brand{font-size:.9rem;padding-right:.6rem}
  .sksl4-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;padding:0}
  .sksl4-links[data-open]{display:flex}
  .sksl4-links a{border-left:0;border-top:1px solid var(--rule);padding:0 20px;min-height:54px}
  .sksl4-links a.sksl4-cta{border-top-color:var(--indigo)}
}

/* weather: a ruled strip of cells on the deep teal */
.sksl4-wx{background-color:var(--deep);color:var(--on-teal);--gl:rgba(255,255,255,.05);--gl2:rgba(255,255,255,.1)}
.sksl4-wx a{color:var(--on-teal)}
.sksl4-wx .sksl4-wrap{padding-inline:20px}
.sksl4-wx-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;padding-block:0}
.sksl4-wx-row>*{border-left:1px solid rgba(189,227,227,.35)}
.sksl4-wx-row>:first-child{border-left:0;padding-left:0}
.sksl4-wx-photo{display:inline-flex;align-items:center;gap:.8rem;background:transparent;border:0;padding:.6rem 1.2rem .6rem 0;color:var(--on-teal);font:inherit;cursor:pointer;min-height:64px}
.sksl4-wx-photo img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--eye),0 0 0 6px var(--bronze);margin:0 6px}
.sksl4-wx-photo span{font:700 .9rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--on-teal);padding:.5rem .6rem;border:1px solid var(--on-teal-2)}
.sksl4-wx-photo:hover span,.sksl4-wx-photo[aria-expanded=true] span{background:var(--on-teal);color:var(--deep);border-color:var(--on-teal)}
.sksl4-wx-now{display:flex;align-items:center;gap:.9rem;padding:.5rem 1.4rem}
.sksl4-wx-icon{display:inline-flex;color:var(--gold)}
.sksl4-wx-now>div{display:flex;align-items:baseline;gap:.2rem .9rem;flex-wrap:wrap}
.sksl4-wx-now strong{font:400 1.9rem/1 var(--head);color:var(--on-teal);min-width:2.2ch;font-variant-numeric:tabular-nums}
.sksl4-wx-now span{font-size:1rem;color:var(--on-teal)}
.sksl4-wx-now small{display:block;font-size:.9rem;color:var(--on-teal-2)}
.sksl4-wx-days{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.sksl4-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto;align-items:center;column-gap:.7rem;padding:.45rem 1.1rem;border-left:1px solid rgba(189,227,227,.35);min-width:128px}
.sksl4-wx-days li:first-child{border-left:0}
.sksl4-wx-day{font:700 .9rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-teal-2);grid-column:1}
.sksl4-wx-glyph{display:inline-flex;color:var(--gold);grid-column:2;grid-row:1/3}.sksl4-wx-glyph svg{width:24px;height:24px}
.sksl4-wx-hl{grid-column:1;display:inline-flex;align-items:baseline;gap:.4rem}
.sksl4-wx-hl strong{font:400 1.05rem/1 var(--head);color:var(--on-teal);font-variant-numeric:tabular-nums}
.sksl4-wx-hl em{font:700 .9rem var(--body);font-style:normal;color:var(--on-teal-2)}
.sksl4-wx-cond{grid-column:1/3;font-size:.875rem;color:var(--on-teal-2);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sksl4-wx-source{margin-left:auto;align-self:center;font-size:.875rem;color:var(--on-teal-2);padding:.5rem 0 .5rem 1.2rem;border-left:0!important}
.sksl4-wx-panel{padding-block:0 var(--u)}
.sksl4-wx-panel img{max-width:600px;width:100%;background:var(--teal-2);border:1px solid var(--on-teal-2)}
.sksl4-wx-panel p{font-size:.9rem;color:var(--on-teal-2);margin:.6rem 0 0}
@media (max-width:700px){
  .sksl4-wx-row>*{border-left:0;border-top:1px solid rgba(189,227,227,.35);width:100%}
  .sksl4-wx-row>:first-child{border-top:0}
  .sksl4-wx-now{padding:.7rem 0}
  .sksl4-wx-days li{flex:1 1 33%;min-width:0;padding:.5rem .6rem}
  .sksl4-wx-days li:first-child{padding-left:0}
  .sksl4-wx-source{margin:0;padding:.6rem 0}
}

/* captions: small ruled labels, an eye-spot dot in front */
.sksl4-eyebrow{display:flex;align-items:center;gap:.65rem;font:700 .875rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 .8em;max-width:none}
.sksl4-eyebrow::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,var(--night) 0 20%,var(--indigo) 21% 42%,var(--eye) 43% 64%,var(--bronze) 65%)}

/* hero: monumental headline across the whole sheet, the eye-spot train under it */
.sksl4-hero{background-color:var(--teal);color:var(--on-teal);--gl:rgba(255,255,255,.07);--gl2:rgba(255,255,255,.15);padding-block:calc(var(--u)*1.8) calc(var(--u)*1.8)}
.sksl4-hero h1,.sksl4-hero .sksl4-lead,.sksl4-hero p{color:var(--on-teal)}
.sksl4-hero a{color:var(--on-teal)}
.sksl4-hero-head{display:flex;flex-direction:column}
.sksl4-hero h1{order:1;font-size:clamp(1.55rem,5.2vw,4.4rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 .45em;max-width:20ch}
.sksl4-hero .sksl4-eyebrow{order:2;text-transform:none;letter-spacing:.01em;font-size:1.0625rem;color:var(--on-teal-2);margin:0 0 calc(var(--u)*.9);padding-top:.9rem;border-top:1px solid rgba(189,227,227,.5);max-width:480px}
.sksl4-train{border:1px solid rgba(189,227,227,.5);background:var(--teal-2);margin-bottom:calc(var(--u)*1.1)}
.sksl4-train svg{display:block;width:100%;height:auto;aspect-ratio:4/1}
.sksl4-hero-low{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:calc(var(--u)*1) calc(var(--u)*1.5);align-items:start}
.sksl4-lead{font-size:1.2rem;max-width:56ch;margin:0 0 1.2em}
.sksl4-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-left:1px solid rgba(189,227,227,.5);max-width:620px}
.sksl4-trust li{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem 1rem;font-size:1rem;border-top:1px solid rgba(189,227,227,.5);border-right:1px solid rgba(189,227,227,.5)}
.sksl4-trust li:nth-last-child(-n+2){border-bottom:1px solid rgba(189,227,227,.5)}
.sksl4-trust li::before{content:"";flex:none;width:14px;height:14px;margin-top:.38rem;border-radius:50%;background:radial-gradient(circle,var(--night) 0 24%,var(--indigo) 25% 48%,var(--eye) 49% 72%,var(--bronze) 73%)}
.sksl4-acts{display:flex;flex-direction:column;gap:0;margin:0;max-width:none;border:1px solid var(--on-teal)}
.sksl4-acts .sksl4-btn{width:100%;justify-content:space-between}
.sksl4-acts .sksl4-btn+.sksl4-btn{border-top:1px solid var(--on-teal)}
.sksl4-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:60px;padding:0 1.4rem;font:700 1.1rem var(--body);text-decoration:none;border:0;border-radius:0;cursor:pointer;background:var(--indigo);color:var(--on-indigo)}
.sksl4-btn:hover{background:var(--ink);color:var(--on-indigo);text-decoration:none}
.sksl4-btn--primary{background:var(--indigo);color:var(--on-indigo)}
.sksl4-btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.sksl4-btn--ghost:hover{background:var(--ink);color:var(--paper)}
.sksl4-hero .sksl4-btn--primary{background:var(--on-teal);color:var(--deep)}
.sksl4-hero .sksl4-btn--primary:hover{background:var(--gold);color:var(--ink)}
.sksl4-hero .sksl4-btn--ghost{background:transparent;color:var(--on-teal);box-shadow:none}
.sksl4-hero .sksl4-btn--ghost:hover{background:var(--on-teal);color:var(--deep)}
.sksl4-hero .sksl4-acts a:hover{text-decoration:none}
.sksl4-btn[disabled]{opacity:.6;cursor:progress}
@media (max-width:900px){.sksl4-hero-low{grid-template-columns:1fr}.sksl4-acts{max-width:420px}}
@media (max-width:560px){.sksl4-trust{grid-template-columns:1fr}.sksl4-trust li:nth-last-child(2){border-bottom:0}}

/* eyes: the three city photographs cropped to round eye spots, ringed like a feather's ocellus */
.sksl4-eyes{padding-block:calc(var(--u)*1.6)}
.sksl4-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--ink);border-top:1px solid var(--ink);background:var(--paper)}
.sksl4-mosaic a{display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:1.6rem;padding:calc(var(--u)*1) 1.2rem calc(var(--u)*.9);text-decoration:none;color:var(--ink);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sksl4-mosaic img{width:min(100% - 30px,260px);aspect-ratio:1;height:auto;object-fit:cover;border-radius:50%;margin:15px;box-shadow:0 0 0 6px var(--eye),0 0 0 11px var(--bronze),0 0 0 16px var(--indigo)}
.sksl4-mosaic span{font:700 1.15rem/1.3 var(--body);text-align:center;max-width:22ch}
.sksl4-mosaic a:hover{background:var(--paper-2);color:var(--indigo)}
.sksl4-mosaic a:hover span{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.22em}
.sksl4-mosaic a:hover img{box-shadow:0 0 0 6px var(--bronze),0 0 0 11px var(--eye),0 0 0 16px var(--night)}
@media (max-width:760px){.sksl4-mosaic{grid-template-columns:1fr}.sksl4-mosaic a{grid-template-columns:96px 1fr;grid-template-rows:none;justify-items:start;align-items:center;gap:1.6rem;padding:1.2rem 1.4rem}.sksl4-mosaic img{width:96px;margin:10px;box-shadow:0 0 0 4px var(--eye),0 0 0 8px var(--bronze),0 0 0 11px var(--indigo)}.sksl4-mosaic span{text-align:left;font-size:1.05rem;max-width:none}}

/* rail layout: heading cell on the left, content on the right, by whole cells */
.sksl4-sec{padding-block:calc(var(--u)*2) calc(var(--u)*2.2);border-top:1px solid var(--ink)}
.sksl4-rail{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:calc(var(--u)*1.2)}
.sksl4-sechead{align-self:start;position:sticky;top:20px;display:flex;flex-direction:column}
.sksl4-sechead h2{order:1;margin:0 0 .7em;max-width:16ch}
.sksl4-sechead .sksl4-eyebrow{order:2;margin:0}
.sksl4-secbody{min-width:0}
@media (max-width:900px){.sksl4-rail{grid-template-columns:1fr;gap:calc(var(--u)*.7)}.sksl4-sechead{position:static}.sksl4-sechead h2{max-width:none}}
.sksl4-eye{order:3;width:150px;margin-top:calc(var(--u)*1)}
.sksl4-eye svg{display:block;width:100%;height:auto}
@media (max-width:900px){.sksl4-eye{width:110px;margin-top:1rem}}

/* sections used by inner pages */
.sksl4-section{padding-block:calc(var(--u)*1.6) calc(var(--u)*2)}
.sksl4-section--soft{background-color:var(--paper-2);border-bottom:1px solid var(--ink)}
.sksl4-section--deep{background-color:var(--teal);color:var(--on-teal);--gl:rgba(255,255,255,.07);--gl2:rgba(255,255,255,.15)}
.sksl4-section--deep h2,.sksl4-section--deep h3,.sksl4-section--deep p{color:var(--on-teal)}
.sksl4-section--deep a{color:var(--on-teal)}
.sksl4-section .sksl4-lead{max-width:60ch}
.sksl4-section>.sksl4-wrap>h1,.sksl4-article>h1{max-width:24ch;margin-bottom:.6em}
.sksl4-cols{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));border-left:1px solid var(--ink);border-top:1px solid var(--ink)}
.sksl4-card{background:var(--paper);border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:calc(var(--u)*.7) calc(var(--u)*.75) calc(var(--u)*.8)}
.sksl4-card h3{margin:0 0 .5em}
.sksl4-card p{margin:0 0 .7em}.sksl4-card p:last-child{margin-bottom:0}
.sksl4-num{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;background:var(--indigo);color:var(--on-indigo);font:400 1.5rem/1 var(--head);margin-bottom:1rem;border-radius:0}
.sksl4-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--ink);border-top:1px solid var(--ink);background:var(--paper)}
.sksl4-steps .sksl4-card{background:transparent}
.sksl4-steps h3{font-size:1.1rem}
.sksl4-steps p{max-width:36ch}
@media (max-width:1060px){.sksl4-steps{grid-template-columns:1fr}.sksl4-steps .sksl4-card{display:grid;grid-template-columns:3.4rem 1fr;gap:0 1.2rem;align-items:start}.sksl4-steps .sksl4-num{grid-row:1/3;margin:0}.sksl4-steps h3{align-self:center}.sksl4-steps p{grid-column:2}}

/* rates: the specimen table on the teal sheet */
.sksl4-totem{background-color:var(--teal);color:var(--on-teal);padding-block:calc(var(--u)*2) calc(var(--u)*2.2);--gl:rgba(255,255,255,.07);--gl2:rgba(255,255,255,.15);border-top:1px solid var(--ink)}
.sksl4-totem h2,.sksl4-totem p{color:var(--on-teal)}
.sksl4-totem .sksl4-eyebrow{color:var(--on-teal-2)}
.sksl4-totem a{color:var(--on-teal)}
.sksl4-totem a:hover{color:var(--gold)}
.sksl4-totem .sksl4-table-wrap{margin-top:calc(var(--u)*.8)}
.sksl4-table-wrap{overflow-x:auto}
.sksl4-table{width:100%;border-collapse:collapse;font-size:1rem}
.sksl4-table th,.sksl4-table td{padding:.7rem .8rem;border:1px solid var(--rule);text-align:left}
.sksl4-table th{font:700 .875rem/1.25 var(--body);letter-spacing:.09em;text-transform:uppercase;vertical-align:bottom}
.sksl4-totem .sksl4-table{background:var(--deep);border:1px solid var(--on-teal-2)}
.sksl4-totem .sksl4-table th,.sksl4-totem .sksl4-table td{border:1px solid rgba(189,227,227,.55)}
.sksl4-totem .sksl4-table th{color:var(--on-teal-2);text-align:right}
.sksl4-totem .sksl4-table th:first-child{text-align:left}
.sksl4-totem .sksl4-table td{text-align:right;color:var(--on-teal);font:400 clamp(.95rem,2.2vw,1.45rem)/1.15 var(--head);font-variant-numeric:tabular-nums;white-space:nowrap}
.sksl4-totem .sksl4-table td:first-child{text-align:left;font:700 1.0625rem/1.3 var(--body);white-space:normal;letter-spacing:0}
.sksl4-totem .sksl4-table td:nth-child(2){background:var(--gold);color:var(--ink)}
.sksl4-totem .sksl4-table th:nth-child(2){background:var(--bronze);color:var(--ink)}
.sksl4-totem .sksl4-table td:nth-child(4){font-family:var(--body);font-weight:700;font-size:1.1rem}
@media (max-width:560px){.sksl4-totem .sksl4-table th,.sksl4-totem .sksl4-table td{padding:.6rem .45rem}.sksl4-totem .sksl4-table th{font-size:.75rem;letter-spacing:.03em}.sksl4-totem .sksl4-table td{font-size:.9rem}.sksl4-totem .sksl4-table td:first-child{font-size:.95rem}}

/* quote panel: the indigo plane the headline earns */
.sksl4-panel{background-color:var(--indigo);padding-block:calc(var(--u)*1.8) calc(var(--u)*2);--gl:rgba(255,255,255,.08);--gl2:rgba(255,255,255,.17);border-top:1px solid var(--ink)}
.sksl4-quote{background:var(--paper);border:1px solid var(--ink);padding:calc(var(--u)*1) calc(var(--u)*1.1) calc(var(--u)*1.1);border-radius:0;box-shadow:none;color:var(--ink);
  background-image:linear-gradient(var(--gl) 1px,transparent 1px),linear-gradient(90deg,var(--gl) 1px,transparent 1px);background-size:var(--u) var(--u);--gl:rgba(0,86,98,.07)}
.sksl4-quote h2{font-size:clamp(1.3rem,2.7vw,2rem);max-width:none;margin:0 0 .3em}
.sksl4-quote h3{margin-top:0}
.sksl4-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 2rem;margin-top:1.3rem;max-width:940px}
.sksl4-field{display:flex;flex-direction:column;gap:.45rem;border:0;margin:0;padding:0;min-width:0}
.sksl4-field--wide{grid-column:1/-1}
.sksl4-field>span{font:700 .95rem/1.3 var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}
.sksl4-field input,.sksl4-field select,.sksl4-field textarea{font:400 1.0625rem var(--body);min-height:52px;padding:.65rem .85rem;border:1px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);width:100%}
.sksl4-field textarea{min-height:150px}
.sksl4-field input:focus,.sksl4-field select:focus,.sksl4-field textarea:focus{outline:3px solid var(--indigo);outline-offset:2px;border-color:var(--indigo)}
.sksl4-field input[type=date]{accent-color:var(--teal)}
@media (max-width:560px){.sksl4-fields{grid-template-columns:1fr}}
.sksl4-seg{display:flex;flex-wrap:wrap;padding:0 1px 1px 0}
.sksl4-seg label{position:relative;display:block;border:0;padding:0;border-radius:0;background:none;margin:0 -1px -1px 0;cursor:pointer}
.sksl4-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.sksl4-seg label span{display:flex;align-items:center;justify-content:center;min-height:52px;min-width:56px;padding:0 1.15rem;border:1px solid var(--ink);background:#fff;font:700 1rem var(--body);color:var(--ink)}
.sksl4-seg input:checked+span{background:var(--teal);color:var(--on-teal);box-shadow:inset 0 -5px 0 var(--gold);margin:0;padding:0 1.15rem;border-radius:0}
.sksl4-seg label:has(input:checked){background:none;border:0;z-index:1}
.sksl4-seg input:focus-visible+span{outline:3px solid var(--indigo);outline-offset:2px;position:relative}
.sksl4-seg input:hover:not(:checked)+span{background:var(--paper-2)}
.sksl4-note{margin:1.2rem 0 1rem;color:var(--ink-2);font-size:.95rem;max-width:62ch}
.sksl4-status{margin-top:.8rem;min-height:1.5rem;font-size:1rem;font-weight:700;color:var(--ink)}
.sksl4-status[data-tone=error]{color:var(--err)}

/* quote results */
.sksl4-results{margin-top:0}
.sksl4-panel .sksl4-results:not(:empty){background:var(--paper);border:1px solid var(--ink);padding:calc(var(--u)*.9) calc(var(--u)*1.1) calc(var(--u)*1.1);margin-top:calc(var(--u)*.8);color:var(--ink)}
.sksl4-results{margin-top:calc(var(--u)*.8)}
.sksl4-summary{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:baseline;margin-bottom:1rem;font-size:1rem;color:var(--ink);padding-bottom:.8rem;border-bottom:1px solid var(--ink)}
.sksl4-summary strong{font:400 1.3rem var(--head)}
.sksl4-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:1px solid var(--ink);padding:1rem 1.1rem;margin-bottom:-1px;background:var(--paper);border-radius:0;color:var(--ink)}
.sksl4-result--best{background:var(--paper-2);box-shadow:inset 8px 0 0 var(--indigo);padding-left:1.7rem}
.sksl4-result strong{font:700 1.15rem var(--body)}
.sksl4-result small{display:block;color:var(--ink-2);font-size:.9rem}
.sksl4-price{font:400 1.45rem/1 var(--head);text-align:right;background:var(--teal);color:var(--on-teal);padding:.65rem .85rem;border-radius:0;font-variant-numeric:tabular-nums}
.sksl4-price small{display:block;font:700 .8rem/1.2 var(--body);color:var(--on-teal-2);text-align:right;margin-top:.35rem;letter-spacing:.03em}
.sksl4-result--best .sksl4-price{background:var(--indigo);color:var(--on-indigo)}
.sksl4-result--best .sksl4-price small{color:#D8DBFF}
.sksl4-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.sksl4-tag{font:700 .8125rem/1.2 var(--body);padding:.28rem .55rem;border-radius:0;background:var(--paper-2);border:1px solid var(--ink-2);color:var(--ink)}
.sksl4-tag--now{background:#FFE9BD;color:#5A3200;border-color:#8F5A00}
.sksl4-tag--noexam{background:var(--indigo);color:var(--on-indigo);border-color:var(--indigo)}
.sksl4-tag--usually{background:#fff;color:var(--ink);border-color:var(--indigo)}
.sksl4-group{font-size:1.05rem;margin:1.6rem 0 .5rem}
.sksl4-applicant{margin:.4rem 0 1rem;border-color:var(--indigo)}
.sksl4-result .sksl4-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sksl4-result{grid-template-columns:1fr auto auto}.sksl4-result .sksl4-btn{grid-column:auto}}
@media (max-width:480px){.sksl4-result{padding:.9rem .8rem}.sksl4-result--best{padding-left:1.3rem}}
.sksl4-disclosure{font-size:.875rem;color:var(--ink-2);border-top:1px solid var(--ink);padding-top:.9rem;margin-top:1.2rem;max-width:none}
details.sksl4-more{margin-top:.5rem;font-size:.9rem}
details.sksl4-more summary{cursor:pointer;color:var(--teal);font-weight:700;min-height:44px;display:flex;align-items:center}
.sksl4-noexam{background:var(--paper-2);border:1px solid var(--ink);box-shadow:inset 0 5px 0 var(--indigo);padding:1.4rem 1rem .5rem;margin:0 0 1.4rem}
.sksl4-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:0;font-size:1.05rem}
.sksl4-noexam-badge{display:inline-block;background:var(--indigo);color:var(--on-indigo);font:700 .85rem var(--body);letter-spacing:.1em;text-transform:uppercase;padding:.4rem .7rem;border-radius:0}
.sksl4-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sksl4-result--noexam{background:var(--paper)}
.sksl4-noexam-note+.sksl4-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--rule)}

/* why + learn */
.sksl4-why .sksl4-why-text{font-size:1.1rem}
.sksl4-why .sksl4-why-text p{max-width:60ch}
.sksl4-hl{margin-top:calc(var(--u)*.6);padding-top:1rem;border-top:1px solid var(--ink)}
.sksl4-hl p{max-width:none}
.sksl4-hl a{display:inline-block;padding-block:.35rem}
.sksl4-learn-list{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--ink);border-top:1px solid var(--ink)}
.sksl4-learn-list .sksl4-card{display:block;text-decoration:none;color:var(--ink);padding:calc(var(--u)*.8)}
.sksl4-learn-list .sksl4-card h3{color:var(--ink)}
.sksl4-learn-list .sksl4-card:hover{background:var(--paper-2);box-shadow:inset 0 -6px 0 var(--indigo)}
.sksl4-learn-list .sksl4-card:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.2em}
@media (max-width:640px){.sksl4-learn-list{grid-template-columns:1fr}}
.sksl4-cols a.sksl4-card{display:block;text-decoration:none;color:var(--ink)}
.sksl4-cols a.sksl4-card:hover{background:var(--paper-2);box-shadow:inset 0 -6px 0 var(--indigo)}
.sksl4-cols a.sksl4-card:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.2em}

/* articles, faq, tables, sources */
.sksl4-article{max-width:calc(var(--measure) + 40px);margin-inline:auto}
.sksl4-article figure{margin:0 0 1.6rem}
.sksl4-article figcaption{font-size:.875rem;color:var(--ink-2);margin-top:.5rem;border-top:1px solid var(--rule);padding-top:.5rem}
.sksl4-article img{border:1px solid var(--ink)}
.sksl4-article h2{margin-top:1.8em}
.sksl4-sources{font-size:.95rem;border-top:1px solid var(--ink);padding-top:1rem;margin-top:2rem}
.sksl4-sources ol{padding-left:1.3rem}
.sksl4-faq details{border-top:1px solid var(--ink);padding:0}
.sksl4-faq details:last-child{border-bottom:1px solid var(--ink)}
.sksl4-faq summary{cursor:pointer;font:400 1rem/1.35 var(--head);padding:1.05rem 3.4rem 1.05rem 0;min-height:56px;position:relative;list-style:none;display:flex;align-items:center}
.sksl4-faq summary::-webkit-details-marker{display:none}
.sksl4-faq summary::after{content:"+";content:"+"/"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;background:var(--indigo);color:var(--on-indigo);font:700 1.3rem/1 var(--body)}
.sksl4-faq details[open] summary::after{content:"\2212";content:"\2212"/"";background:var(--ink)}
.sksl4-faq summary:hover{color:var(--indigo)}
.sksl4-faq details p{padding-bottom:.5rem}

/* apply + calculator */
.sksl4-apply-shell{background:var(--paper);border:1px solid var(--ink);padding:1rem;min-height:600px}
.sksl4-apply-shell iframe{width:100%;border:0}
.sksl4-calc output{font:400 1.7rem var(--head);display:block;margin-top:.9rem;color:var(--indigo);font-variant-numeric:tabular-nums}
.sksl4-calc{background:var(--paper)}

/* footer */
.sksl4-foot{background-color:var(--deep);color:var(--on-teal);padding-block:calc(var(--u)*1.6);font-size:1rem;--gl:rgba(255,255,255,.05);--gl2:rgba(255,255,255,.1);border-top:1px solid var(--ink)}
.sksl4-foot a{color:var(--on-teal)}
.sksl4-foot a:hover{color:var(--gold)}
.sksl4-foot p{color:var(--on-teal);max-width:60ch}
.sksl4-foot .sksl4-brand{color:var(--on-teal);padding:0}
.sksl4-foot .sksl4-brand:hover{color:var(--gold)}
.sksl4-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;border-left:1px solid rgba(189,227,227,.4)}
.sksl4-foot-grid>*{padding:0 calc(var(--u)*.7) .5rem;border-right:1px solid rgba(189,227,227,.4)}
.sksl4-foot nav strong{display:block;font:700 .875rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-teal-2);margin-bottom:.7rem}
.sksl4-foot nav a{display:flex;align-items:center;min-height:44px}
.sksl4-foot [data-copy=legal]{font-size:.9rem!important;color:var(--on-teal-2);max-width:90ch}
@media (max-width:700px){.sksl4-foot-grid{grid-template-columns:1fr;border-left:0}.sksl4-foot-grid>*{border-right:0;border-top:1px solid rgba(189,227,227,.4);padding:1rem 0}.sksl4-foot-grid>:first-child{border-top:0}}

[data-reveal]{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
