/* Site-wide design sweep (2nd November 2026): the agreed homepage and Hub look on every public page.
   Sparksmith handover rules: Card D, colour jobs, quiet buttons (pink only on hover or focus), Lora 600 headings,
   nothing under 14px, 20px card corners, hand-drawn stroke icons, at most three cards per row, 1280px content width.
   Loaded last on every public page except the homepage (which is the reference) and /app/. */

/* ---------- 1. Header, footer and buttons ---------- */
html body header.site-header{background:#0B0C1A}
/* footer: every link on one line, same size and colour as the header nav (as on the homepage) */
.ft .ft-right{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
.ft .ft-links,.ft .ft-legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin:0;padding:0}
.ft .ft-links a,.ft .ft-legal a,.ft .ft-legal button{font:500 16px Inter,system-ui,sans-serif;color:#B8B5C9;text-decoration:none;background:none;border:0;padding:4px 0;cursor:pointer}
.ft .ft-links a:hover,.ft .ft-legal a:hover,.ft .ft-legal button:hover,.ft .ft-links a:focus-visible,.ft .ft-legal a:focus-visible{color:#FCFDFF}
.ft .ft-links a[aria-current]{color:#FCFDFF}
.ft .ft-top{align-items:center}
/* main button: quiet at rest, pink only on hover or focus, no ring or glow */
html body .btn.btn-primary,html body .hx-btn.hx-btn-primary,html body .sq-btn.pri,html body .btn.p,html body .hc-ft .btn,html body .g-sqlbtn{background:rgba(255,255,255,.08);background-image:none;border:2px solid transparent;box-shadow:none;color:#FFFFFF}
html body .btn.btn-primary:hover,html body .btn.btn-primary:focus-visible,html body .hx-btn.hx-btn-primary:hover,html body .hx-btn.hx-btn-primary:focus-visible,html body .sq-btn.pri:hover,html body .sq-btn.pri:focus-visible,html body .btn.p:hover,html body .btn.p:focus-visible,html body .hc-ft .btn:hover,html body .hc-ft .btn:focus-visible,html body .g-sqlbtn:hover,html body .g-sqlbtn:focus-visible{background:#FF1186;border-color:#FF1186;color:#FFFFFF}
html body .btn.btn-primary[disabled],html body .btn.btn-primary[aria-disabled="true"]{background:rgba(255,255,255,.05);color:#ABA8C4}
html body .btn.btn-primary:focus-visible,html body .hx-btn.hx-btn-primary:focus-visible,html body .sq-btn.pri:focus-visible{outline:3px solid #19D2FF;outline-offset:2px}

/* ---------- 3. Section headings and spacing rhythm ---------- */
/* eyebrows: pink words in sentence case at 16px, as on the homepage (no small capitals) */
html body .p15-eb,html body .eb,html body .ask .ask-q,html body p.xp-k{font:600 16px/1.3 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#FF1186}
html body .p15-eb a{color:#FF1186}
html body .p15-eb i{color:#ABA8C4;font-style:normal}
/* headings: Lora 600 */
html body main .chapter-title,html body main h1,html body main h2,html body main h3{font-weight:600}
html body main h1.chapter-title{letter-spacing:-.02em}
html body main h2.chapter-title{font-size:clamp(30px,3.3vw,48px);line-height:1.14;letter-spacing:-.02em}
html body .xp-lede{font:400 17px/1.6 Inter,system-ui,sans-serif;color:#C9C6DC}
/* panels: one line, the Hub surface, 24px between panels, 56px before a new section */
html body section.xp-panel{border-radius:20px}
html body .xp-panel+.xp-panel{margin-top:24px}
html body .xp-sec-h h2,html body .xp-sec h2{font-family:Lora,Georgia,serif;font-weight:600}

/* ---------- 4. Space background on page heroes: the homepage's star layers and soft glow, calm and low contrast ---------- */
[data-testid="landing-page"]::before,#skythreads,.grid-base,.grid-vignette,.er-sky{display:none!important}
.sw-sky{position:absolute;z-index:0;left:0;right:0;top:0;height:min(900px,100vh);pointer-events:none;
 background-image:radial-gradient(34% 44% at 64% 26%,rgba(178,103,255,.16),transparent 70%),radial-gradient(26% 34% at 88% 48%,rgba(25,210,255,.08),transparent 70%),radial-gradient(26% 32% at 26% 54%,rgba(255,17,134,.09),transparent 70%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22900%22%20height%3D%22900%22%3E%3Ccircle%20cx%3D%22291.4%22%20cy%3D%22135.8%22%20r%3D%220.89%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%22329.1%22%20cy%3D%2252.2%22%20r%3D%220.80%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.37%22/%3E%3Ccircle%20cx%3D%22376.4%22%20cy%3D%22216.6%22%20r%3D%220.83%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.38%22/%3E%3Ccircle%20cx%3D%22852.7%22%20cy%3D%22567.6%22%20r%3D%220.85%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.38%22/%3E%3Ccircle%20cx%3D%2244.6%22%20cy%3D%22199.0%22%20r%3D%220.83%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.42%22/%3E%3Ccircle%20cx%3D%22129.8%22%20cy%3D%22106.0%22%20r%3D%220.69%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.80%22/%3E%3Ccircle%20cx%3D%2292.8%22%20cy%3D%22514.1%22%20r%3D%220.61%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%22507.9%22%20cy%3D%22557.1%22%20r%3D%220.80%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.64%22/%3E%3Ccircle%20cx%3D%22419.0%22%20cy%3D%22831.1%22%20r%3D%220.72%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.49%22/%3E%3Ccircle%20cx%3D%22629.1%22%20cy%3D%22219.7%22%20r%3D%220.84%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.64%22/%3E%3Ccircle%20cx%3D%22656.5%22%20cy%3D%22259.1%22%20r%3D%221.09%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.41%22/%3E%3Ccircle%20cx%3D%22148.5%22%20cy%3D%22307.9%22%20r%3D%221.06%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.58%22/%3E%3Ccircle%20cx%3D%22688.1%22%20cy%3D%22515.7%22%20r%3D%221.03%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.52%22/%3E%3Ccircle%20cx%3D%22534.9%22%20cy%3D%22521.9%22%20r%3D%220.77%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.81%22/%3E%3Ccircle%20cx%3D%22426.7%22%20cy%3D%22597.7%22%20r%3D%220.54%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.74%22/%3E%3Ccircle%20cx%3D%22256.1%22%20cy%3D%22347.2%22%20r%3D%220.90%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.36%22/%3E%3Ccircle%20cx%3D%22319.9%22%20cy%3D%22549.8%22%20r%3D%220.80%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22116.4%22%20cy%3D%22222.9%22%20r%3D%220.73%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.83%22/%3E%3Ccircle%20cx%3D%22149.7%22%20cy%3D%22361.5%22%20r%3D%220.67%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.43%22/%3E%3Ccircle%20cx%3D%22777.6%22%20cy%3D%22250.6%22%20r%3D%220.75%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22862.0%22%20cy%3D%22135.8%22%20r%3D%220.61%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%2210.9%22%20cy%3D%22748.0%22%20r%3D%220.61%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.51%22/%3E%3Ccircle%20cx%3D%22377.1%22%20cy%3D%22332.3%22%20r%3D%220.84%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.87%22/%3E%3Ccircle%20cx%3D%22411.0%22%20cy%3D%22783.9%22%20r%3D%221.07%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.72%22/%3E%3Ccircle%20cx%3D%22358.3%22%20cy%3D%22354.7%22%20r%3D%220.79%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.57%22/%3E%3Ccircle%20cx%3D%2260.6%22%20cy%3D%22187.9%22%20r%3D%220.60%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.54%22/%3E%3Ccircle%20cx%3D%2292.1%22%20cy%3D%22510.1%22%20r%3D%220.82%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.87%22/%3E%3Ccircle%20cx%3D%2263.3%22%20cy%3D%22187.2%22%20r%3D%220.73%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.70%22/%3E%3Ccircle%20cx%3D%22542.1%22%20cy%3D%22426.7%22%20r%3D%220.57%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.62%22/%3E%3Ccircle%20cx%3D%22432.4%22%20cy%3D%22280.7%22%20r%3D%220.59%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.76%22/%3E%3Ccircle%20cx%3D%22430.8%22%20cy%3D%22622.9%22%20r%3D%220.81%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.46%22/%3E%3Ccircle%20cx%3D%22131.9%22%20cy%3D%22488.9%22%20r%3D%220.52%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.64%22/%3E%3Ccircle%20cx%3D%22626.6%22%20cy%3D%22235.0%22%20r%3D%220.72%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.44%22/%3E%3Ccircle%20cx%3D%22479.3%22%20cy%3D%22701.1%22%20r%3D%220.70%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22725.5%22%20cy%3D%22736.5%22%20r%3D%220.94%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22320.0%22%20cy%3D%2226.1%22%20r%3D%220.52%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.50%22/%3E%3Ccircle%20cx%3D%22174.3%22%20cy%3D%22544.6%22%20r%3D%220.71%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.79%22/%3E%3Ccircle%20cx%3D%22859.5%22%20cy%3D%22328.2%22%20r%3D%220.63%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22304.0%22%20cy%3D%22434.4%22%20r%3D%221.09%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.69%22/%3E%3Ccircle%20cx%3D%22431.5%22%20cy%3D%22587.7%22%20r%3D%220.98%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%22818.8%22%20cy%3D%22704.1%22%20r%3D%220.95%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.61%22/%3E%3Ccircle%20cx%3D%22390.5%22%20cy%3D%22572.3%22%20r%3D%220.55%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.87%22/%3E%3Ccircle%20cx%3D%22416.8%22%20cy%3D%22669.0%22%20r%3D%220.55%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.44%22/%3E%3Ccircle%20cx%3D%2224.8%22%20cy%3D%22531.7%22%20r%3D%220.78%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.71%22/%3E%3Ccircle%20cx%3D%22591.5%22%20cy%3D%22315.4%22%20r%3D%220.83%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.42%22/%3E%3Ccircle%20cx%3D%22719.4%22%20cy%3D%22653.7%22%20r%3D%220.56%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.76%22/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221100%22%20height%3D%221100%22%3E%3Ccircle%20cx%3D%22477.2%22%20cy%3D%22958.9%22%20r%3D%221.58%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22234.1%22%20cy%3D%22551.3%22%20r%3D%221.53%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.53%22/%3E%3Ccircle%20cx%3D%22917.6%22%20cy%3D%2267.0%22%20r%3D%221.52%22%20fill%3D%22%23E3CCFF%22%20fill-opacity%3D%220.84%22/%3E%3Ccircle%20cx%3D%22909.9%22%20cy%3D%22966.0%22%20r%3D%221.09%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.43%22/%3E%3Ccircle%20cx%3D%22960.1%22%20cy%3D%22854.2%22%20r%3D%221.43%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.78%22/%3E%3Ccircle%20cx%3D%22189.6%22%20cy%3D%22520.8%22%20r%3D%221.51%22%20fill%3D%22%23F8C2DD%22%20fill-opacity%3D%220.66%22/%3E%3Ccircle%20cx%3D%22750.6%22%20cy%3D%22583.8%22%20r%3D%221.34%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.78%22/%3E%3Ccircle%20cx%3D%22273.3%22%20cy%3D%22304.6%22%20r%3D%221.54%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.63%22/%3E%3Ccircle%20cx%3D%22836.0%22%20cy%3D%221003.7%22%20r%3D%221.31%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.69%22/%3E%3Ccircle%20cx%3D%22762.0%22%20cy%3D%22497.6%22%20r%3D%221.37%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.61%22/%3E%3Ccircle%20cx%3D%22769.1%22%20cy%3D%22964.2%22%20r%3D%221.66%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.49%22/%3E%3Ccircle%20cx%3D%22924.0%22%20cy%3D%22150.8%22%20r%3D%221.09%22%20fill%3D%22%23FFFFFF%22%20fill-opacity%3D%220.59%22/%3E%3Cpath%20d%3D%22M724.6%20472.3v9.3M719.9%20476.9h9.3%22%20stroke%3D%22%23E3CCFF%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M348.8%20158.5v12.7M342.5%20164.8h12.7%22%20stroke%3D%22%23E3CCFF%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M998.3%20691.2v10.2M993.2%20696.3h10.2%22%20stroke%3D%22%23E3CCFF%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M298.2%20174.6v10.8M292.8%20180.0h10.8%22%20stroke%3D%22%23E3CCFF%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
 background-size:auto,auto,auto,900px 900px,1100px 1100px;
 opacity:.8;-webkit-mask:linear-gradient(#000 55%,transparent);mask:linear-gradient(#000 55%,transparent)}
.page-canvas>.sw-sky~*{position:relative;z-index:1}
.page-canvas>.sw-sky~.ck,.page-canvas>.sw-sky~header{z-index:50}
/* heroes sit on the space background, not in a box */
html body section.xp-hero .xp-head,html body section.xp-hero>.ct-wrap>div:first-child{background:none;border:0;box-shadow:none}

/* ---------- 2. Card D (Paths list, practice list, Resources): coloured top line by type, icon tile, eyebrow and Lora title,
   one-line subtitle, two facts with fixed labels, one button with fixed wording. At most three cards to a row. ---------- */
html body .xp-grid:has(.cd-x){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body .xp-grid:has(.cd-x)>li{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;min-width:0}
html body .xp-card.cd-x{--t:#F7F6FF;--tt:#F7F6FF;--tbg:rgba(255,255,255,.1);position:relative;grid-row:1/-1;display:grid;grid-template-rows:subgrid;grid-template-columns:none;row-gap:0;align-content:stretch;gap:0;min-width:0;min-height:0;height:auto;overflow:hidden;padding:0;border:0;border-radius:20px;background:#151730;box-shadow:inset 0 0 0 1px rgba(244,243,255,.13);color:#F7F6FF;text-align:left;font:inherit;cursor:pointer;transform:none}
html body .xp-card.cd-x.tool{--t:#19D2FF;--tt:#19D2FF;--tbg:rgba(25,210,255,.07)}
html body .xp-card.cd-x.skill{--t:#B267FF;--tt:#C996FF;--tbg:rgba(178,103,255,.08)}
html body .xp-card.cd-x.prac{--t:#FF1186;--tt:#FF6BB3;--tbg:rgba(255,17,134,.07)}
html body .xp-card.cd-x.res{--t:#B267FF;--tt:#F7F6FF}
.cd-x .cd-band{display:block;height:6px;background:var(--t)}
.cd-x.res .cd-band{background:linear-gradient(90deg,#FF1186,#B267FF 55%,#19D2FF)}
.cd-x .cd-hd{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;padding:22px 22px 0}
.cd-x .cd-hd:has(.cd-ic){grid-template-columns:58px minmax(0,1fr)}
.cd-x .cd-ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--tbg);color:var(--tt);box-shadow:inset 0 0 0 1.5px var(--tt);box-sizing:border-box}
.cd-x.res .cd-ic{box-shadow:none;border:1.5px solid transparent;background:linear-gradient(135deg,rgba(255,17,134,.1),rgba(178,103,255,.1),rgba(25,210,255,.1)) padding-box,linear-gradient(#151730,#151730) padding-box,linear-gradient(135deg,#FF1186,#B267FF 55%,#19D2FF) border-box}
.cd-x .cd-ic svg{width:32px;height:32px}
.cd-x .cd-ey{display:block;margin:0;font:700 14px/1.4 Inter,system-ui,sans-serif;color:var(--tt)}
html body .cd-x .xp-t{display:block;margin:2px 0 0;font:600 23px/1.15 Lora,Georgia,serif;color:#F7F6FF;letter-spacing:0;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}
html body .cd-x .xp-d{display:block;margin:0;padding:12px 22px 0;font:400 16px/1.5 Inter,system-ui,sans-serif;color:#D2CFE4}
.cd-x .cd-f{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 22px 0;padding:14px 0 18px;border-top:1px solid rgba(244,243,255,.13)}
.cd-x .cd-f:empty{border:0;padding:0;margin-top:0}
.cd-x .cd-f b{display:block;font:600 14px Inter,system-ui,sans-serif;color:#ABA8C4}
.cd-x .cd-f i{display:block;margin-top:3px;font:700 16px Inter,system-ui,sans-serif;font-style:normal;color:#F7F6FF}
.cd-x .cd-cta{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin:0 22px 22px;border-radius:14px;background:rgba(255,255,255,.08);font:700 16px Inter,system-ui,sans-serif;color:#F7F6FF;transition:background .2s,color .2s}
.cd-x .cd-cta svg{width:18px;height:18px}
/* not open yet: plain words where the button would be (no tag) */
html body .cd-x .xp-st{display:flex;align-items:center;justify-content:center;height:48px;min-height:0;margin:0 22px 22px;padding:0;border:1px dashed rgba(244,243,255,.22);border-radius:14px;background:none;font:600 15px Inter,system-ui,sans-serif;color:#ABA8C4}
.cd-x::after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1.5px var(--t);opacity:0;transition:opacity .2s;pointer-events:none}
.cd-x:hover::after,.cd-x:focus-visible::after{opacity:.7}
.cd-x:hover .cd-cta,.cd-x:focus-visible .cd-cta{background:#FF1186;color:#FFFFFF}
html body .xp-card.cd-x:focus-visible{outline:3px solid #19D2FF;outline-offset:4px}
@media (prefers-reduced-motion:no-preference){html body .xp-card.cd-x{transition:transform .2s}html body .xp-card.cd-x:hover{transform:translateY(-4px)}}
@media (max-width:1000px){html body .xp-grid:has(.cd-x){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){html body .xp-grid:has(.cd-x){grid-template-columns:minmax(0,1fr);gap:16px}.cd-x .cd-hd{padding:18px 18px 0}html body .cd-x .xp-t{font-size:21px}html body .cd-x .xp-d{padding:10px 18px 0}.cd-x .cd-f{margin:14px 18px 0;padding:12px 0 14px}.cd-x .cd-cta,html body .cd-x .xp-st{margin:0 18px 18px;height:46px}}

/* other item cards (Tools, Functions, glossary terms, charts): the Card D surface, corners and Lora title, no type colour */
html body .xp-card:not(.cd-x),html body .rs-card{border-radius:20px;background:#151730;box-shadow:inset 0 0 0 1px rgba(244,243,255,.13);border-color:transparent}
html body .xp-card:not(.cd-x) .xp-t,html body .rs-card .rs-t{font-family:Lora,Georgia,serif;font-weight:600}
html body .rs-card .rs-k{font:700 14px/1.4 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none}

/* ---------- 5. Type colours keep their jobs: Tool Path cyan, Skill Path violet, Practice pink, Resource gradient ---------- */
html body .ev-pk{color:#C996FF}
html body .ev-pk.tp,html body .xp-card.xp-tp .xp-k,html body #xpDlgK.xp-tp{color:#19D2FF}
html body #xpDlgK{color:#C996FF}
html body #xpDlgK.sw-prac{color:#FF6BB3}
html body #xpDlgK.sw-res{background:linear-gradient(90deg,#FF1186,#B267FF 55%,#19D2FF);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .ev-pk,html body .ev-soon,html body .xp-st{font-size:14px}

/* ---------- Icons: the handover's hand-drawn set (24x24, no fill, stroke 2, round), in tiles that follow the type colours ---------- */
.sw-tile{--t:rgba(244,243,255,.5);--tbg:rgba(255,255,255,.06);flex:none;width:44px;height:44px;border-radius:12px;display:inline-grid;place-items:center;box-sizing:border-box;background:var(--tbg);color:#F7F6FF;box-shadow:inset 0 0 0 1.5px var(--t)}
.sw-tile.tool{--t:#19D2FF;--tbg:rgba(25,210,255,.08);color:#19D2FF}
.sw-tile.skill{--t:#C996FF;--tbg:rgba(178,103,255,.09);color:#C996FF}
.sw-tile.prac{--t:#FF6BB3;--tbg:rgba(255,17,134,.08);color:#FF6BB3}
.sw-tile.res{box-shadow:none;border:1.5px solid transparent;background:linear-gradient(135deg,rgba(255,17,134,.1),rgba(178,103,255,.1),rgba(25,210,255,.1)) padding-box,linear-gradient(#13152B,#13152B) padding-box,linear-gradient(135deg,#FF1186,#B267FF 55%,#19D2FF) border-box}
.sw-tile svg{width:22px;height:22px}
html body .xp-gic.sw-tile,html body .xp-ic.sw-tile{width:44px;height:44px;object-fit:initial;padding:0}
html body .nav-icon{color:#C9C6DC}
html body .explore-item[aria-current] .nav-icon{color:#FF1186}
.sw-i{flex:none}