/* Page styles from the original design (service-support-maintenance). Generated by tools/seed/services.php. */
.svc-hero .wrap > *,.sp-two > *{min-width:0}
.hero-meta{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px}
.hero-meta li{background:var(--glass-bg);box-shadow:var(--glass-edge);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.hero-meta b{font-size:1.25rem;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.hero-meta span{font-size:13px;color:var(--ink-2);line-height:1.35}
.note{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--dark-muted)}
/* hero: site health board */
.hb{display:grid;gap:12px}
.hb-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hb-sites{display:flex;gap:6px;flex-wrap:wrap}
.hb-state{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dark-ink)}
.hb-state i{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 18%,transparent)}
.hb-state.bad i{background:#ff6b5b;box-shadow:0 0 0 4px rgb(255 107 91/.2);animation:sp-pulse 1s ease-in-out infinite alternate}
.hb-state.warn i{background:var(--amber);box-shadow:0 0 0 4px rgb(255 181 71/.2)}
@keyframes sp-pulse{to{box-shadow:0 0 0 8px rgb(255 107 91/.05)}}
.hb-up{background:var(--dark-2);border-radius:12px;padding:12px}
.hb-up .lbl{display:flex;justify-content:space-between;font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dark-muted);margin-bottom:8px}
.hb-bars{display:grid;grid-template-columns:repeat(30,1fr);gap:3px;height:34px}
.hb-bars i{border-radius:2px;background:var(--lime);opacity:.85;transition:background-color .4s}
.hb-bars i.dip{background:var(--amber)}
.hb-bars i.down{background:#ff6b5b}
.hb-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hb-k div{background:var(--dark-2);border-radius:12px;padding:10px 12px;display:grid;gap:2px}
.hb-k b{font-weight:500;font-size:1.25rem;color:var(--dark-ink);font-variant-numeric:tabular-nums;transition:color .3s}
.hb-k b.bad{color:#ff8b7e}
.hb-k small{font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dark-muted)}
.hb-inc{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--dark-2);border-radius:12px;padding:12px}
.hb-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;grid-column:1/-1}
.hb-steps span{font:500 10.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:7px 4px;border-radius:8px;background:var(--dark-3);color:var(--dark-muted);transition:background-color .3s,color .3s}
.hb-steps span.on{background:var(--lime);color:var(--ink)}
.hb-steps span.done{background:color-mix(in srgb,var(--lime) 18%,transparent);color:var(--lime)}
.hb-log{grid-column:1/-1;font:12px/1.55 var(--mono);color:var(--dark-ink);min-height:4.7em;margin:0;white-space:pre-wrap}
.hb-log em{font-style:normal;color:var(--dark-muted)}
.hb-btn{border:0;cursor:pointer;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:9px 12px;border-radius:999px;background:#ff6b5b;color:#1a0b09}
.hb-btn[disabled]{opacity:.45;cursor:default}
/* upkeep timeline */
.up{display:grid;gap:18px}
.up-track{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-radius:var(--r-lg);overflow:hidden;background:rgb(255 255 255/.6);box-shadow:var(--glass-edge)}
.up-track > span{font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:10px 0 88px;text-align:center;border-left:1px solid var(--line)}
.up-track > span:first-child{border-left:0}
.up-ev{position:absolute;top:44px;transform:translateX(-50%);border:0;cursor:pointer;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--lime);font:600 12px var(--mono);display:grid;place-items:center;box-shadow:0 8px 18px -8px rgb(0 0 0/.5);transition:transform .2s}
.up-ev.k-sec{background:#ff6b5b;color:#fff}
.up-ev.k-minor{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line),0 8px 18px -10px rgb(0 0 0/.4)}
.up-ev:hover,.up-ev[aria-pressed="true"]{transform:translateX(-50%) scale(1.15)}
.up-ev[aria-pressed="true"]{outline:3px solid var(--lime-2);outline-offset:2px}
.up-ev.lane2{top:84px}
.up-detail{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:20px 22px;border-radius:var(--r-lg);background:var(--ink);color:#fff;min-height:110px}
.up-detail .when{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lime);padding-top:3px;white-space:nowrap}
.up-detail b{display:block;font-weight:500;font-size:1.15rem;margin-bottom:6px}
.up-detail p{color:#cfcfcb;font-size:15px}
.up-key{display:flex;gap:16px;flex-wrap:wrap;font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.up-key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
/* update pipeline */
.pipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.pipe-st{border-radius:14px;background:var(--dark-2);padding:14px;display:grid;gap:8px;align-content:start;transition:box-shadow .3s}
.pipe-st h3{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dark-muted);display:flex;justify-content:space-between}
.pipe-st h3 i{font-style:normal}
.pipe-st.run{box-shadow:0 0 0 2px var(--lime)}
.pipe-st.fail{box-shadow:0 0 0 2px #ff6b5b}
.pipe-st.ok h3 i{color:var(--lime)}
.pipe-st.fail h3 i{color:#ff8b7e}
.shot{position:relative;aspect-ratio:16/10;border-radius:8px;background:#f4f4f2;overflow:hidden}
.shot .hd{position:absolute;left:8%;right:8%;top:9%;height:9%;border-radius:3px;background:#141414}
.shot .hero{position:absolute;left:8%;right:8%;top:24%;height:30%;border-radius:4px;background:linear-gradient(120deg,#d9d6cf,#c9c4ba)}
.shot .btn2{position:absolute;left:8%;top:60%;width:34%;height:9%;border-radius:999px;background:var(--lime);transition:transform .4s,left .4s}
.shot .row{position:absolute;left:8%;right:8%;top:75%;height:14%;display:grid;grid-template-columns:repeat(3,1fr);gap:6%}
.shot .row i{background:#e1ded8;border-radius:3px}
.shot.broken .btn2{left:52%;transform:rotate(-4deg)}
.shot .diff{position:absolute;inset:0;background:rgb(255 107 91/.0);transition:background-color .3s;pointer-events:none}
.shot.broken .diff{background:linear-gradient(rgb(255 107 91/.0),rgb(255 107 91/.0)) ,radial-gradient(circle at 50% 64%,rgb(255 107 91/.35),transparent 38%)}
.pipe-st p{font-size:13px;color:var(--dark-ink);line-height:1.45}
.pipe-ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.sw{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--dark-ink);cursor:pointer;background:none;border:0}
.sw .t{width:40px;height:22px;border-radius:999px;background:var(--dark-3);position:relative;transition:background-color .2s}
.sw .t::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.sw[aria-checked="true"] .t{background:#ff6b5b}
.sw[aria-checked="true"] .t::after{transform:translateX(18px)}
/* month heatmap */
.hm-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(18px,3vw,40px);align-items:start}
.hm{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.hm .dow{font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center;padding-bottom:4px}
.hm button{aspect-ratio:1;border:0;border-radius:10px;cursor:pointer;font:500 12px var(--mono);color:var(--ink);background:rgb(255 255 255/.7);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--line);display:grid;place-items:center;position:relative;transition:transform .15s}
.hm button:hover{transform:translateY(-2px)}
.hm button.l1{background:#c4defb}.hm button.l2{background:#8abef7}.hm button.l3{background:var(--lime)}.hm button.l4{background:var(--lime-2)}
.hm button.is-sec::after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#ff6b5b}
.hm button[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:2px}
.hm .pad{visibility:hidden}
.hm-card{border-radius:var(--r-lg);padding:22px;background:var(--glass-tint,#fff);box-shadow:var(--glass-edge);display:grid;gap:12px;min-height:240px}
.hm-card .d{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hm-card b{font-weight:500;font-size:1.3rem;letter-spacing:-.02em}
.hm-card .tags{display:flex;gap:6px;flex-wrap:wrap}
.hm-card .tags span{font:500 10.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:rgb(20 20 20/.06)}
.hm-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
.hm-sum div{border-radius:12px;background:rgb(20 20 20/.04);padding:10px}
.hm-sum b{display:block;font-size:1.3rem}
.hm-sum small{font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.hm-legend{display:flex;gap:6px;align-items:center;font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:12px;flex-wrap:wrap}
.hm-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}
/* severity selector */
.sev{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,40px);align-items:center}
.sev-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sev-pick button{border:0;cursor:pointer;border-radius:16px;padding:16px 10px;text-align:left;background:rgb(255 255 255/.75);box-shadow:var(--glass-edge);display:grid;gap:4px;transition:transform .2s,background-color .2s}
.sev-pick button b{font-size:1.6rem;font-weight:500;letter-spacing:-.03em}
.sev-pick button span{font:500 10.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.sev-pick button[aria-checked="true"]{background:var(--ink);color:#fff;transform:translateY(-3px)}
.sev-pick button[aria-checked="true"] span{color:var(--lime)}
.sev-out{border-radius:var(--r-lg);background:var(--dark);color:var(--dark-ink);padding:24px;display:grid;gap:16px}
.sev-out .ex{font-size:15px;color:#cfcfcb}
.sev-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sev-nums div{background:var(--dark-2);border-radius:12px;padding:14px}
.sev-nums b{display:block;font-weight:500;font-size:clamp(1.3rem,2.4vw,1.9rem);color:var(--lime);letter-spacing:-.02em}
.sev-nums small{font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dark-muted)}
/* segmented buttons (upkeep); the plan builder lives in care-builder.css */
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg button{border:0;cursor:pointer;border-radius:999px;padding:9px 14px;font-size:14px;background:rgb(255 255 255/.75);box-shadow:var(--glass-edge)}
.seg button[aria-checked="true"]{background:var(--ink);color:#fff}
/* takeover x-ray */
.xr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:center}
.xr-site{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:#f1efe9;box-shadow:var(--glass-edge)}
.xr-site .bar{position:absolute;inset:0 0 auto;height:9%;background:#fff;border-bottom:1px solid var(--line)}
.xr-site .bl{position:absolute;border-radius:6px;background:#dcd8cf}
.xr-site .scan{position:absolute;inset:0;background:#10161a;opacity:0;transition:opacity .5s;background-image:linear-gradient(color-mix(in srgb,var(--cyan) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cyan) 8%,transparent) 1px,transparent 1px);background-size:22px 22px}
.xr-site.on .scan{opacity:.92}
.xr-dot{position:absolute;z-index:2;transform:translate(-50%,-50%) scale(.6);opacity:0;border:0;cursor:pointer;display:flex;align-items:center;gap:6px;font:500 11px var(--mono);letter-spacing:.03em;padding:6px 10px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 10px 24px -10px rgb(0 0 0/.6);transition:opacity .4s,transform .4s;white-space:nowrap}
.xr-dot i{width:8px;height:8px;border-radius:50%;background:#ff6b5b}
.xr-dot.amber i{background:var(--amber)}
.xr-site.on .xr-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}
.xr-site:not(.on) .xr-dot{pointer-events:none}
.xr-copy{display:grid;gap:14px}
.xr-copy .sw{color:var(--ink)}
.xr-copy .sw .t{background:rgb(20 20 20/.15)}
.xr-copy .sw[aria-checked="true"] .t{background:var(--ink)}
.xr-find{border-radius:var(--r-lg);padding:18px;background:var(--ink);color:#fff;min-height:96px}
.xr-find b{display:block;font-weight:500;margin-bottom:4px}
.xr-find p{color:#cfcfcb;font-size:14.5px}
/* onboarding track */
.ob{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(28px,4vw,48px)}
.ob::before{content:"";position:absolute;left:4%;right:4%;top:22px;height:2px;background:linear-gradient(90deg,var(--lime-2),rgb(20 20 20/.12))}
.ob div{position:relative;display:grid;gap:8px;padding-top:52px}
.ob div::before{content:attr(data-n);position:absolute;top:0;left:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:500 13px var(--mono);background:#fff;box-shadow:var(--glass-edge)}
.ob div:first-child::before{background:var(--lime)}
.ob small{font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.ob b{font-weight:500;font-size:1.1rem}
.ob p{font-size:14.5px;color:var(--ink-2)}
@media (max-width:980px){
  .hm-wrap,.sev,.xr{grid-template-columns:minmax(0,1fr)}
  .ob{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .ob::before{display:none}
}
@media (max-width:640px){
  .hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-two{grid-template-columns:minmax(0,1fr) !important}
  .hb-k{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pipe{grid-template-columns:minmax(0,1fr)}
  .sev-pick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sev-nums{grid-template-columns:minmax(0,1fr)}
  .hm-sum{grid-template-columns:repeat(3,minmax(0,1fr))}
  .up-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .up-track{min-width:720px}
  .sp-two .device{order:2}
  .up-detail{grid-template-columns:minmax(0,1fr)}
  .ob{grid-template-columns:minmax(0,1fr)}
  .hb-bars{gap:2px}
}


/* expanded content sections */
.x-sec .sec-h p{max-width:62ch}
.x-prose h2{font-size:clamp(2rem,4.2vw,3.5rem);margin:14px 0 8px}
.x-prose p{color:var(--ink-2);margin-top:14px;max-width:64ch}
.x-prose h3{font-size:1.3rem;letter-spacing:-.02em;margin-top:28px}
.x-prose a,.x-ul a,.x-in a,.x-cmp a,.x-tabs a,.x-fit a,.x-tl a,.x-risk a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.x-tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--panel);color:var(--ink-2)}
.x-tag{align-self:flex-start;justify-self:start}
.x-tag.lime{background:var(--lime);color:var(--ink)}.x-tag.amb{background:#ffe2b3;color:#5a3a00}.x-tag.dk{background:var(--dark-3);color:var(--dark-ink)}

.x-tabs{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(18px,3vw,40px);align-items:start}
.x-tabs [role=tablist]{display:grid;gap:8px}
.x-tabs [role=tab]{text-align:left;border:0;cursor:pointer;background:var(--card);border-radius:var(--r-md);padding:14px 16px;display:grid;gap:3px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);transition:background-color .25s}
.x-tabs [role=tab] b{font-weight:500;font-size:1.05rem;letter-spacing:-.01em}
.x-tabs [role=tab] small{font-size:13.5px;color:var(--ink-2)}
.x-tabs [role=tab][aria-selected=true]{background:var(--dark);color:#fff}
.x-tabs [role=tab][aria-selected=true] small{color:#cfcfcb}
.x-tabs [role=tabpanel]{background:var(--glass-bg);box-shadow:var(--glass-edge);border-radius:var(--r-xl);padding:clamp(20px,3vw,32px)}
.x-tabs [role=tabpanel] h3{font-size:1.4rem;margin-bottom:10px}
.x-tabs [role=tabpanel] p{color:var(--ink-2);margin-top:10px;max-width:62ch}
.x-tabs .kv2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
.x-tabs .kv2 div{background:#fff;border-radius:var(--r-sm);padding:12px}
.x-tabs .kv2 b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:400}
.x-tabs .kv2 span{font-size:14px}
@media (max-width:860px){.x-tabs{grid-template-columns:1fr}.x-tabs [role=tablist]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.x-tabs .kv2{grid-template-columns:1fr}.x-tabs [role=tablist]{grid-template-columns:1fr}}

.x-tl{list-style:none;position:relative;display:grid;gap:12px;padding-left:34px;max-width:900px}
.x-tl::before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--lime-2),var(--amber))}
.x-tl li{position:relative;background:var(--card);border-radius:var(--r-lg);padding:18px 20px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);display:grid;grid-template-columns:120px 1fr;gap:16px}
.x-tl li::before{content:"";position:absolute;left:-30px;top:22px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--lime-2)}
.x-tl li.warn::before{border-color:var(--amber)}
.x-tl .when{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.x-tl h3{font-size:1.12rem;letter-spacing:-.02em;margin-bottom:4px}
.x-tl p{font-size:15px;color:var(--ink-2)}
@media (max-width:620px){.x-tl li{grid-template-columns:1fr;gap:4px}}

.x-asks{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,64px);align-items:start}
.x-asks .list{display:grid;gap:10px;counter-reset:ak}
.x-asks details{counter-increment:ak;background:var(--glass-bg);box-shadow:var(--glass-edge);border-radius:var(--r-lg);overflow:hidden}
.x-asks summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr 22px;gap:14px;align-items:center;padding:16px 18px;font-weight:500;font-size:1.06rem;letter-spacing:-.01em}
.x-asks summary::-webkit-details-marker{display:none}
.x-asks summary::before{content:counter(ak,decimal-leading-zero);font-family:var(--mono);font-size:13px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--dark);color:var(--lime)}
.x-asks summary::after{content:"+";font-family:var(--mono);font-size:20px;color:var(--muted);text-align:center}
.x-asks details[open] summary::after{content:"\2212"}
.x-asks .ans{padding:0 18px 18px 76px;display:grid;gap:8px}
.x-asks .ans p{color:var(--ink-2);font-size:15.5px}
.x-asks .ans p.good{background:color-mix(in srgb,var(--lime) 25%,transparent);border-radius:10px;padding:10px 12px;font-size:14.5px}
.x-asks .ans p.good b{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;display:block;font-weight:500;margin-bottom:2px}
@media (max-width:860px){.x-asks{grid-template-columns:1fr}}
@media (max-width:520px){.x-asks .ans{padding-left:18px}}

.x-gloss{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.x-gloss div{background:var(--card);border-radius:var(--r-lg);padding:20px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);transition:transform .3s var(--ease)}
.x-gloss div:hover{transform:translateY(-3px)}
.x-gloss div.w2{grid-column:span 2;background:var(--dark);color:var(--dark-ink)}
.x-gloss dt{font-weight:500;font-size:1.12rem;letter-spacing:-.02em;margin-bottom:8px;display:flex;gap:10px;align-items:baseline}
.x-gloss dt small{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:400}
.x-gloss dd{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.x-gloss div.w2 dd{color:#d6d6d2}.x-gloss div.w2 dt small{color:var(--dark-muted)}
@media (max-width:1000px){.x-gloss{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.x-gloss{grid-template-columns:1fr}.x-gloss div.w2{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.x-gloss div{transition:none}}