.xp-head{position:relative;width:calc(100% - 2 * var(--gut));max-width:calc(var(--wrap) - 2 * var(--gut));margin:44px auto 0;padding:28px var(--sheet-pad) 26px;background:var(--c-sheet);box-shadow:var(--shadow-sheet);background-image:linear-gradient(90deg,transparent 0 calc(var(--sheet-pad) - 14px),var(--c-margin-red) calc(var(--sheet-pad) - 14px) calc(var(--sheet-pad) - 12px),transparent calc(var(--sheet-pad) - 12px))}
.xp-head .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:2px 0;font:500 12.5px/1.5 var(--f-type);color:var(--c-ink-2)}
.xp-head .crumbs li+li::before{content:"/";margin:0 8px;color:var(--c-ink-2)}
.xp-head .crumbs a{color:var(--c-ink)}
.xp-kicker{display:inline-block;margin:16px 0 8px;padding:5px 10px 4px;background:var(--c-yellow);border:1.5px solid var(--c-ink);font:600 var(--fs-xs)/1 var(--f-type);letter-spacing:.06em;text-transform:uppercase}
.xp-head h1{font:800 var(--fs-h1)/1.08 var(--f-type);letter-spacing:-.04em;max-width:32ch;margin:4px 0 14px}
.xp-head .lede{font-size:var(--fs-m);line-height:1.55;max-width:var(--text-w);margin:0}
.xp{margin:30px 0 var(--sp-7)}
.xp-stage{container-type:inline-size;margin:0}
.xp-card{position:relative;padding-top:0}
.xp-card:focus-visible{outline:var(--focus);outline-offset:4px}
.xp-tabs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:flex-end;margin:0;padding:0 0 0 10px}
.xp-tabs li{margin:0 -1.5px 0 0}
.xp-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;margin:0;padding:0 10px;border:1.5px solid var(--c-ink);border-bottom:0;border-radius:0;background:var(--c-cover-2);color:var(--c-ink);font:700 12.5px/1 var(--f-type);letter-spacing:.04em;cursor:pointer;transform:translateY(5px);box-shadow:inset 0 4px 0 var(--xp-tone,transparent)}
.xp-tab[data-kind=break]{--xp-tone:var(--c-salmon-dark)}
.xp-tab[data-kind=verify]{--xp-tone:var(--c-blue-dark)}
.xp-tab span{display:none;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;white-space:nowrap}
.xp-tab:hover{background:var(--c-band-hi)}
.xp-tab[aria-current=step]{z-index:2;background:var(--c-sheet);transform:none;min-height:49px}
.xp-tab[aria-current=step]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--c-sheet)}
.xp-tab:focus-visible,.xp-btn:focus-visible{outline:var(--focus);outline-offset:2px;z-index:3}
.xp-sheet{display:flex;flex-direction:column;position:relative;z-index:1;background:var(--c-sheet);border:1.5px solid var(--c-ink);box-shadow:2px 2px 0 var(--c-ink)}
.xp-capband{order:1;padding:14px 16px 12px;border-bottom:2px solid var(--c-margin-red)}
.xp-eyebrow{margin:0 0 6px;font:600 11.5px/1.3 var(--f-type);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-2)}
.xp-card[data-kind=break] .xp-eyebrow,.xp-card[data-kind=verify] .xp-eyebrow{color:var(--c-ink)}
.xp-card[data-kind=break] .xp-eyebrow::before,.xp-card[data-kind=verify] .xp-eyebrow::before{content:"";display:inline-block;width:10px;height:10px;margin:0 8px -1px 0;border:1.5px solid var(--c-ink);background:var(--c-salmon)}
.xp-card[data-kind=verify] .xp-eyebrow::before{background:var(--c-blue)}
.xp-cap{margin:0;min-height:2.5em;font:700 19px/1.25 var(--f-text);color:var(--c-ink);text-wrap:balance}
.xp-body{display:contents}
.xp-fig{order:2;min-width:0;background:var(--c-sheet)}
.xp-fig canvas{display:block;width:100%;height:auto}
.xp-fields{order:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;margin:0;border-top:1.5px solid var(--c-ink);background:var(--c-white)}
.xp-field{min-width:0;padding:10px 12px 11px;border-bottom:1px solid var(--c-line);border-right:1px solid var(--c-line)}
.xp-field:nth-child(2n){border-right:0}
.xp-fields dt{font:600 10.5px/1.25 var(--f-type);letter-spacing:.07em;text-transform:uppercase;color:var(--c-ink-2);hyphens:auto;overflow-wrap:anywhere}
.xp-fields dd{margin:4px 0 0}
.xp-val{display:block;font:700 19px/1.15 var(--f-type);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--c-ink)}
.xp-val.is-long{font-size:14.5px;line-height:1.25;letter-spacing:0}
.xp-fields small{display:block;margin-top:4px;font:400 12.5px/1.35 var(--f-text);color:var(--c-ink-2)}
.xp-ctl{order:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 14px;border-top:1.5px solid var(--c-ink);background:var(--c-paper-2)}
.xp-btn{min-width:44px;min-height:44px;margin:0;padding:0 12px;border:1.5px solid var(--c-ink);border-radius:0;background:var(--c-sheet);color:var(--c-ink);font:700 15px/1 var(--f-type);box-shadow:2px 2px 0 var(--c-ink);cursor:pointer}
.xp-btn:active{transform:translate(2px,2px);box-shadow:none}
.xp-btn:disabled{opacity:.42;box-shadow:none;cursor:default;transform:none}
.xp-play{min-width:120px;padding:0 16px;background:var(--c-yellow);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.xp-play[aria-pressed=true]{background:var(--c-ink);color:var(--c-on-ink)}
.xp-count{margin-left:auto;font:600 12.5px/1 var(--f-type);letter-spacing:.06em;color:var(--c-ink-2)}
.xp-run{flex:0 1 120px;min-width:36px;height:8px;border:1.5px solid var(--c-ink);background:var(--c-sheet);overflow:hidden}
.xp-run i{display:block;height:100%;background:var(--c-petrol);transform:scaleX(0);transform-origin:0 50%}
.xp-text{list-style:none;counter-reset:xp;margin:30px 0 0;padding:26px var(--sheet-pad) 10px;background:var(--c-sheet);box-shadow:var(--shadow-sheet)}
.xp-text li{counter-increment:xp;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 10px;margin:0 0 20px;padding:2px 0 2px 10px;border-left:3px solid transparent}
.xp-text li::before{content:counter(xp,decimal-leading-zero);grid-row:1 / span 2;font:700 13px/1.7 var(--f-type);color:var(--c-ink-2)}
.xp-text h2{font:700 18px/1.3 var(--f-type);letter-spacing:-.02em;margin:0 0 6px;max-width:var(--text-w)}
.xp-text p{margin:0;max-width:var(--text-w)}
.xp-live .xp-text li{color:var(--c-ink-2)}
.xp-live .xp-text li[aria-current=step]{color:var(--c-ink);border-left-color:var(--c-petrol)}
.xp-live .xp-text li[aria-current=step]::before{color:var(--c-petrol-dark)}
.xp-sources{margin:30px 0 0;padding:22px var(--sheet-pad) 18px;background:var(--c-sheet);box-shadow:var(--shadow-sheet)}
.xp-sources h2{font:700 13px/1.2 var(--f-type);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--c-margin-red)}
.xp-sources ul{list-style:none;margin:0;padding:0}
.xp-sources li{padding:8px 0;border-bottom:1px solid var(--c-line-soft);font-size:var(--fs-s);line-height:1.45;overflow-wrap:anywhere}
.xp-back{margin:24px 0 0;font:700 15px/1.4 var(--f-type)}
.xp-back a{display:inline-block;padding:10px 0;color:var(--c-ink)}
@container (min-width:600px){.xp-tab span{display:inline}.xp-tab{padding:0 12px}.xp-cap{font-size:22px}.xp-capband{padding:16px 22px 14px}.xp-ctl{padding:12px 22px}}
@container (min-width:600px) and (max-width:979px){.xp-tab:not([aria-current=step]) span{display:none}}
@container (min-width:860px){.xp-body{display:grid;order:2;grid-template-columns:250px minmax(0,1fr)}.xp-ctl{order:3}.xp-fields{order:-1;grid-template-columns:minmax(0,1fr);border-top:0;border-right:1.5px solid var(--c-ink);background-image:linear-gradient(180deg,var(--c-blue) 0 6px,transparent 6px);padding-top:6px}.xp-field{border-right:0;padding:12px 16px 13px}.xp-val{font-size:21px}.xp-cap{font-size:24px}}
@container (max-width:420px){.xp-play{min-width:0;flex:1 1 auto}.xp-run{display:none}.xp-tabs ol{padding-left:4px}.xp-tab{padding:0 6px}}
@media (max-width:600px){.xp-text li{grid-template-columns:24px minmax(0,1fr);gap:0 8px;padding-left:8px}}