/* Page styles from the original design (service-technical-seo). Generated by tools/seed/services.php. */
.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}
.rel-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:14px}
.rel-row > span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.rel-row a{padding:8px 14px;border-radius:999px;background:var(--card);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.05);transition:background-color .2s,transform .2s}
.rel-row a:hover{background:var(--lime);transform:translateY(-2px)}
.svc-hero .wrap > *{min-width:0}
.note{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--dark-muted)}
.lnote{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dk{background:var(--dark);color:var(--dark-ink);border-radius:var(--r-lg);position:relative;box-shadow:0 30px 60px -30px rgb(0 0 0/.45),inset 0 1px 0 rgb(255 255 255/.06)}
.lt{background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04)}
.mono{font-family:var(--mono)}
.tag{display:inline-flex;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--panel);color:var(--ink)}
.dk .tag{background:var(--dark-3);color:var(--dark-ink)}
.tag.lime{background:var(--lime);color:var(--ink)}
.tag.amber{background:var(--amber);color:var(--ink)}
.tag.cyan{background:var(--cyan);color:var(--ink)}
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--panel)}
.seg button{border:0;background:transparent;border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink-2)}
.seg button[aria-checked="true"],.seg button[aria-selected="true"],.seg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgb(0 0 0/.12)}
.dk .seg{background:var(--dark-2)}
.dk .seg button{color:var(--dark-muted)}
.dk .seg button[aria-checked="true"],.dk .seg button[aria-selected="true"],.dk .seg button[aria-pressed="true"]{background:var(--lime);color:var(--ink)}
.sw{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;border:0;background:none;color:inherit;padding:0;font-family:inherit}
.sw i{width:40px;height:22px;border-radius:999px;background:var(--dark-3);position:relative;transition:background-color .25s;flex:none}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}
.sw[aria-checked="true"] i{background:var(--lime)}
.sw[aria-checked="true"] i::after{transform:translateX(18px);background:var(--ink)}
.lt .sw i,.sw.on-lt i{background:#cfcfcb}
.device .sw{color:var(--dark-ink)}
input[type=range].rg{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--panel);outline-offset:4px}
input[type=range].rg::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--ink);cursor:pointer}
input[type=range].rg::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--lime);border:2px solid var(--ink);cursor:pointer}
.dk input[type=range].rg{background:var(--dark-3)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,4vw,56px);align-items:center}
.split.rev{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.split > *{min-width:0}
.split .txt h2{font-size:clamp(2rem,4vw,3.25rem)}
.split .txt p{color:var(--ink-2);margin-top:14px;max-width:48ch}
@media (max-width:1100px){.hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split.rev{grid-template-columns:1fr}}
@media (max-width:600px){.svc-hero h1{font-size:clamp(2rem,9vw,2.4rem);letter-spacing:-.04em}}


.fun{display:flex;flex-direction:column;gap:12px;padding:16px}
.fun-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.fun-rows{display:flex;flex-direction:column;gap:6px}
.fr{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 10px;align-items:center}
.fr > small{grid-column:2;font-family:var(--mono);font-size:10.5px;color:var(--amber);line-height:1.2}
.fr > span{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--dark-muted)}
.fr .bar{position:relative;height:38px;border-radius:8px;background:var(--dark-2);overflow:hidden}
.fr .bar i{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,var(--lime),#9acaff);border-radius:8px;transition:width .7s var(--ease)}
.fr .bar b{position:absolute;left:12px;transition:left .7s var(--ease);top:50%;transform:translateY(-50%);font-weight:500;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums;z-index:1}
.fr .bar b.out{left:calc(var(--w) + 10px);color:var(--dark-ink)}
.rd{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:stretch}
.rd > *{min-width:0}
.rd-stage{position:relative;overflow:hidden;background:#fff}
.rd-pane{position:relative;padding:48px 28px 24px;display:grid;grid-template-columns:1fr;gap:10px}
.rd-raw{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x,50%)) 0 0);background:#fbfbfa}
.rd-el{border-radius:10px;padding:10px 12px;font-size:13px;display:flex;flex-direction:column;gap:6px;background:var(--card)}
.rd-el small{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.rd-el.img{background:linear-gradient(135deg,#efe7dc,#d8cbb9);min-height:96px}
.rd-el{flex-direction:row;align-items:baseline;justify-content:space-between;gap:16px}
.rd-el.miss{background:repeating-linear-gradient(45deg,#fff 0 8px,#fff3e0 8px 16px);box-shadow:inset 0 0 0 1.5px var(--amber);color:#8a5200}
.rd-el.miss small{color:#8a5200}
.rd-el.wide{grid-column:1/-1}
.rd-line{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:var(--ink);transform:translateX(-1px);pointer-events:none}
.rd-line b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:14px;box-shadow:0 0 0 2px var(--ink)}
.rd-lbl{position:absolute;top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--ink);color:#fff}
.rd-lbl.l{left:12px}.rd-lbl.r{right:12px;background:var(--lime);color:var(--ink)}
.rd-ctl{display:flex;flex-direction:column;gap:18px;justify-content:center;padding:22px;border-radius:var(--r-lg);background:var(--card)}
.rd-ctl label{display:flex;flex-direction:column;gap:10px}
.rd-out{font-size:15px;color:var(--ink-2)}
.rd-out b{display:block;font-size:2.4rem;font-weight:500;letter-spacing:-.04em;color:var(--ink)}
.lg{padding:20px;display:flex;flex-direction:column;gap:12px}
.lg-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.lg-grid{display:grid;grid-template-columns:104px repeat(14,minmax(0,1fr));gap:3px;align-items:center}
.lg-grid span{font-family:var(--mono);font-size:10px;letter-spacing:.03em;color:var(--dark-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-grid i{display:block;aspect-ratio:1;border-radius:3px;background:rgb(90 169 255/var(--a,.05));transition:background-color .5s}
.lg-grid i.w{background:rgb(255 181 71/var(--a,.05))}
.lg-k{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--dark-muted)}
.lg-k i{width:120px;height:8px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--lime) 8%,transparent),color-mix(in srgb,var(--lime) 95%,transparent))}
.hl{padding:22px;display:flex;flex-direction:column;gap:14px;background:#fff}
.hl-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hl-grid{display:grid;grid-template-columns:72px repeat(5,minmax(0,1fr));gap:4px}
.hl-grid > span{font-family:var(--mono);font-size:10.5px;color:var(--muted);display:flex;align-items:center;justify-content:center}
.hl-grid > span.rh{justify-content:flex-start}
.hl-grid button{border:0;border-radius:8px;aspect-ratio:1.6;font-family:var(--mono);font-size:12px;cursor:pointer;background:#b0d2f7;color:var(--ink);transition:background-color .3s,transform .2s}
.hl-grid button.self{background:var(--card);color:var(--muted)}
.hl-grid button.bad{background:#ffe1b3;color:#8a5200}
.hl-grid button.err{background:#ffc9c2;color:#8a1c0c}
.hl-grid button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink);transform:scale(1.04)}
.hl-d{font-size:15px;color:var(--ink-2);min-height:3em}
@media (max-width:1100px){.rd{grid-template-columns:1fr}}
@media (max-width:600px){.rd-pane{grid-template-columns:1fr;padding:46px 14px 14px;gap:8px}.rd-el{flex-direction:column;gap:4px}.lg-grid{grid-template-columns:70px repeat(14,minmax(0,1fr));gap:2px}.fr{grid-template-columns:72px minmax(0,1fr)}.hl-grid{grid-template-columns:56px repeat(5,minmax(0,1fr))}}


/* expanded content sections */
.xp-lede{max-width:62ch;color:var(--ink-2)}
.xp-txt p{color:var(--ink-2);max-width:62ch;margin-top:14px}
.xp-txt p:first-of-type{margin-top:0}
.xp-txt h3{font-size:1.2rem;font-weight:500;letter-spacing:-.01em;margin-top:26px}
.xp-txt a,.xp-link{border-bottom:2px solid var(--lime);font-weight:500}
.xp-explain{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:start}
.xp-explain > *{min-width:0}
.xp-quote{position:sticky;top:96px;background:var(--dark);color:var(--dark-ink);border-radius:var(--r-lg);padding:clamp(22px,3vw,36px);box-shadow:0 30px 60px -30px rgb(0 0 0/.45)}
.xp-quote blockquote{font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.25;letter-spacing:-.02em;font-weight:500;border-left:4px solid var(--lime);padding-left:18px}
.xp-quote p{color:var(--dark-muted);margin-top:18px;font-size:15px}
.xp-quote ul{list-style:none;display:grid;gap:8px;margin-top:18px}
.xp-quote li{display:flex;gap:10px;font-size:14px;color:var(--dark-ink)}
.xp-quote li b{font-family:var(--mono);font-size:11px;color:var(--ink);background:var(--lime);border-radius:999px;padding:2px 8px;height:fit-content;flex:none}
.xp-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.xb{grid-column:span 2;background:var(--card);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);min-width:0}
.xb.w3{grid-column:span 3}.xb.w4{grid-column:span 4}.xb.w6{grid-column:1/-1}
.xb.dk{background:var(--dark);color:var(--dark-ink)}
.xb.dk p{color:var(--dark-muted)}
.xb.lime{background:var(--lime)}
.xb.lime p{color:var(--ink)}
.xb h3{font-size:1.2rem;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.xb p{font-size:15px;color:var(--ink-2)}
.xb .big{font-size:clamp(2rem,3.4vw,2.8rem);font-weight:500;letter-spacing:-.04em;line-height:1}
.xb .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xb.dk .k{color:var(--dark-muted)}
.xb a{margin-top:auto;font-weight:500;border-bottom:2px solid var(--lime);align-self:flex-start}
.xb.lime a{border-color:var(--ink)}
.xp-cmp{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:10px}
.xc{background:var(--glass-bg);box-shadow:var(--glass-edge);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.xc.pick{background:#fff;box-shadow:0 0 0 2px var(--ink),var(--glass-edge)}
.xc header{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.xc header h3{font-size:1.3rem;font-weight:500;letter-spacing:-.02em}
.xc header p{font-size:14px;color:var(--ink-2)}
.xc dl{display:grid;gap:10px}
.xc dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xc dd{font-size:15px;color:var(--ink);margin-top:2px}
.xp-track{list-style:none;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:10px;counter-reset:xt;position:relative}
.xp-track li{counter-increment:xt;position:relative;background:var(--card);border-radius:var(--r-lg);padding:56px 18px 20px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);min-width:0}
.xp-track li::before{content:counter(xt,decimal-leading-zero);position:absolute;top:16px;left:18px;font-family:var(--mono);font-size:12px;background:var(--ink);color:var(--lime);border-radius:999px;padding:4px 9px}
.xp-track li::after{content:"";position:absolute;top:28px;left:62px;right:-10px;height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 10px);opacity:.25}
.xp-track li:last-child::after{display:none}
.xp-track h3{font-size:1.08rem;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.xp-track p{font-size:14.5px;color:var(--ink-2);margin-top:8px}
.xp-track small{display:block;margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.xp-acc{display:grid;gap:8px}
.xp-acc details{background:var(--card);border-radius:var(--r-md);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);overflow:hidden}
.xp-acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px}
.xp-acc summary::-webkit-details-marker{display:none}
.xp-acc summary .n{font-family:var(--mono);font-size:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel)}
.xp-acc summary b{font-weight:500;font-size:1.08rem;letter-spacing:-.01em}
.xp-acc summary .cost{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;background:var(--amber);border-radius:999px;padding:4px 9px;white-space:nowrap}
.xp-acc details[open]{background:#fff}
.xp-acc details[open] .n{background:var(--lime)}
.xp-acc .body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 20px 20px 70px}
.xp-acc .body p{font-size:15px;color:var(--ink-2)}
.xp-acc .body span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.xp-flips{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:10px}
.xf{perspective:1200px;min-width:0}
.xf button{all:unset;box-sizing:border-box;display:grid;width:100%;min-height:250px;cursor:pointer;border-radius:var(--r-lg)}
.xf button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.xf .in{display:grid;transition:transform .6s var(--ease);transform-style:preserve-3d}
.xf .fc,.xf .bc{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px}
.xf .fc{background:var(--card);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.05)}
.xf .bc{background:var(--dark);color:var(--dark-ink);transform:rotateY(180deg)}
.xf .fc b,.xf .bc b{font-size:1.15rem;font-weight:500;letter-spacing:-.02em;line-height:1.25}
.xf .fc .p{font-size:15px;color:var(--ink-2)}
.xf .bc .p{font-size:14.5px;color:var(--dark-muted)}
.xf .hint{margin-top:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xf .bc .hint{color:var(--lime)}
.xf button[aria-pressed="true"] .in{transform:rotateY(180deg)}
.xp-tabs{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:10px}
.xp-tl{display:flex;flex-direction:column;gap:6px}
.xp-tl button{border:0;font:inherit;text-align:left;cursor:pointer;background:var(--card);border-radius:var(--r-md);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);transition:background-color .2s}
.xp-tl button small{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xp-tl button[aria-selected="true"]{background:var(--ink);color:var(--dark-ink)}
.xp-tl button[aria-selected="true"] small{color:var(--lime)}
.xp-tp{background:var(--dark);color:var(--dark-ink);border-radius:var(--r-lg);padding:clamp(20px,3vw,34px);min-width:0}
.xp-tp[hidden]{display:none}
.xp-tp h3{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:500;letter-spacing:-.03em}
.xp-tp p{color:var(--dark-muted);margin-top:12px;max-width:60ch}
.xp-tp ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.xp-tp li{background:var(--dark-2);border-radius:var(--r-sm);padding:12px 14px;font-size:14.5px;color:var(--dark-ink)}
.xp-tp li b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--lime);margin-bottom:4px;font-weight:400}
.xp-callouts{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:10px}
.xk{border-radius:var(--r-lg);padding:22px 22px 22px 24px;background:var(--card);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);min-width:0}
.xk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--c,var(--lime-2))}
.xk.warn{--c:var(--amber)}.xk.info{--c:var(--cyan)}.xk.stop{--c:#ff6b5a}
.xk .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xk h3{font-size:1.15rem;font-weight:500;letter-spacing:-.02em;margin-top:6px}
.xk p{font-size:15px;color:var(--ink-2);margin-top:8px}
.xk p b{color:var(--ink);font-weight:500}
.xp-gloss{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.xp-gloss div{background:var(--glass-bg);box-shadow:var(--glass-edge);border-radius:var(--r-md);padding:18px;min-width:0}
.xp-gloss dt{font-family:var(--mono);font-size:12.5px;font-weight:500;display:inline-block;background:var(--lime);border-radius:6px;padding:3px 8px}
.xp-gloss dd{font-size:14.5px;color:var(--ink-2);margin-top:10px}
.xp-fit{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xp-fit > div{border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);min-width:0}
.xp-fit .yes{background:#fff;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.06)}
.xp-fit .no{background:var(--dark);color:var(--dark-ink)}
.xp-fit h3{font-size:1.35rem;font-weight:500;letter-spacing:-.02em}
.xp-fit ul{list-style:none;display:grid;gap:12px;margin-top:18px}
.xp-fit li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:15px;line-height:1.5}
.xp-fit li::before{content:"";width:22px;height:22px;border-radius:50%;margin-top:1px;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.5l3 3 7-7' fill='none' stroke='%23141414' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat}
.xp-fit .no li{color:var(--dark-muted)}
.xp-fit .no li::before{background:var(--dark-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M7.5 7.5l7 7M14.5 7.5l-7 7' fill='none' stroke='%23f1f1ef' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat}
.xp-fit .no li b,.xp-fit .yes li b{font-weight:500;color:inherit}
.xp-fit .no li b{color:var(--dark-ink)}
.xp-ask{background:var(--dark);color:var(--dark-ink);border-radius:var(--r-xl);padding:clamp(22px,4vw,56px)}
.xp-ask .sec-h p{color:var(--dark-muted)}
.xp-ask ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;counter-reset:xa}
.xp-ask li{counter-increment:xa;background:var(--dark-2);border-radius:var(--r-lg);padding:22px;display:grid;gap:10px;min-width:0}
.xp-ask li::before{content:"Q" counter(xa);font-family:var(--mono);font-size:12px;color:var(--lime)}
.xp-ask li b{font-size:1.12rem;font-weight:500;letter-spacing:-.01em;line-height:1.3}
.xp-ask li p{font-size:14.5px;color:var(--dark-muted)}
.xp-ask li p em{font-style:normal;color:var(--dark-ink)}
.xp-tline{list-style:none;position:relative;display:grid;gap:14px;padding-left:34px}
.xp-tline::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--lime-2),rgb(20 20 20/.12))}
.xp-tline li{position:relative;display:grid;grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);gap:18px;background:var(--card);border-radius:var(--r-lg);padding:20px 22px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04)}
.xp-tline li::before{content:"";position:absolute;left:-30px;top:24px;width:16px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--ink)}
.xp-tline .when{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.xp-tline h3{font-size:1.15rem;font-weight:500;letter-spacing:-.02em}
.xp-tline p{font-size:15px;color:var(--ink-2);margin-top:6px}
.xp-tline .sig{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;background:var(--panel);border-radius:999px;padding:4px 9px}
.xp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xp-two > div{border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);min-width:0}
.xp-two .a{background:var(--lime)}
.xp-two .b{background:var(--glass-bg);box-shadow:var(--glass-edge)}
.xp-two h3{font-size:1.35rem;font-weight:500;letter-spacing:-.02em}
.xp-two dl{display:grid;gap:12px;margin-top:16px}
.xp-two dt{font-weight:500}
.xp-two dd{font-size:15px;color:var(--ink-2);margin-top:2px}
.xp-two .a dd{color:var(--ink)}
.xp-diag{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;align-items:start}
.xp-diag > *{min-width:0}
.xp-dfig{background:var(--dark);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px);color:var(--dark-ink);position:relative}
.xp-dnotes{list-style:none;display:grid;gap:8px;counter-reset:xd}
.xp-dnotes li{counter-increment:xd;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;background:var(--card);border-radius:var(--r-md);padding:14px 16px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04)}
.xp-dnotes li::before{content:counter(xd);width:26px;height:26px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-family:var(--mono);font-size:12px;box-shadow:0 0 0 2px var(--ink)}
.xp-dnotes b{font-weight:500}
.xp-dnotes p{font-size:14.5px;color:var(--ink-2);margin-top:4px}
.xp-pin{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lime);color:var(--ink);font-family:var(--mono);font-size:11px;box-shadow:0 0 0 2px var(--ink);flex:none}
.xp-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.xp-rel a{background:var(--card);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:8px;min-height:150px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.04);transition:transform .25s var(--ease),background-color .25s}
.xp-rel a:hover{transform:translateY(-3px);background:#fff}
.xp-rel small{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.xp-rel b{font-size:1.1rem;font-weight:500;letter-spacing:-.02em}
.xp-rel span{font-size:14.5px;color:var(--ink-2)}
.xp-rel em{font-style:normal;margin-top:auto;font-family:var(--mono);font-size:12px}
@media (max-width:1100px){.xp-explain,.xp-tabs,.xp-diag{grid-template-columns:1fr}.xp-quote{position:static}.xp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.xb,.xb.w3,.xb.w4{grid-column:span 1}.xb.w6,.xb.w4{grid-column:1/-1}.xp-cmp,.xp-flips{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-track{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-track li::after{display:none}.xp-gloss,.xp-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.xp-bento,.xp-cmp,.xp-flips,.xp-track,.xp-callouts,.xp-gloss,.xp-fit,.xp-ask ol,.xp-two,.xp-rel{grid-template-columns:1fr}.xb,.xb.w3,.xb.w4,.xb.w6{grid-column:1/-1}.xp-acc .body{grid-template-columns:1fr;padding:0 18px 18px}.xp-acc summary{grid-template-columns:auto minmax(0,1fr);padding:16px 18px}.xp-acc summary .cost{grid-column:2;justify-self:start}.xp-tp ul{grid-template-columns:1fr}.xp-tline li{grid-template-columns:1fr;gap:6px}.xp-tline{padding-left:28px}.xp-tline li::before{left:-24px}.xp-tline::before{left:8px}.xf button{min-height:220px}}
@media (prefers-reduced-motion:reduce){.xf .in{transition:none}.xp-rel a{transition:none}}
.xp-explain.rev{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
.xp-track.r3{--n:3}
.xp-track.r3 li:nth-child(3n)::after{display:none}
@media (max-width:1100px){.xp-callouts{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-explain.rev{grid-template-columns:1fr}}
@media (max-width:700px){.xp-callouts{grid-template-columns:1fr}}