/* =====================================================================
   Reference composition (rayz-ai capture) — structural rules retained.
   The override layer below (Content layer) only adjusts colour, type
   scale, spacing and responsiveness. DOM/ref-* classes are untouched.
   ===================================================================== */
.ref-s0,.ref-s1,.ref-s2,.ref-s3,.ref-s4,.ref-s5,.ref-s6,.ref-s7,.ref-s8,.ref-s9,.ref-s10,.ref-s11,.ref-s12,.ref-s13,.ref-s14,.ref-s15,.ref-s16,.ref-s17,.ref-s18,.ref-s19,.ref-s20,.ref-s21,.ref-s22,.ref-s23,.ref-s24,.ref-s25,.ref-s26,.ref-s27,.ref-s28,.ref-s29,.ref-s30,.ref-s31,.ref-s32,.ref-s33,.ref-s34,.ref-s35,.ref-s36,.ref-s37,.ref-s38,.ref-s39,.ref-s40,.ref-s41,.ref-s42,.ref-s43,.ref-s44,.ref-s45,.ref-s46,.ref-s47,.ref-s48,.ref-s49,.ref-s50,.ref-s51,.ref-s52,.ref-s53,.ref-s54,.ref-s55,.ref-s56,.ref-s57,.ref-s58,.ref-s59,.ref-s60,.ref-s61,.ref-s62,.ref-s63,.ref-s64,.ref-s65,.ref-s66,.ref-s67,.ref-s68,.ref-s69,.ref-s70,.ref-s71,.ref-s72,.ref-s73,.ref-s74,.ref-s75,.ref-s76,.ref-s77,.ref-s78,.ref-s79,.ref-s80,.ref-s81,.ref-s82,.ref-s83,.ref-s84,.ref-s85,.ref-s86,.ref-s87,.ref-s88,.ref-s89,.ref-s90,.ref-s91,.ref-s92,.ref-s93,.ref-s94,.ref-s95,.ref-s96,.ref-s97,.ref-s98,.ref-s99,.ref-s100,.ref-s101,.ref-s102,.ref-s103,.ref-s104,.ref-s105,.ref-s106,.ref-s107,.ref-s108,.ref-s109,.ref-s110,.ref-s111,.ref-s112,.ref-s113,.ref-s114,.ref-s115,.ref-s116,.ref-s117,.ref-s118,.ref-s119,.ref-s120,.ref-s121,.ref-s122,.ref-s123,.ref-s124,.ref-s125,.ref-s126,.ref-s127,.ref-s128,.ref-s129,.ref-s130,.ref-s131,.ref-s132,.ref-s133,.ref-s134,.ref-s135,.ref-s136,.ref-s137,.ref-s138,.ref-s139,.ref-s140,.ref-s141,.ref-s142,.ref-s143,.ref-s144,.ref-s145,.ref-s146,.ref-s147,.ref-s148,.ref-s149,.ref-s150,.ref-s151,.ref-s152,.ref-s153,.ref-s154,.ref-s155,.ref-s156,.ref-s157,.ref-s158,.ref-s159,.ref-s160,.ref-s161,.ref-s162{
  box-sizing:border-box;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{overflow-x:hidden}
body{margin:0;overflow-x:hidden}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
ul{margin:0}

/* =====================================================================
   Content layer — theme, typography scale, contrast, responsiveness
   ===================================================================== */
:root{
  --ink:#0f1214;
  --ink-soft:#3a4247;
  --ink-faint:#556066;
  --paper:#f7f8f6;
  --paper-edge:#e2e6e0;
  --accent:#1f6f4f;
  --accent-ink:#0d4630;
  --accent-soft:#e7f1ea;
  --dark:#101314;
  --dark-2:#1a1f21;
  --dark-ink:#f2f5f3;
  --dark-faint:#b4c1bb;
  --dark-label:#b9d6c6;
}
body.ref-s0{background-color:var(--paper)!important;color:var(--ink)!important;-webkit-text-size-adjust:100%}
body a{text-decoration:none;color:inherit}
.ref-s0,.ref-s1,.ref-s2,.ref-s3,.ref-s4,.ref-s12,.ref-s20,.ref-s21,.ref-s22,.ref-s23,.ref-s25,.ref-s26,.ref-s32,.ref-s33,.ref-s38,.ref-s41,.ref-s42,.ref-s48,.ref-s51,.ref-s52,.ref-s53,.ref-s56,.ref-s58,.ref-s59,.ref-s60,.ref-s65,.ref-s69,.ref-s73,.ref-s74,.ref-s75,.ref-s84,.ref-s85,.ref-s92,.ref-s94,.ref-s97,.ref-s98,.ref-s99,.ref-s100,.ref-s101,.ref-s104,.ref-s108,.ref-s109,.ref-s112,.ref-s114,.ref-s124,.ref-s126,.ref-s130,.ref-s131,.ref-s139,.ref-s144,.ref-s146,.ref-s147,.ref-s148,.ref-s155,.ref-s156,.ref-s157,.ref-s158,.ref-s159,.ref-s161{color:inherit}

/* page shell ------------------------------------------------------- */
.ref-s2,.ref-s21,.ref-s32,.ref-s41,.ref-s73,.ref-s120,.ref-s129,.ref-s142{
  display:block;
  width:100%;
  max-width:1152px;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px;
  padding-right:24px;
}
.ref-s20{background:transparent!important}
#content{min-width:0}
.ref-s21{gap:0}
#docs{scroll-margin-top:90px}

/* nav -------------------------------------------------------------- */
.ref-s1{background-color:var(--paper)!important;border-bottom:1px solid var(--paper-edge);position:sticky;top:0;z-index:20}
.ref-s2{padding-left:0;padding-right:0}
.ref-s3{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:0}
.ref-s5{display:flex;align-items:center;gap:10px}
.ref-s7{color:var(--ink)!important;font-size:20px;font-weight:700;letter-spacing:-.4px;line-height:1.2}
.ref-s6{min-height:0!important;height:22px;width:22px;background-color:var(--accent)!important;border-radius:7px;flex:0 0 auto}
figure .ref-s6,.ref-s105 .ref-s6{display:none}
.ref-s8{display:flex;align-items:center;gap:28px}
.ref-s9{color:var(--ink-soft)!important;font-size:15px;font-weight:500;line-height:1.5;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .15s ease,border-color .15s ease}
.ref-s9:hover,.ref-s9:focus-visible{color:var(--ink)!important;border-bottom-color:var(--accent)}
.ref-s10{display:flex;align-items:center;gap:16px}
.ref-s11{background-color:var(--accent)!important;color:#fff!important;box-shadow:none!important;padding:10px 20px!important;font-size:15px;font-weight:500;line-height:1.5;border-radius:999px;display:inline-block}
.ref-s11:hover{background-color:var(--accent-ink)!important}

/* concept-stage pill ----------------------------------------------- */
.ref-s12{display:flex;justify-content:center;padding:16px 24px 0}
.ref-s12 .ref-s4{display:flex;justify-content:flex-end;width:100%;max-width:1152px}
.ref-s13{display:none!important}
.ref-s15{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--paper-edge);border-radius:999px;background:#fff;color:var(--ink-soft)!important;font-size:13.5px!important;line-height:1.45!important;font-weight:500;box-shadow:none!important}
.ref-s15 .ref-s17{display:inline!important;color:var(--ink-soft)!important;font-size:13.5px!important;line-height:1.45!important;font-weight:500}
.ref-s15:hover{border-color:#bcd2c6;color:var(--ink)!important}
.ref-s16,.ref-s18,.ref-s19{display:none!important}

/* hero ------------------------------------------------------------- */
.ref-s22{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:56px 0 48px!important;min-width:0}
.ref-s23{max-width:660px;min-width:0}
.ref-s24{color:var(--ink)!important;font-size:clamp(30px,4.2vw,50px)!important;line-height:1.08!important;letter-spacing:-1.4px!important;font-weight:600!important;margin:0;overflow-wrap:break-word}
.ref-s25{display:flex;flex-direction:column;align-items:flex-end;gap:20px;max-width:460px;min-width:0;text-align:right}
.ref-s26{color:var(--ink-soft)!important;font-size:17px!important;line-height:1.62!important;margin:0}
.ref-s27{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}
.ref-s28,.ref-s29{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.5;transition:background-color .15s ease,color .15s ease}
.ref-s28{background-color:var(--accent)!important;color:#fff!important;box-shadow:none!important}
.ref-s28:hover{background-color:var(--accent-ink)!important}
.ref-s29{background-color:var(--accent-soft)!important;color:var(--accent-ink)!important;border:1px solid #cfe0d6!important}
.ref-s29:hover{background-color:#d8e8de!important}
.ref-s30{display:none!important}

/* design-thesis strip ---------------------------------------------- */
.ref-s32{padding-top:8px;padding-bottom:8px}
.ref-s33{display:flex;flex-direction:column;gap:20px;padding:0}
.ref-s34{display:flex;flex-direction:column;gap:6px;width:100%}
.ref-s35{display:flex;gap:6px;flex:1}
.ref-s36{padding:10px 12px!important;background:transparent!important}
.ref-s37{min-height:0!important;height:8px!important;width:100%;max-width:96px;background-color:var(--paper-edge)!important;border-radius:999px}
.ref-s38{background-color:transparent!important;padding:4px 0 0!important}
.ref-s39{color:var(--ink-faint)!important;font-size:14px!important;line-height:1.55!important;margin:0;text-align:center}
.ref-s40{color:var(--ink)!important;font-weight:700}

/* principle statement + three cards --------------------------------- */
.ref-s42{font-size:clamp(22px,2.6vw,32px)!important;line-height:1.32!important;letter-spacing:-.7px!important;margin:0!important;max-width:none!important;color:var(--ink)!important;text-align:center}
.ref-s43{font-weight:400}
.ref-s44{color:var(--accent-ink)!important;font-weight:600!important}
.ref-s45{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:0;border-top:1px solid var(--paper-edge);margin:0 0 8px}
.ref-s46{display:flex;flex-direction:column;align-items:flex-start;gap:14px!important;padding:28px 28px 8px 0!important;min-width:0}
.ref-s46+.ref-s46{border-left:1px solid var(--paper-edge);padding-left:28px!important}
.ref-s47{width:26px;height:3px;background-color:var(--accent)!important;border-radius:999px}
.ref-s48{display:flex;flex-direction:column;gap:6px}
.ref-s49{color:var(--ink)!important;font-size:16px!important;font-weight:600;line-height:1.4;margin:0}
.ref-s50{color:var(--ink-soft)!important;font-size:15px!important;line-height:1.6!important;margin:0}

/* section headings ------------------------------------------------- */
.ref-s51,.ref-s65{display:flex;align-items:flex-end;justify-content:space-between;gap:28px!important;padding:0}
.ref-s52{display:flex;flex-direction:column;gap:20px;min-width:0}
.ref-s53{display:flex;align-items:center;gap:10px}
.ref-s54{width:8px;height:8px;background-color:var(--accent)!important;border-radius:999px;flex:0 0 auto}
.ref-s55{color:var(--accent-ink)!important;text-transform:uppercase;letter-spacing:.12em!important;font-size:12.5px!important;line-height:1.5!important;font-weight:600}
.ref-s56,.ref-s122{color:var(--ink)!important;font-size:clamp(26px,3.2vw,40px)!important;line-height:1.14!important;letter-spacing:-1.1px!important;font-weight:600!important;max-width:760px!important;margin:0}
.ref-s57{display:inline-flex;align-items:center;gap:8px;color:var(--accent-ink)!important;font-size:15px;font-weight:600;line-height:1.5;border-bottom:1px solid #bcd2c6;padding-bottom:2px}
.ref-s57:hover{border-bottom-color:var(--accent)}

/* primitive tiles (dark) ------------------------------------------- */
.ref-s58{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background-color:var(--paper-edge);border-radius:14px;overflow:hidden}
.ref-s59,.ref-s64{display:flex;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start;gap:18px!important;width:100%;min-height:250px;padding:26px 20px!important;background-color:var(--dark)!important;transition:background-color .15s ease}
.ref-s59:hover,.ref-s64:hover{background-color:var(--dark-2)!important}
.ref-s60{display:flex;flex-direction:column;gap:8px;min-width:0}
.ref-s61{color:var(--dark-ink)!important;font-size:19px!important;line-height:1.25!important;font-weight:600!important;margin:0}
.ref-s62{color:var(--dark-faint)!important;font-size:14px!important;line-height:1.55!important;max-width:none!important;margin:0;overflow-wrap:break-word}
.ref-s63{display:none!important}
.ref-s59 .ref-s4:empty,.ref-s64 .ref-s4:empty{display:none}
.ref-s59 .ref-s6,.ref-s64 .ref-s6{height:3px;width:22px;background-color:#3c8f6b!important;border-radius:999px}

/* four-stage grid -------------------------------------------------- */
.ref-s66{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;padding:0;background-color:var(--paper-edge)!important;border-radius:14px;overflow:hidden}
.ref-s67{display:list-item;list-style:none!important;margin:0;padding:0;min-width:0;background:none!important}
.ref-s68{display:flex;flex-direction:column;align-items:flex-start!important;gap:22px!important;height:100%;padding:32px!important;background-color:#fff!important;transition:background-color .15s ease}
.ref-s68:hover{background-color:#fbfcfb!important}
.ref-s69{display:flex;align-items:flex-start;justify-content:space-between;width:100%}
.ref-s69 .ref-s4:empty{display:none}
.ref-s69 .ref-s4:not(:empty){height:3px;width:22px;background-color:#3c8f6b!important;border-radius:999px}
.ref-s70{color:var(--ink)!important;font-size:clamp(19px,2vw,24px)!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.4px;margin:0 0 8px}
.ref-s71{color:var(--ink-soft)!important;font-size:15px!important;line-height:1.62!important;max-width:44ch!important;margin:0}

/* dark threat-model band ------------------------------------------- */
.ref-s72{background-color:var(--dark)!important;color:var(--dark-ink)!important;padding:72px 0}
.ref-s73{display:flex;flex-direction:column;gap:40px!important}
.ref-s74{display:flex;flex-direction:column;align-items:center;gap:28px!important;margin:0!important}
.ref-s75{display:flex;align-items:center;gap:10px}
.ref-s76{width:8px;height:8px;background-color:#3c8f6b!important;border-radius:999px}
.ref-s77{color:var(--dark-label)!important;font-size:12.5px!important;line-height:1.5!important;font-weight:600;text-transform:uppercase;letter-spacing:.12em!important;margin:0}
.ref-s78{color:#fff!important;font-size:clamp(26px,3.2vw,40px)!important;line-height:1.14!important;letter-spacing:-1.1px!important;font-weight:600!important;max-width:820px!important;text-align:center;margin:0}
.ref-s79{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:1px;background-color:#232a2c!important;border-radius:14px;overflow:hidden}
.ref-s80{display:block;background-color:transparent!important}
.ref-s81{display:flex;flex-direction:column;gap:28px!important;padding:36px!important}
.ref-s82{display:flex;align-items:center;gap:10px}
.ref-s83{display:flex;align-items:center;justify-content:center}
.ref-s84{color:var(--dark-label)!important;text-transform:uppercase;font-size:12.5px!important;line-height:1.5!important;letter-spacing:.12em!important;font-weight:600;display:inline-block}
.ref-s85{display:flex;flex-direction:column;gap:14px}
.ref-s86{color:#fff!important;font-size:clamp(22px,2.6vw,32px)!important;line-height:1.22!important;max-width:22ch!important;letter-spacing:-.8px;font-weight:600;margin:0}
.ref-s87{color:var(--dark-faint)!important;font-size:15px!important;line-height:1.6!important;max-width:60ch!important;margin:0;overflow-wrap:break-word}
.ref-s88{display:none!important}
.ref-s89{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:1px;background-color:#232a2c!important}
.ref-s90{display:none!important}
.ref-s92{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:1px!important;background-color:#232a2c!important;border-radius:0;overflow:hidden}
.ref-s93{display:flex;flex-direction:column;justify-content:flex-start!important;gap:16px!important;padding:28px!important;background-color:transparent!important;border-top:1px solid #2b3234}
.ref-s89 .ref-s92 .ref-s93:first-child{border-top:0}
.ref-s93:hover{background-color:var(--dark-2)!important}
.ref-s94{display:flex;flex-direction:column;gap:10px!important}
.ref-s95,.ref-s96{color:#fff!important;font-size:clamp(18px,1.9vw,22px)!important;line-height:1.3!important;max-width:none!important;font-weight:600;margin:0}

/* notes strip ------------------------------------------------------ */
.ref-s115{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;border-top:1px solid var(--paper-edge);border-bottom:1px solid var(--paper-edge)}
.ref-s116,.ref-s119{display:flex;flex-direction:column;align-items:center;justify-content:flex-start!important;gap:10px;padding:22px 14px!important;text-align:center;min-width:0}
.ref-s117{width:9px;height:9px;padding:0!important;background-color:var(--accent)!important;border-radius:999px;flex:0 0 auto}
.ref-s118{color:var(--ink-soft)!important;font-size:13px!important;line-height:1.45!important;margin:0}

/* design notes ----------------------------------------------------- */
.ref-s120{padding-top:84px!important;padding-bottom:84px!important}
.ref-s121{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;gap:56px!important;align-items:start}
.ref-s122{letter-spacing:-1.1px}
.ref-s123{color:var(--ink-soft)!important;font-size:16.5px!important;line-height:1.62!important;max-width:none!important;margin:0}
.ref-s124{border-top:1px solid var(--paper-edge)}
.ref-s125,.ref-s127{display:grid;grid-template-columns:minmax(0,1fr)!important;padding:18px 0!important;border-bottom:1px solid var(--paper-edge);background:transparent!important}
.ref-s126{color:var(--ink-soft)!important;font-size:15px!important;line-height:1.66!important;max-width:none!important;margin:0}
#design .ref-s20{background:transparent!important;padding:0}

/* external documentation section ----------------------------------- */
#docs{display:block;background-color:var(--accent-soft)!important;border-top:1px solid #d3e2d9;border-bottom:1px solid #d3e2d9;padding:72px 0}
#docs .ref-s129{display:flex;flex-direction:column;align-items:center;gap:22px!important;padding-top:0!important;padding-bottom:0!important}
#docs .ref-s130{display:flex;align-items:center;gap:10px}
.ref-s131{width:8px;height:8px;background-color:var(--accent)!important;border-radius:999px;flex:0 0 auto}
.ref-s132{color:var(--accent-ink)!important;text-transform:uppercase;font-size:12.5px!important;line-height:1.5!important;letter-spacing:.12em!important;font-weight:600}
.ref-s133{color:var(--ink)!important;font-size:clamp(26px,3.6vw,44px)!important;line-height:1.14!important;letter-spacing:-1.2px!important;font-weight:600!important;max-width:840px!important;margin:0;text-align:center}
.ref-s134{color:var(--ink-soft)!important;font-size:16.5px!important;line-height:1.68!important;max-width:680px!important;margin:0;text-align:center}
.ref-s135{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:6px 0 0}
.ref-s136,.ref-s137{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.5;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.ref-s136{background-color:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;box-shadow:none!important}
.ref-s136:hover{background-color:var(--accent-ink)!important;border-color:var(--accent-ink)!important}
.ref-s137{border:1px solid var(--accent-ink)!important;color:var(--accent-ink)!important;background:transparent!important}
.ref-s137:hover{background-color:#d8e8de!important}
.ref-s138{color:var(--ink-faint)!important;font-size:13px!important;line-height:1.5!important;margin:0;text-align:center}
.ref-s139{display:none!important}

/* concept overview rows -------------------------------------------- */
.ref-s97{display:flex;flex-direction:column;gap:16px}
.ref-s98,.ref-s114{display:flex;background-color:transparent!important;gap:1px!important}
.ref-s99,.ref-s98 .ref-s99{display:none!important}
.ref-s100{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0;padding:0!important;background:#fff!important;border:1px solid var(--paper-edge);border-radius:14px}
.ref-s101{display:flex;flex-wrap:wrap;align-items:flex-start!important;justify-content:space-between;gap:24px;padding:28px 28px 0!important}
.ref-s102{padding:0!important}
.ref-s103{max-width:44px;min-height:0!important;height:44px;border-radius:10px;background-color:#eef2ef!important}
.ref-s104{display:flex;flex-wrap:wrap;gap:20px!important}
.ref-s105{flex:1 1 140px;min-width:0;max-width:190px!important;padding-left:0!important}
.ref-s106{color:var(--ink)!important;font-size:22px!important;line-height:1.2!important;font-weight:700;margin:0 0 2px}
.ref-s107{color:var(--ink-faint)!important;font-size:13.5px!important;line-height:1.5!important;margin:0}
.ref-s108{display:flex;flex-wrap:wrap;align-items:center!important;justify-content:space-between;gap:20px!important;padding:0 28px 28px!important}
.ref-s109{display:flex;flex-direction:column;gap:14px;max-width:620px;min-width:0}
.ref-s110{color:var(--accent-ink)!important;font-size:44px!important;line-height:1!important;font-weight:600!important;letter-spacing:-2px}
.ref-s111{color:var(--ink)!important;font-size:16.5px!important;line-height:1.5!important;font-weight:500!important;margin:0}
.ref-s112{display:flex;flex-direction:column;gap:4px!important}
.ref-s113{color:var(--ink)!important;font-size:12.5px!important;line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:.08em}

/* illustration ----------------------------------------------------- */
figure{margin:0;padding:0 24px 72px;display:flex;justify-content:center}
figure img{width:100%;max-width:560px;height:auto;opacity:1}

/* section rhythm --------------------------------------------------- */
.ref-s41{display:flex;flex-direction:column;gap:56px!important;padding-top:72px!important;padding-bottom:72px!important}
#details .ref-s41,#summary .ref-s41{background:transparent!important}
ul.ref-s45,ul.ref-s66,ul.ref-s152{list-style:none;margin:0}

/* footer ----------------------------------------------------------- */
.ref-s141{display:block;background-color:var(--dark)!important;color:var(--dark-ink)!important;margin-top:0}
.ref-s142{padding-top:64px!important;padding-bottom:32px!important}
.ref-s143{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:40px!important;padding:0 0 40px!important;border-bottom:1px solid #2b3234}
.ref-s144{display:flex;flex-direction:column;gap:14px;min-width:0}
.ref-s145{display:flex;align-items:center;gap:8px}
.ref-s144 .ref-s6{height:20px;width:20px;background-color:#3c8f6b!important}
.ref-s146{color:#fff!important;font-size:20px;font-weight:700}
.ref-s147,.ref-s150{color:var(--dark-faint)!important;font-size:13.5px!important;line-height:1.65!important;margin:0}
.ref-s148{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.ref-s149{color:#fff!important;font-size:15px;font-weight:600;margin:0}
.ref-s151{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;padding:36px 0 0!important}
.ref-s152{display:flex;flex-direction:column;gap:10px;padding:0}
.ref-s153{display:list-item;list-style:none;min-width:0}
.ref-s154{color:var(--dark-faint)!important;font-size:13.5px;line-height:1.5}
.ref-s154:hover{color:#fff!important}
.ref-s155{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:28px 0 0!important}
.ref-s156,.ref-s158{color:#93a09a!important;font-size:12.5px;line-height:1.6;margin:0}
.ref-s158:hover{color:#fff!important}
.ref-s157{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.ref-s159,.ref-s160,.ref-s161{display:none!important}

/* focus visibility ------------------------------------------------- */
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.ref-s141 a:focus-visible,#security a:focus-visible{outline-color:var(--dark-label)}

/* ------------------------------------------------------------------
   Breakpoints
   Reference keeps: 5-tile primitive grid → 2 → 1, stage grid → 1,
   design notes split → stacked, footer 4 columns → 2 → 1.
   ------------------------------------------------------------------ */
@media(max-width:1100px){
  .ref-s58{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ref-s59,.ref-s64{min-height:0}
  .ref-s121{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
  .ref-s115{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:900px){
  .ref-s8{display:none!important}
  .ref-s3{gap:12px}
  .ref-s22{flex-direction:column!important;align-items:flex-start!important;gap:24px!important}
  .ref-s25{align-items:flex-start!important;text-align:left!important;max-width:none!important}
  .ref-s26{text-align:left!important}
  .ref-s27{justify-content:flex-start!important}
  .ref-s143{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .ref-s148{align-items:flex-start!important;text-align:left!important}
  .ref-s149,.ref-s150{text-align:left!important}
  .ref-s151{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:700px){
  html,body{overflow-x:hidden}
  .ref-s2,.ref-s21,.ref-s32,.ref-s41,.ref-s73,.ref-s120,.ref-s129,.ref-s142{padding-left:18px;padding-right:18px}
  .ref-s12{padding:12px 18px 0}
  .ref-s3{min-height:64px}
  .ref-s7{font-size:18px}
  .ref-s6{height:20px;width:20px}
  .ref-s15{padding:6px 12px}
  .ref-s15 .ref-s17{font-size:13px!important}
  .ref-s22{padding:32px 0 32px!important}
  .ref-s24{font-size:clamp(28px,8.4vw,38px)!important;letter-spacing:-.8px!important}
  .ref-s26{font-size:16px!important}
  .ref-s41{padding-top:52px!important;padding-bottom:52px!important;gap:40px!important}
  .ref-s120{padding-top:52px!important;padding-bottom:52px!important}
  .ref-s45{grid-template-columns:1fr!important}
  .ref-s46{padding:22px 0!important}
  .ref-s46+.ref-s46{border-left:0;border-top:1px solid var(--paper-edge);padding-left:0!important}
  .ref-s51,.ref-s65{flex-direction:column;align-items:flex-start;gap:16px!important}
  .ref-s66{grid-template-columns:1fr!important}
  .ref-s68,.ref-s93{padding:24px!important}
  .ref-s58{grid-template-columns:1fr!important}
  .ref-s59,.ref-s64{padding:22px 20px!important;min-height:0}
  .ref-s89{grid-template-columns:minmax(0,1fr)!important}
  .ref-s72{padding:52px 0}
  .ref-s73,.ref-s74{gap:24px!important}
  .ref-s81{padding:22px!important;gap:22px!important}
  .ref-s115{grid-template-columns:1fr!important}
  .ref-s116,.ref-s119{padding:16px 0!important;flex-direction:row;align-items:center;justify-content:flex-start!important;text-align:left;border-bottom:1px solid var(--paper-edge)}
  #docs{padding:52px 0}
  .ref-s133{letter-spacing:-.5px!important}
  .ref-s136,.ref-s137{width:100%;padding:12px 20px;font-size:15px}
  .ref-s101{padding:22px 20px 0!important}
  .ref-s108{padding:0 20px 22px!important;align-items:flex-start!important;flex-direction:column}
  .ref-s110{font-size:34px!important}
  .ref-s143,.ref-s151{grid-template-columns:1fr!important}
  .ref-s142{padding-top:44px!important}
  figure{padding:0 18px 48px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}