/* =========================================================
   TEMORA site layer (finitions, 2 Oct 2026)
   Loaded on every page after v12.css. One identity: white + glacier blue,
   harbour blue actions, graphite text, Instrument Sans. Implements the
   shared components used by the inner pages (page hero, split, cards,
   steps, checks, resources, guides, FAQ, forms, tables, CTA band).
   ========================================================= */
:root{
  --g-ink:#1C2229; --g-ink-2:#3B444E; --g-muted:#596573; --g-line:#DDE8F3; --g-line-2:#C9D7E6;
  --g-ice:#F4F8FD; --g-ice-2:#EAF2FC; --g-sky:#D6E6F8; --g-blue:#1F4F86; --g-blue-2:#173D69; --g-accent:#3C7FC4;
}
body{color:var(--g-ink)}
.wrap-narrow{max-width:820px;margin:0 auto;padding:0 var(--gut)}
.section{padding:clamp(64px,8vw,112px) 0}
.section.tight{padding:clamp(40px,5vw,64px) 0}
.section.off{background:linear-gradient(180deg,#fff,var(--g-ice) 18%,var(--g-ice) 82%,#fff)}
.reveal{opacity:1!important;transform:none!important}

/* type */
.kicker{display:block;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--g-blue)}
.h-lg{font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.08;letter-spacing:-0.035em}
.h-md{font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-0.025em;line-height:1.2}
.lede{color:var(--g-muted)}
.sh{max-width:780px}
.sh .kicker + h2,.sh .kicker + .h-lg{margin-top:14px}
.link{color:var(--g-blue);text-decoration:underline;text-decoration-color:rgba(31,79,134,.35);text-underline-offset:4px}
.link:hover{text-decoration-color:var(--g-blue)}
main p a:not(.btn):not([class]){color:var(--g-blue);text-underline-offset:3px}

/* buttons (legacy names mapped to the homepage buttons) */
.btn{min-height:52px;padding:0 24px;border-radius:9px;font-size:16px}
.btn-ink,.btn-primary{background:linear-gradient(135deg,#235a94,#1f4f86);color:#fff;border:1px solid #184777;box-shadow:0 6px 14px rgba(31,79,134,.08)}
.btn-ink:hover,.btn-primary:hover{background:var(--g-blue-2)}
.btn-line,.btn-quiet{background:#fff;color:var(--g-ink);box-shadow:inset 0 0 0 1px var(--g-line-2)}
.btn-line:hover,.btn-quiet:hover{box-shadow:inset 0 0 0 1px var(--g-blue)}
.btn .arr{margin-left:6px}
.ctas{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.nav-cta{background:var(--g-blue)}

/* page hero: same continuous white → glacier field as the home hero, no product */
.phero{position:relative;isolation:isolate;padding:clamp(40px,5vw,72px) 0 clamp(48px,6vw,80px)}
.phero::before{content:"";position:absolute;z-index:-1;inset:-80px 0 0;pointer-events:none;
  background:radial-gradient(ellipse at 82% 30%,#e8f3fe 0%,#f5faff 36%,rgba(255,255,255,0) 70%)}
.phero h1{margin-top:16px;font-size:clamp(36px,4.6vw,64px);font-weight:500;line-height:1.04;letter-spacing:-0.045em;max-width:15em}
.phero .lede{margin-top:22px;max-width:40em;font-size:clamp(17px,1.4vw,20px);line-height:1.55}
.phero .ctas{justify-content:flex-start}
.phero-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
.crumbs{padding-top:22px}
.crumbs ol{color:var(--g-muted)}

/* split: heading column + body */
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:start}
.split.rev{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.split .body{display:grid;gap:16px;color:var(--g-ink-2);font-size:17.5px;line-height:1.65}
.split .body h3{color:var(--g-ink);font-size:20px;font-weight:600;margin-top:8px}
.sticky{position:sticky;top:100px}

/* three points: hairline rules, no boxed cards */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3vw,48px)}
.cards3>div{display:grid;gap:10px;align-content:start;padding-top:22px;border-top:1px solid var(--g-line-2)}
.cards3>div:first-child{border-top:2px solid var(--g-blue)}
.cards3 h3{font-size:20px;font-weight:600;letter-spacing:-0.015em}
.cards3 p{color:var(--g-ink-2);font-size:16px;line-height:1.6}
.cards3 .tag{display:none}

/* numbered steps */
.steps{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3vw,48px);list-style:none;padding:0}
.steps.four{grid-template-columns:repeat(4,1fr)}
.steps li{display:grid;gap:10px;align-content:start;padding-top:22px;border-top:1px solid var(--g-line-2)}
.steps .num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--g-blue);color:var(--g-blue);font:600 14px/1 var(--font)}
.steps h3{font-size:19px;font-weight:600;letter-spacing:-0.01em}
.steps p{color:var(--g-ink-2);font-size:15.5px;line-height:1.55}

/* checks + chips */
.checks{margin-top:22px;display:grid;gap:12px;list-style:none;padding:0}
.checks li{display:flex;gap:12px;font-size:16.5px;color:var(--g-ink-2)}
.checks li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;
  background:var(--g-ice-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-5' fill='none' stroke='%231F4F86' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.chips li{padding:11px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--g-line-2);font-size:15.5px;font-weight:500}
.tag{display:inline-flex;font-size:13px;font-weight:500;padding:6px 10px;border-radius:999px;background:var(--g-ice-2);color:var(--g-blue)}
.note{padding:18px 20px;border-radius:14px;background:var(--g-ice);font-size:15.5px;color:var(--g-ink-2)}
.note b{color:var(--g-ink)}

/* tinted panel: glacier only (legacy lav / mint / peach all map here) */
.panel{margin:0;border-radius:0;background:linear-gradient(180deg,var(--g-ice),var(--g-ice-2))}
.panel.lav,.panel.mint,.panel.peach{background:linear-gradient(180deg,var(--g-ice) 0%,var(--g-ice-2) 100%)}

/* TEMORA / your organization lists */
.two-lists{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--g-ink)}
.two-lists>div{padding:26px 32px 30px 0}
.two-lists>div+div{padding-left:32px;border-left:1px solid var(--g-line)}
.two-lists .us{background:radial-gradient(70% 80% at 30% 40%,rgba(214,230,248,.55),rgba(214,230,248,0))}
.two-lists .you{background:none}
.two-lists h3{font-size:20px;font-weight:600}

/* rows of links */
.rows{margin-top:36px;border-top:1px solid var(--g-line-2)}
.rows a{display:grid;grid-template-columns:1fr 1.3fr 32px;align-items:center;gap:24px;padding:24px 4px;border-bottom:1px solid var(--g-line-2);text-decoration:none;color:var(--g-ink)}
.rows a:hover b{color:var(--g-blue)}
.rows b{font-size:clamp(19px,1.8vw,24px);font-weight:500;letter-spacing:-0.02em}
.rows span{color:var(--g-ink-2)}

/* resources grid */
.res{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3vw,44px)}
.res a{display:grid;gap:10px;align-content:start;padding:24px 0 32px;border-top:1px solid var(--g-line-2);text-decoration:none;color:var(--g-ink)}
.res a:hover h3{color:var(--g-blue)}
.res .cat{font-size:13px;font-weight:500;color:var(--g-blue)}
.res h3{font-size:19px;font-weight:600;letter-spacing:-0.015em;line-height:1.3}
.res p{color:var(--g-ink-2);font-size:15.5px;line-height:1.55}
.res .go{font-size:15px;font-weight:500;color:var(--g-blue)}
.res a.feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;padding:36px 40px;margin-bottom:12px;border:0;border-radius:20px;
  background:radial-gradient(70% 90% at 90% 20%,rgba(214,230,248,.9),rgba(214,230,248,0)),linear-gradient(160deg,var(--g-ice),var(--g-ice-2))}
.res a.feature .cat,.res a.feature h3{grid-column:1}
.res a.feature h3{font-size:clamp(24px,2.4vw,32px);font-weight:500;letter-spacing:-0.025em}
.res a.feature p,.res a.feature .go{grid-column:2}
.res a.feature p{grid-row:1/span 2;align-self:end;font-size:18px}

/* guides: reading width, sticky contents, real headings */
.article{display:grid;grid-template-columns:220px minmax(0,720px);gap:clamp(32px,5vw,72px);justify-content:center}
.toc{position:sticky;top:96px;align-self:start;font-size:14.5px}
.toc p{font-size:13px;font-weight:600;color:var(--g-ink)}
.toc ol{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:4px;border-left:1px solid var(--g-line)}
.toc a{display:block;padding:5px 0 5px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--g-muted);text-decoration:none;line-height:1.35}
.toc a:hover{color:var(--g-blue);border-left-color:var(--g-blue)}
.prose{font-size:18px;line-height:1.72;color:var(--g-ink-2)}
.prose>*+*{margin-top:18px}
.prose h2{margin-top:52px;font-size:clamp(24px,2.3vw,30px);font-weight:500;letter-spacing:-0.025em;line-height:1.2;color:var(--g-ink);scroll-margin-top:100px}
.prose h3{margin-top:30px;font-size:20px;font-weight:600;color:var(--g-ink)}
.prose ul,.prose ol{padding-left:0;list-style:none;display:grid;gap:10px}
.prose ul li{position:relative;padding-left:22px}
.prose ul li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--g-accent)}
.prose ol{counter-reset:p}
.prose ol li{position:relative;padding-left:30px;counter-increment:p}
.prose ol li::before{content:counter(p);position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--g-blue);box-shadow:inset 0 0 0 1.4px var(--g-blue)}
.prose a{color:var(--g-blue)}
.prose strong{color:var(--g-ink)}
.prose table{width:100%;border-collapse:collapse;font-size:15.5px;margin-top:22px}
.prose th,.prose td{text-align:left;vertical-align:top;padding:12px 14px 12px 0;border-bottom:1px solid var(--g-line)}
.prose thead th{font-size:14px;color:var(--g-muted);border-bottom:1.5px solid var(--g-ink)}
.checklist li::before{content:""!important;width:16px!important;height:16px!important;top:.4em!important;left:0!important;border-radius:5px!important;background:#fff!important;box-shadow:inset 0 0 0 1.5px var(--g-accent)!important}
.checklist li{padding-left:28px!important}
.keypoint{padding:22px 24px;border-radius:16px;background:radial-gradient(70% 90% at 95% 10%,rgba(214,230,248,.9),rgba(214,230,248,0)),var(--g-ice);color:var(--g-ink);font-size:17px;line-height:1.6;box-shadow:inset 3px 0 0 var(--g-blue)}
.keypoint b{display:block;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--g-blue);margin-bottom:6px}
.article-meta{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--g-muted)}
.article-meta span+span::before{content:"·";margin-right:18px;color:var(--g-line-2)}

/* FAQ */
.qa-group{margin-top:52px}.qa-group:first-of-type{margin-top:12px}
.qa-group h2{font-size:22px;font-weight:600;letter-spacing:-0.015em;margin-bottom:10px}
.qa-list{border-top:1px solid var(--g-ink)}
details.qa{border-bottom:1px solid var(--g-line)}
details.qa:first-of-type{border-top:0}
details.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-weight:500;font-size:17px;color:var(--g-ink)}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary::after{content:"";flex:none;width:10px;height:10px;margin-top:7px;border-right:1.6px solid var(--g-muted);border-bottom:1.6px solid var(--g-muted);transform:rotate(45deg);transition:transform .25s}
details.qa[open] summary::after{transform:rotate(-135deg);margin-top:11px}
details.qa summary:hover{color:var(--g-blue)}
details.qa .a,details.qa .ans{padding:0 0 20px;color:var(--g-ink-2);max-width:44em;line-height:1.65}

/* forms */
.form{display:grid;gap:18px;padding:clamp(24px,3vw,36px);border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--g-line),0 30px 60px -44px rgba(31,79,134,.45)}
.form h2{margin-bottom:2px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px;border:0;margin:0;padding:0;min-width:0}
.field label,.field legend{font-size:14.5px;font-weight:500;color:var(--g-ink);padding:0}
.field .hint,.hint{font-size:13px;color:var(--g-muted);font-weight:400}
.field input,.field select,.field textarea{width:100%;font:400 16px/1.4 var(--font);color:var(--g-ink);padding:12px 14px;border-radius:10px;border:1px solid var(--g-line-2);background:#fff;transition:border-color .2s,box-shadow .2s}
.field select{background-color:#fff;color:var(--g-ink)}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--g-accent);box-shadow:0 0 0 3px rgba(60,127,196,.18)}
.field input:user-invalid,.field select:user-invalid{border-color:#B4483B}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.seg2 label{position:relative;display:grid;gap:4px;padding:14px 16px 14px 44px;border-radius:12px;border:1px solid var(--g-line-2);cursor:pointer;font-weight:500;transition:border-color .2s,background .2s}
.seg2 label::before{content:"";position:absolute;left:16px;top:16px;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--g-line-2);background:#fff}
.seg2 label:has(input:checked){border-color:var(--g-blue);background:var(--g-ice)}
.seg2 label:has(input:checked)::before{background:var(--g-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:none}
.seg2 label:has(input:focus-visible){outline:2px solid var(--g-accent);outline-offset:2px}
.seg2 label small{font-weight:400;font-size:13px;color:var(--g-muted)}
.seg2 input{position:absolute;opacity:0;pointer-events:none}
.need-error{font-size:14px;color:#9A3A2F}
.fine{font-size:13px;color:var(--g-muted)}
.fine a{color:var(--g-blue)}
.form-status{font-size:14.5px;color:var(--g-ink-2)}
.form-status.show{padding:14px 16px;border-radius:10px;background:var(--g-ice);box-shadow:inset 3px 0 0 var(--g-blue)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.intent-only{display:none}
.form.need-equip .intent-equip,.form.need-integrate .intent-integrate{display:grid}
.form button[type=submit]{justify-self:start}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"intro form" "next form";gap:32px clamp(32px,6vw,88px);align-items:start}
.c-intro{grid-area:intro}.c-form{grid-area:form}.c-next{grid-area:next}
.c-next .steps{grid-template-columns:1fr;gap:18px;margin-top:18px}
.c-intro h1{margin-top:14px;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.05;letter-spacing:-0.04em}
.c-intro .lede{margin-top:18px}

/* two needs (equip / integrate) */
.paths{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.path{position:relative;display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:20px;text-decoration:none;color:var(--g-ink);min-height:0;transition:box-shadow .3s}
.path.equip,.path.integrate{background:linear-gradient(160deg,var(--g-ice),var(--g-ice-2))}
.path.integrate{background:radial-gradient(70% 80% at 90% 10%,rgba(214,230,248,.9),rgba(214,230,248,0)),linear-gradient(160deg,#fff,var(--g-ice))}
.path:hover{box-shadow:inset 0 0 0 1.5px var(--g-blue)}
.path h3{font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-0.02em}
.path p{color:var(--g-ink-2)}
.path-for{font-size:13.5px;font-weight:500;color:var(--g-blue)}
.path ul{list-style:none;padding:0;display:grid;gap:8px;margin-top:4px}
.path li{padding-left:20px;position:relative;color:var(--g-ink-2)}
.path li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--g-accent)}
.path-cta{margin-top:auto;padding-top:8px;font-weight:500;color:var(--g-blue)}
.paths-both{margin-top:18px}

/* closing CTA band (shared partial) */
.final{margin-top:clamp(40px,5vw,72px);padding:clamp(56px,6vw,84px) var(--gut);text-align:center;background:linear-gradient(180deg,#fff,var(--g-ice) 30%,var(--g-ice-2))}
.final h2{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-0.03em;line-height:1.1}
.final .lede{margin:14px auto 0;max-width:36em}
.final .ctas{justify-content:center}
main:has(> .final:last-child) + .footer,main:has(> section:last-child.final) + .footer{margin-top:0}

/* legal */
.legal .prose{max-width:760px}

/* responsive */
@media(max-width:1000px){
  .split,.split.rev,.phero-split,.two-lists,.contact-grid,.article,.paths{grid-template-columns:1fr}
  .contact-grid{grid-template-areas:"intro" "form" "next"}
  .sticky,.toc{position:static}
  .two-lists>div+div{padding-left:0;border-left:0;border-top:1px solid var(--g-line)}
  .cards3,.res{grid-template-columns:1fr 1fr}
  .steps.four{grid-template-columns:1fr 1fr;gap:28px}
  .res a.feature{grid-template-columns:1fr}.res a.feature p,.res a.feature .go{grid-column:1;grid-row:auto}
}
@media(max-width:640px){
  .cards3,.res,.steps{grid-template-columns:1fr}
  .steps{gap:24px}.steps.four{grid-template-columns:1fr}
  .form .row2,.seg2{grid-template-columns:1fr}
  .rows a{grid-template-columns:1fr;gap:6px}
  .phero h1{font-size:clamp(32px,9vw,40px)}
  .prose{font-size:17px}
  .toc{padding:16px;border-radius:12px;background:var(--g-ice)}
  .res a.feature{padding:26px 22px}
}
.nav .nav-cta{min-height:38px;padding:0 16px;font-size:15px;border-radius:9px}
/* solution page visual: real hub + what this organization receives */
.sol-vis{position:relative;margin:0;min-height:380px}
.sol-stage{position:absolute;left:0;bottom:8%;width:58%;aspect-ratio:1.25;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(closest-side,rgba(214,232,250,.95),rgba(214,232,250,0))}
.sol-stage img{position:relative;z-index:1;width:62%;height:auto;filter:drop-shadow(0 2px 2px rgba(28,34,41,.08)) drop-shadow(0 16px 16px rgba(28,34,41,.12))}
.sol-shadow{position:absolute;left:24%;right:24%;top:66%;height:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(28,34,41,.22),rgba(28,34,41,0));filter:blur(4px)}
.sol-card{position:absolute;right:0;top:4%;width:min(330px,62%);padding:20px 18px 14px;border-radius:16px;background:linear-gradient(160deg,#fff,#F3F8FE);box-shadow:inset 0 0 0 1px #C9D9EB,0 24px 40px -30px rgba(31,79,134,.5)}
.sol-h b{display:block;font-size:16px;font-weight:600}
.sol-h span{display:block;margin-top:2px;font-size:13px;color:#596573}
.sol-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;padding:12px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #E3ECF6;font-size:14px;color:#3B444E}
.sol-row b{font-size:17px;font-weight:600;color:#1C2229;white-space:nowrap}
.sol-row small{font-size:11px;font-weight:400;color:#596573}
.sol-f{margin-top:10px;font-size:12px;color:#3C7FC4}
@media(max-width:1000px){.sol-vis{min-height:300px;max-width:520px}}
@media(max-width:640px){.sol-vis{min-height:250px}.sol-stage{width:62%}.sol-card{width:66%;padding:14px 12px 10px}.sol-row{padding:9px;font-size:12.5px}.sol-row b{font-size:14.5px}}
.sol-stage{left:-2%;bottom:0;width:48%}
.sol-card{top:0}
.sol-vis{min-height:420px}
/* the v12 hub-page .split (two lists) must not leak into generic page splits */
.section .split{border-top:0}
.section .split>div,.section .split>div+div{padding:0;border-left:0}
@media(max-width:640px){.sol-vis{min-height:300px}.sol-stage{width:56%}}
.section .split li{padding:0;border-bottom:0}.section .split ul{margin-top:0}.section .split ul.checks{margin-top:22px}
@media(max-width:640px){
  .sol-vis{min-height:0;display:grid;grid-template-columns:34% 1fr;align-items:center;gap:8px;margin-top:8px}
  .sol-stage,.sol-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}
  .sol-stage img{width:100%}
  .phero .ctas .btn{flex:1 1 auto}
}
.crumbs ol{flex-wrap:wrap;-webkit-mask:none;mask:none;overflow:visible}
.crumbs{position:relative;z-index:2}
.section .split .chips li{padding:11px 16px}
.two-lists ul{margin-top:14px;list-style:none;padding:0;display:grid;gap:0}
.two-lists li,.section .split .two-lists li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--g-line);color:var(--g-ink-2)}
.two-lists .us li::before{content:"";position:absolute;left:0;top:14px;width:16px;height:16px;border-radius:50%;background:var(--g-ice-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-5' fill='none' stroke='%231F4F86' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.two-lists .you li::before{content:"";position:absolute;left:3px;top:21px;width:10px;height:1.5px;background:var(--g-muted)}
.two-lists[style*="1fr"]>div,.two-lists[style*="1fr"]>div+div{padding:22px 0;border-left:0}
.two-lists[style*="1fr"]>div+div{border-top:1px solid var(--g-line)}
.two-lists .us{background:none}
.g-all{display:inline-flex;align-items:center;min-height:32px}
