/* Richmond Life Insurance: a plate section on uncoated stock, registration marks at every corner, one grotesque, mono labels. */
@font-face{font-family:"Work Sans";src:url(/assets/font-u27o2r3o-work-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Work Sans";src:url(/assets/font-u27o2r3o-work-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/font-u27o2r3o-ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --sheet:#F5F4F6;--sheet-warm:#FAF6F5;--sheet-green:#EEF3EF;--ink:#16181A;--ink-2:#46494D;--rule:#C9C7C4;--rule-2:#A9A6A2;
  --seal:#DCDDF3;--seal-ink:#2B2F72;--tab:#9A3D2D;--white:#FDFCFD;
  --sans:"Work Sans","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --measure:68ch;--maxw:1240px;--ease:cubic-bezier(.19,1,.22,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--sheet)}
body{margin:0;color:var(--ink);font:400 1.0625rem/1.6 var(--sans);overflow-x:clip;
  background:radial-gradient(1100px 760px at 100% 0,var(--sheet-warm),transparent 70%),radial-gradient(1000px 900px at 0 100%,var(--sheet-green),transparent 70%),var(--sheet)}
::selection{background:var(--seal);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 5px var(--seal)}
h1,h2,h3{font-family:var(--sans);font-weight:400;line-height:1.08;margin:0 0 .5em;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.35rem,6.4vw,5.75rem);line-height:1.02}
h2{font-size:clamp(1.9rem,4.2vw,3.4rem)}
h3{font-size:1.4rem;letter-spacing:-.01em}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:600}
.sjqsq-wrap{width:min(100% - 32px,var(--maxw));margin-inline:auto}
.sjqsq-skip{position:absolute;left:12px;top:-70px;background:var(--ink);color:var(--sheet);padding:.7rem 1rem;z-index:99;font:400 .9rem var(--mono)}
.sjqsq-skip:focus{top:8px}

/* mono label voice */
.sjqsq-eyebrow,.sjqsq-table th,.sjqsq-tag,.sjqsq-noexam-badge,.sjqsq-foot nav strong,.sjqsq-wx-source,.sjqsq-wx-photo span,.sjqsq-wx-day,.sjqsq-links a,.sjqsq-btn,.sjqsq-mosaic span,.sjqsq-skip{font-family:var(--mono)}
.sjqsq-eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.8125rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 1.1rem}
.sjqsq-eyebrow::before{content:"";flex:none;width:13px;height:13px;
  background:linear-gradient(var(--ink),var(--ink)) 50% 0/1px 100% no-repeat,linear-gradient(var(--ink),var(--ink)) 0 50%/100% 1px no-repeat}

/* header: 72px sticky bar of mono tokens */
.sjqsq-head{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--sheet) 94%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}
.sjqsq-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;position:relative}
.sjqsq-brand{display:inline-flex;align-items:center;gap:.7rem;font:600 1.125rem/1.1 var(--sans);letter-spacing:-.01em;color:var(--ink);text-decoration:none;min-height:44px}
.sjqsq-brand img{width:34px;height:34px}
.sjqsq-links{display:flex;align-items:center;gap:.1rem .2rem}
.sjqsq-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid transparent;transition:background .1s ease,color .1s ease}
.sjqsq-links a:hover{border-color:var(--ink);text-decoration:none}
.sjqsq-links a.sjqsq-cta,.sjqsq-cta{background:var(--ink);color:var(--sheet)!important;border-radius:0;margin-left:.6rem;border-color:var(--ink)}
.sjqsq-links a.sjqsq-cta:hover{background:var(--sheet);color:var(--ink)!important}
.sjqsq-menu{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .1s ease,color .1s ease}
.sjqsq-menu:hover{background:var(--ink);color:var(--sheet)}
@media (max-width:760px){
  .sjqsq-menu{display:inline-flex}
  .sjqsq-links{display:none;position:absolute;left:-16px;right:-16px;top:72px;background:var(--sheet);border-bottom:1px solid var(--ink);border-top:1px solid var(--rule);flex-direction:column;align-items:stretch;padding:.6rem 16px 1rem;gap:.2rem}
  .sjqsq-links[data-open]{display:flex}
  .sjqsq-links a{min-height:48px}
  .sjqsq-links a.sjqsq-cta{margin:.5rem 0 0;justify-content:center}
}

/* weather: a ruled strip of tokens */
.sjqsq-wx{background:var(--sheet-green);border-bottom:1px solid var(--rule);color:var(--ink)}
.sjqsq-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.8rem;padding:.55rem 0}
.sjqsq-wx-photo{display:inline-flex;align-items:center;gap:.7rem;background:none;border:0;padding:0;color:var(--ink);font:inherit;cursor:pointer;min-height:44px}
.sjqsq-wx-photo img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--ink)}
.sjqsq-wx-photo span{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);padding:.55rem .75rem;background:transparent;transition:background .1s ease,color .1s ease}
.sjqsq-wx-photo:hover span,.sjqsq-wx-photo[aria-expanded=true] span{background:var(--ink);color:var(--sheet)}
.sjqsq-wx-now{display:flex;align-items:center;gap:.8rem}
.sjqsq-wx-icon{display:inline-flex;color:var(--ink)}
.sjqsq-wx-now > div{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem 1rem}
.sjqsq-wx-now strong{font:400 2rem/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sjqsq-wx-now span{font-size:1rem}
.sjqsq-wx-now small{font-size:.875rem;color:var(--ink-2)}
.sjqsq-wx-days{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;border-left:1px solid var(--rule)}
.sjqsq-wx-days li{display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:.7rem;padding:0 1.1rem;border-right:1px solid var(--rule);min-height:44px}
.sjqsq-wx-day{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase}
.sjqsq-wx-glyph{display:inline-flex;color:var(--ink)}.sjqsq-wx-glyph svg{width:20px;height:20px}
.sjqsq-wx-hl{display:inline-flex;align-items:baseline;gap:.5rem;font-variant-numeric:tabular-nums}
.sjqsq-wx-hl strong{font:400 1.2rem/1 var(--sans)}
.sjqsq-wx-hl em{font-style:normal;color:var(--ink-2);font-size:.95rem}
.sjqsq-wx-cond{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sjqsq-wx-source{margin-left:auto;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.sjqsq-wx-panel{padding:0 0 1rem}
.sjqsq-wx-panel img{max-width:600px;width:100%;background:var(--white);border:1px solid var(--ink)}
.sjqsq-wx-panel p{font-size:.875rem;color:var(--ink-2);margin:.5rem 0 0}

/* hero: 12-col sheet */
.sjqsq-hero{padding:clamp(2rem,5vw,4.2rem) 0 0;overflow-x:clip}
.sjqsq-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,3vw,40px);row-gap:2rem}
.sjqsq-hero-top{grid-column:1/span 7;grid-row:1}
.sjqsq-hero-top h1{max-width:12ch;margin-bottom:0;font-size:clamp(2.35rem,5.6vw,5.2rem)}
.sjqsq-hero-copy{grid-column:1/span 6;grid-row:2;align-self:start;padding-top:.4rem}
.sjqsq-lead{font-size:1.25rem;line-height:1.55;max-width:46ch;margin:0 0 1.6rem}
.sjqsq-acts{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}
.sjqsq-plates{grid-column:8/span 5;grid-row:1/span 2;position:relative;align-self:start}
.sjqsq-hero-trust{grid-column:1/-1;grid-row:3;margin-top:1rem}
.sjqsq-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.sjqsq-trust li{padding:1.1rem 1.2rem 1.2rem 0;font-size:1rem;line-height:1.4;position:relative}
.sjqsq-trust li + li{padding-left:1.2rem;border-left:1px solid var(--rule)}
.sjqsq-trust li::before{content:"";display:block;width:13px;height:13px;margin-bottom:.7rem;
  background:linear-gradient(var(--ink),var(--ink)) 50% 0/1px 100% no-repeat,linear-gradient(var(--ink),var(--ink)) 0 50%/100% 1px no-repeat}

/* buttons */
.sjqsq-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;padding:0 1.6rem;font-size:.875rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);border-radius:0;cursor:pointer;transition:background .1s ease,color .1s ease}
.sjqsq-btn--primary{background:var(--ink);color:var(--sheet)}
.sjqsq-btn--primary:hover{background:var(--sheet);color:var(--ink);text-decoration:none}
.sjqsq-btn--ghost{background:transparent;color:var(--ink)}
.sjqsq-btn--ghost:hover{background:var(--ink);color:var(--sheet);text-decoration:none}
.sjqsq-btn[disabled]{opacity:.55;cursor:progress}

/* plates: city photographs with registration crosses at the corners, caption under each */
.sjqsq-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;--x:linear-gradient(var(--ink),var(--ink));
  padding:0}
.sjqsq-mosaic a{position:relative;display:block;padding:22px;text-decoration:none;color:var(--ink);border-radius:0;overflow:visible;background:none;
  background:
   var(--x) 0 10px/21px 1px no-repeat,var(--x) 10px 0/1px 21px no-repeat,
   var(--x) 100% 10px/21px 1px no-repeat,var(--x) calc(100% - 10px) 0/1px 21px no-repeat,
   var(--x) 0 calc(100% - 10px)/21px 1px no-repeat,var(--x) 10px 100%/1px 21px no-repeat,
   var(--x) 100% calc(100% - 10px)/21px 1px no-repeat,var(--x) calc(100% - 10px) 100%/1px 21px no-repeat}
.sjqsq-mosaic a:first-child{grid-column:1/-1}
.sjqsq-mosaic img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:var(--rule)}
.sjqsq-mosaic a:first-child img{aspect-ratio:16/10}
.sjqsq-mosaic span{position:static;display:block;padding:.75rem 0 0;margin-top:0;font-size:.8125rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:none;font-weight:400}
.sjqsq-mosaic a:hover span{text-decoration:underline;text-underline-offset:.25em}
.sjqsq-mosaic a:hover img{transform:none}

/* the stamp: pressed seal, half off the plate */
.sjqsq-stamp{position:absolute;right:-46px;top:-56px;width:156px;height:156px;z-index:3;pointer-events:none;mix-blend-mode:multiply;transition:transform .6s var(--ease)}
.sjqsq-plates:hover .sjqsq-stamp{transform:translateY(-4px)}
.sjqsq-stampsvg{display:block;width:100%;height:100%;overflow:visible}
.sjqsq-stampsvg .sjqsq-s-fill{fill:var(--seal)}
.sjqsq-stampsvg .sjqsq-s-ln{fill:none;stroke:var(--seal-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sjqsq-stampsvg .sjqsq-s-dot{fill:var(--seal-ink)}
.sjqsq-stampsvg .sjqsq-s-b{stroke-width:2}
.sjqsq-ring{transform-box:fill-box;transform-origin:center;animation:sjqsq-turn 25s linear infinite}
@keyframes sjqsq-turn{to{transform:rotate(360deg)}}

/* rail of coat hooks: the hairline divider */
.sjqsq-railband{margin-top:clamp(2rem,5vw,4rem);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);background:
  radial-gradient(circle,var(--rule-2) 1px,transparent 1.6px) 0 0/8px 8px,var(--sheet)}
.sjqsq-railband svg{display:block;width:100%;height:132px}
.sjqsq-rail .sjqsq-a-board{fill:var(--ink)}
.sjqsq-rail .sjqsq-a-line{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.sjqsq-rail .sjqsq-a-soft{stroke:var(--rule-2)}
.sjqsq-rail .sjqsq-a-peg{fill:var(--sheet);stroke:var(--ink);stroke-width:1.2}
.sjqsq-rail .sjqsq-a-fill0{fill:var(--sheet)}
.sjqsq-rail .sjqsq-a-fill1{fill:var(--seal)}
.sjqsq-rail .sjqsq-a-fill2{fill:var(--white)}
.sjqsq-rail .sjqsq-a-fill3{fill:var(--sheet-green)}
.sjqsq-rail .sjqsq-a-tab{fill:var(--tab)}

/* sections */
.sjqsq-sec{padding:clamp(3.5rem,8vw,6.5rem) 0}
.sjqsq-head2{max-width:900px;margin-bottom:2rem}
.sjqsq-head2 h2{margin:0;max-width:20ch}
.sjqsq-totem{padding:clamp(3rem,7vw,5.5rem) 0;border-bottom:1px solid var(--rule)}
.sjqsq-note-col p{font-size:1rem;color:var(--ink-2);max-width:74ch}
.sjqsq-frame{position:relative;padding:22px;margin-top:1.4rem;--x:linear-gradient(var(--ink),var(--ink));
  background:
   var(--x) 0 10px/21px 1px no-repeat,var(--x) 10px 0/1px 21px no-repeat,
   var(--x) 100% 10px/21px 1px no-repeat,var(--x) calc(100% - 10px) 0/1px 21px no-repeat,
   var(--x) 0 calc(100% - 10px)/21px 1px no-repeat,var(--x) 10px 100%/1px 21px no-repeat,
   var(--x) 100% calc(100% - 10px)/21px 1px no-repeat,var(--x) calc(100% - 10px) 100%/1px 21px no-repeat}
.sjqsq-table-wrap{overflow-x:auto}
.sjqsq-table{width:100%;border-collapse:collapse;font-size:1rem;font-variant-numeric:tabular-nums}
.sjqsq-table th,.sjqsq-table td{padding:.9rem 1rem;border:1px solid var(--rule);text-align:left}
.sjqsq-table th{font-size:.75rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--ink);vertical-align:bottom}
.sjqsq-table td{font-size:1.1rem}
.sjqsq-table td:nth-child(2){font-size:clamp(1.6rem,3.6vw,2.7rem);letter-spacing:-.02em;line-height:1.1}
.sjqsq-table td:nth-child(3){font-size:clamp(1.2rem,2.2vw,1.6rem);color:var(--ink-2)}
.sjqsq-table tbody tr:hover{background:var(--seal)}

.sjqsq-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.sjqsq-cols{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sjqsq-card{background:transparent;border:0;border-radius:0;padding:1.5rem 1.6rem 1.8rem 0}
.sjqsq-steps .sjqsq-card + .sjqsq-card{padding-left:1.6rem;border-left:1px solid var(--rule)}
.sjqsq-num{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font:400 1rem var(--mono);margin-bottom:1.1rem}
.sjqsq-steps h3{font-size:1.6rem;margin:0 0 .5rem}
.sjqsq-steps p{margin:0;color:var(--ink-2);max-width:40ch}

/* quote panel: seal-coloured sheet with a dot matrix fading out */
.sjqsq-panel{position:relative;background:var(--seal);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:clamp(3.2rem,7vw,5.5rem) 0}
.sjqsq-panel::before{content:"";position:absolute;inset:0 0 0 auto;width:min(46%,560px);background:radial-gradient(circle,var(--seal-ink) 1.1px,transparent 1.7px) 0 0/8px 8px;opacity:.35;
  -webkit-mask-image:linear-gradient(to left,#000,transparent);mask-image:linear-gradient(to left,#000,transparent);pointer-events:none}
.sjqsq-panel > .sjqsq-wrap{position:relative}
.sjqsq-quote{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.sjqsq-quote h2{font-size:clamp(1.9rem,3.8vw,3rem);max-width:none;margin:0}
.sjqsq-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.2rem;margin-top:1.8rem;max-width:920px}
.sjqsq-field{display:flex;flex-direction:column;gap:.5rem;border:0;margin:0;padding:0;min-width:0}
.sjqsq-field--wide{grid-column:1/-1}
.sjqsq-field > span{font:400 .8125rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.sjqsq-field input,.sjqsq-field select,.sjqsq-field textarea{font:400 1.0625rem var(--sans);min-height:50px;padding:.6rem .85rem;border:1px solid var(--ink);border-radius:0;background:var(--white);color:var(--ink);width:100%}
.sjqsq-field textarea{min-height:150px}
.sjqsq-field input:focus,.sjqsq-field select:focus,.sjqsq-field textarea:focus{outline:2px solid var(--ink);outline-offset:2px;box-shadow:none}
.sjqsq-seg{display:flex;flex-wrap:wrap;gap:.5rem}
.sjqsq-seg label{position:relative;display:block;border:0;padding:0;border-radius:0;background:none;cursor:pointer}
.sjqsq-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.sjqsq-seg label span{display:flex;align-items:center;min-height:50px;padding:0 1.15rem;border:1px solid var(--ink);background:var(--white);font:400 1.0625rem var(--sans);color:var(--ink);transition:background .1s ease,color .1s ease;margin:0;border-radius:0}
.sjqsq-seg input:checked + span{background:var(--ink);color:var(--sheet);margin:0;padding:0 1.15rem;border-radius:0}
.sjqsq-seg label:has(input:checked){background:none;border:0}
.sjqsq-seg input:focus-visible + span{outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 5px var(--white)}
.sjqsq-seg input:hover:not(:checked) + span{background:var(--sheet)}
.sjqsq-note{margin:1.5rem 0 1.1rem;color:var(--ink);font-size:.95rem;max-width:62ch}
.sjqsq-status{margin-top:.9rem;min-height:1.4rem;font-size:1rem;font-weight:600}
.sjqsq-status[data-tone=error]{color:#8A2A1C}

/* quote results */
.sjqsq-results{margin-top:2rem}
.sjqsq-summary{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:baseline;margin-bottom:1rem;font-size:1rem;border-top:1px solid var(--ink);padding-top:.9rem}
.sjqsq-summary strong{font:600 1.35rem var(--sans)}
.sjqsq-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:1px solid var(--ink);padding:1.05rem 1.2rem;margin-bottom:.6rem;background:var(--white);border-radius:0;box-shadow:none}
.sjqsq-result--best{background:var(--sheet);box-shadow:inset 6px 0 0 var(--seal-ink)}
.sjqsq-result strong{font:600 1.2rem var(--sans)}
.sjqsq-result small{display:block;color:var(--ink-2);font-size:.9rem}
.sjqsq-price{font:400 2rem/1 var(--sans);letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.sjqsq-price small{display:block;font:400 .75rem/1.2 var(--mono);letter-spacing:.06em;text-align:right;margin-top:.3rem;color:var(--ink-2)}
.sjqsq-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.sjqsq-tag{font-size:.75rem;line-height:1;letter-spacing:.1em;text-transform:uppercase;font-weight:400;padding:.4rem .55rem;border:1px solid var(--ink);background:var(--white);color:var(--ink);border-radius:0}
.sjqsq-tag--now{background:var(--tab);color:#fff;border-color:var(--tab)}
.sjqsq-group{font:400 1.6rem var(--sans);letter-spacing:-.01em;margin:1.8rem 0 .5rem}
.sjqsq-applicant{margin:.2rem 0 1rem;padding:1.2rem;border:1px solid var(--ink);background:var(--white)}
.sjqsq-result .sjqsq-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sjqsq-result{grid-template-columns:1fr auto auto}.sjqsq-result .sjqsq-btn{grid-column:auto}}
.sjqsq-disclosure{font-size:.875rem;color:var(--ink);border-top:1px solid var(--ink);padding-top:.9rem;margin-top:1.2rem}
details.sjqsq-more{margin-top:.5rem;font-size:.95rem}details.sjqsq-more summary{cursor:pointer;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:.2em;min-height:44px;display:flex;align-items:center}
.sjqsq-noexam{background:var(--white);border:1px solid var(--ink);padding:1.1rem 1.1rem .5rem;margin:0 0 1.4rem;border-radius:0;box-shadow:none}
.sjqsq-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.4rem}
.sjqsq-noexam-badge{display:inline-block;background:var(--ink);color:var(--sheet);font-size:.75rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .65rem;border-radius:0}
.sjqsq-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sjqsq-result--noexam{border-color:var(--ink);background:var(--sheet)}
.sjqsq-tag--noexam{background:var(--ink);color:var(--sheet);border-color:var(--ink)}
.sjqsq-tag--usually{background:var(--seal);color:var(--ink);border-color:var(--ink)}
.sjqsq-noexam-note + .sjqsq-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--ink)}

/* why */
.sjqsq-why{border-bottom:1px solid var(--rule)}
.sjqsq-why-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,3vw,40px);row-gap:1.5rem}
.sjqsq-why-grid > .sjqsq-head2{grid-column:1/span 5;margin:0}
.sjqsq-why-grid > .sjqsq-head2 h2{max-width:12ch}
.sjqsq-why-body{grid-column:7/span 6;padding-top:.3rem}
.sjqsq-why-text p{max-width:none}
.sjqsq-why-text p:first-child{font-size:1.25rem;line-height:1.5}
.sjqsq-hl{margin:2rem 0 0;padding-top:1rem;border-top:1px solid var(--ink);color:var(--ink)}
.sjqsq-hl p{max-width:none;margin:0}

/* learn: 4-up row divided by hairlines */
.sjqsq-learn-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sjqsq-learn-list .sjqsq-card{display:block;padding:1.5rem 1.4rem 1.9rem;border:0;border-left:1px solid var(--rule);text-decoration:none;color:var(--ink);transition:background .1s ease,color .1s ease;min-height:44px}
.sjqsq-learn-list .sjqsq-card:first-child{border-left:0;padding-left:0}
.sjqsq-learn-list h3{font-size:1.45rem;margin:0 0 .6rem}
.sjqsq-learn-list p{margin:0;color:var(--ink-2)}
.sjqsq-learn-list .sjqsq-card:hover{background:var(--ink);color:var(--sheet)}
.sjqsq-learn-list .sjqsq-card:first-child:hover{box-shadow:-16px 0 0 var(--ink)}
.sjqsq-learn-list .sjqsq-card:hover p{color:var(--sheet)}

/* pages: articles, faq, calculators, sources */
.sjqsq-section{padding:clamp(2.5rem,6vw,4.5rem) 0}
.sjqsq-section--soft{background:var(--seal);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sjqsq-section--deep{background:var(--sheet-green);color:var(--ink);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.sjqsq-section--deep h2,.sjqsq-section--deep h3,.sjqsq-section--deep p,.sjqsq-section--deep .sjqsq-eyebrow{color:var(--ink)}
.sjqsq-section--deep a{color:var(--ink)}
.sjqsq-section .sjqsq-lead + p,.sjqsq-article > p{max-width:var(--measure)}
.sjqsq-article{max-width:var(--measure);margin-inline:auto}
.sjqsq-article h1{font-size:clamp(2.2rem,5vw,4rem);max-width:16ch}
.sjqsq-article h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-top:2.2rem}
.sjqsq-article figure{margin:0 0 1.8rem;padding:0 12px}
.sjqsq-article figcaption{font:400 .875rem/1.5 var(--mono);letter-spacing:.02em;color:var(--ink-2);margin-top:.9rem}
.sjqsq-article img{outline:1px solid var(--ink);outline-offset:10px;border-radius:0}
.sjqsq-sources{font-size:.95rem;border-top:1px solid var(--ink);padding-top:1rem;margin-top:2.2rem}.sjqsq-sources ol{padding-left:1.2rem}
.sjqsq-faq{margin-top:1.6rem;border-top:1px solid var(--ink)}
.sjqsq-faq details{border-bottom:1px solid var(--rule);padding:.4rem 0}
.sjqsq-faq summary{cursor:pointer;font:400 1.35rem/1.35 var(--sans);letter-spacing:-.01em;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding:.4rem 0}
.sjqsq-faq summary::-webkit-details-marker{display:none}
.sjqsq-faq summary::after{content:"";flex:none;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;
  background:linear-gradient(var(--ink),var(--ink)) 50% 50%/14px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) 50% 50%/1px 14px no-repeat;transition:background-color .1s ease}
.sjqsq-faq details[open] summary::after{background:linear-gradient(var(--ink),var(--ink)) 50% 50%/14px 1px no-repeat;background-color:var(--seal)}
.sjqsq-faq summary:hover::after{background-color:var(--seal)}
.sjqsq-faq details p{margin:.3rem 0 1rem;max-width:62ch}
.sjqsq-calc{background:var(--seal);border:1px solid var(--ink);padding:1.4rem;margin:1.6rem 0;border-radius:0}
.sjqsq-calc .sjqsq-fields{margin-top:1rem}
.sjqsq-calc output{display:block;font:400 2.4rem/1.1 var(--sans);letter-spacing:-.02em;margin-top:1rem;font-variant-numeric:tabular-nums}

/* footer: credits row split by hairlines */
.sjqsq-foot{border-top:1px solid var(--ink);padding:0 0 2.4rem;font-size:.95rem;color:var(--ink);background:none}
.sjqsq-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:0}
.sjqsq-foot-grid > *{padding:2rem 1.6rem 2rem 0}
.sjqsq-foot-grid > * + *{padding-left:1.6rem;border-left:1px solid var(--rule)}
.sjqsq-foot p{margin:.8rem 0 0;color:var(--ink)}
.sjqsq-foot nav{display:flex;flex-direction:column}
.sjqsq-foot nav strong{font-size:.8125rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:.5rem}
.sjqsq-foot a{color:var(--ink)}
.sjqsq-foot nav a,.sjqsq-foot p a{display:inline-flex;align-items:center;min-height:44px}
.sjqsq-foot a:hover{text-decoration-thickness:2px}
.sjqsq-foot-grid + .sjqsq-wrap p{font-size:.875rem!important;max-width:90ch;color:var(--ink-2);margin-top:0!important;border-top:1px solid var(--rule);padding-top:1.2rem}
.sjqsq-apply-shell{background:var(--white);border:1px solid var(--ink);padding:1rem;min-height:600px;border-radius:0}
.sjqsq-apply-shell iframe{width:100%;border:0}
[data-reveal]{opacity:1;transform:none}

@media (max-width:900px){
  .sjqsq-hero-top,.sjqsq-hero-copy{grid-column:1/-1;grid-row:auto}
  .sjqsq-plates{grid-column:1/-1;grid-row:auto;margin-top:.5rem}
  .sjqsq-hero-trust{grid-row:auto}
  .sjqsq-stamp{right:-6px;top:-34px;width:110px;height:110px}
  .sjqsq-trust{grid-template-columns:1fr 1fr}
  .sjqsq-trust li:nth-child(3){padding-left:0;border-left:0}
  .sjqsq-trust li:nth-child(n+3){border-top:1px solid var(--rule)}
  .sjqsq-steps{grid-template-columns:1fr}
  .sjqsq-steps .sjqsq-card,.sjqsq-steps .sjqsq-card + .sjqsq-card{padding:1.4rem 0;border-left:0}
  .sjqsq-steps .sjqsq-card + .sjqsq-card{border-top:1px solid var(--rule)}
  .sjqsq-why-grid > .sjqsq-head2,.sjqsq-why-body{grid-column:1/-1}
  .sjqsq-learn-list{grid-template-columns:1fr 1fr}
  .sjqsq-learn-list .sjqsq-card:nth-child(3){border-left:0;padding-left:0}
  .sjqsq-learn-list .sjqsq-card:nth-child(n+3){border-top:1px solid var(--rule)}
  .sjqsq-learn-list .sjqsq-card:nth-child(3):hover{box-shadow:-16px 0 0 var(--ink)}
  .sjqsq-wx-source{margin-left:0;flex-basis:100%}
  .sjqsq-foot-grid{grid-template-columns:1fr 1fr}
  .sjqsq-foot-grid > div:first-child{grid-column:1/-1;border-bottom:1px solid var(--rule);padding-right:0}
  .sjqsq-foot-grid > nav:nth-child(2){padding-left:0;border-left:0}
}
@media (max-width:560px){
  .sjqsq-trust{grid-template-columns:1fr}
  .sjqsq-trust li,.sjqsq-trust li + li{padding:1rem 0;border-left:0}
  .sjqsq-trust li + li{border-top:1px solid var(--rule)}
  .sjqsq-trust li::before{display:inline-block;margin:0 .7rem 0 0;vertical-align:-1px}
  .sjqsq-btn{flex:1 1 100%}
  .sjqsq-fields{grid-template-columns:1fr}
  .sjqsq-seg label span{padding:0 .95rem}
  .sjqsq-seg input:checked + span{padding:0 .95rem}
  .sjqsq-mosaic{grid-template-columns:1fr}
  .sjqsq-mosaic a{padding:20px 20px 14px}
  .sjqsq-frame{padding:18px 10px}
  .sjqsq-table th,.sjqsq-table td{padding:.65rem .5rem}
  .sjqsq-table th{font-size:.6875rem;letter-spacing:.06em}
  .sjqsq-table td{font-size:1rem}
  .sjqsq-learn-list{grid-template-columns:1fr}
  .sjqsq-learn-list .sjqsq-card,.sjqsq-learn-list .sjqsq-card:nth-child(3){border-left:0;padding:1.3rem 0}
  .sjqsq-learn-list .sjqsq-card + .sjqsq-card{border-top:1px solid var(--rule)}
  .sjqsq-learn-list .sjqsq-card:hover{box-shadow:-16px 0 0 var(--ink),16px 0 0 var(--ink)}
  .sjqsq-foot-grid{grid-template-columns:1fr}
  .sjqsq-foot-grid > *,.sjqsq-foot-grid > * + *{padding:1.4rem 0;border-left:0}
  .sjqsq-foot-grid > * + *{border-top:1px solid var(--rule)}
  .sjqsq-result{grid-template-columns:1fr}
  .sjqsq-price,.sjqsq-price small{text-align:left}
  .sjqsq-wx-days li{padding:0 .7rem;column-gap:.5rem}
  .sjqsq-stamp{width:92px;height:92px;right:-2px;top:-30px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sjqsq-ring{animation:none}.sjqsq-stamp,.sjqsq-btn,.sjqsq-links a{transition:none}}
.sjqsq-why .sjqsq-head2::after{content:"";display:block;margin-top:2rem;height:120px;max-width:420px;background:radial-gradient(circle,var(--ink-2) 1px,transparent 1.6px) 0 0/8px 8px;opacity:.45;-webkit-mask-image:linear-gradient(to right,#000,transparent);mask-image:linear-gradient(to right,#000,transparent)}

/* eyebrows sit under the heading as plate captions */
.sjqsq-hero-top h1{margin-bottom:1rem}.sjqsq-hero-top .sjqsq-eyebrow{margin:0}
.sjqsq-wrap:has(> .sjqsq-eyebrow + h1),.sjqsq-article:has(> .sjqsq-eyebrow + h1){display:flex;flex-direction:column;align-items:flex-start}
.sjqsq-wrap:has(> .sjqsq-eyebrow + h1) > *,.sjqsq-article:has(> .sjqsq-eyebrow + h1) > *{order:3;align-self:stretch}
.sjqsq-wrap:has(> .sjqsq-eyebrow + h1) > h1,.sjqsq-article:has(> .sjqsq-eyebrow + h1) > h1{order:1;margin-bottom:.6rem}
.sjqsq-wrap:has(> .sjqsq-eyebrow + h1) > .sjqsq-eyebrow,.sjqsq-article:has(> .sjqsq-eyebrow + h1) > .sjqsq-eyebrow{order:2;margin:0 0 1.4rem;align-self:flex-start}