/* HR Blizz · Resources (Insights) + API docs — shared shell */
:root{--rs-o:#FF5F1F;--rs-ink:#001738;--rs-ink-2:#001738;--rs-ink-3:#8B9AB2;--rs-line:#E3E9F2;--rs-tint:#F4F7FB;--rs-teal:#1497BA;--rs-green:#0F8529}

.rs-page{background:#F5F8FC}
.rs-page .rn-controls-spacer{background:#F5F8FC}
.rs-wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}

/* ── Hero ─────────────────────────────────────────────── */
.rs-hero{position:relative;background:linear-gradient(180deg,#001024,#001738 58%,#00102A);color:#fff;padding-block:clamp(124px,14vh,158px);overflow:hidden;isolation:isolate}
.rs-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(58% 56% at 84% 4%,rgba(255,95,31,.11),transparent 72%),radial-gradient(52% 50% at 4% 100%,rgba(20,151,186,.09),transparent 74%)}
/* soft dot matrix instead of horizontal rules */
.rs-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:radial-gradient(rgba(255,255,255,.5) .9px,transparent 1.4px);background-size:30px 30px;mask-image:radial-gradient(90% 78% at 26% 46%,#000 0%,rgba(0,0,0,.28) 52%,transparent 78%);-webkit-mask-image:radial-gradient(90% 78% at 26% 46%,#000 0%,rgba(0,0,0,.28) 52%,transparent 78%)}
.rs-page .rs-hero{padding-top:clamp(124px,14vh,158px)!important;padding-bottom:clamp(124px,14vh,158px)!important}
.rs-hero-eye{display:inline-flex;align-items:center;gap:9px;font:700 11px/1 var(--font-mono,monospace);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.rs-hero-eye i{width:6px;height:6px;border-radius:999px;background:var(--rs-o);box-shadow:0 0 14px 3px rgba(255,95,31,.6)}
.rs-hero h1{margin:20px 0 0;font-family:var(--font-display,inherit);font-size:clamp(38px,5.4vw,68px);font-weight:600;line-height:1.02;letter-spacing:-.035em;color:#fff;max-width:20ch;text-wrap:balance}
.rs-hero h1 em{font-style:normal;color:var(--rs-o)}
.rs-hero-lead{margin:20px 0 0;max-width:62ch;color:rgba(255,255,255,.76)}

/* ── Filter bar (reuses .rn-controls shell from release-notes.css) ── */
.rs-controls-inner{max-width:1240px!important;padding-inline:clamp(20px,4vw,40px)!important}
/* search + filters on one row — height locked to the 46px pill */
.rs-page .rn-controls .rs-controls-row{flex-direction:row!important;align-items:center!important;gap:16px!important;flex-wrap:nowrap!important;padding:10px clamp(20px,4vw,40px)!important;min-height:0!important}
.rs-page .rs-controls-row>*{margin:0!important}
.rs-page .rs-controls-row .rn-search-row{flex:none!important;width:min(320px,42vw)!important;flex-wrap:nowrap!important}
.rs-page .rs-controls-row .rn-search{height:44px!important;flex:1 1 auto!important;min-width:0!important}
.rs-page .rs-controls-row .rn-filter-row{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;align-items:center!important;gap:8px!important;overflow:visible!important;padding:0!important}
.rs-page .rs-controls-row .rn-filter-row>*{width:auto!important;flex:none!important;grid-column:auto!important}
.rs-page .rs-controls-row .rn-select{height:38px!important}
.rs-page .rs-controls-row .rn-filter-label{margin-right:2px}
@media (max-width:760px){
  .rs-page .rn-controls .rs-controls-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .rs-page .rs-controls-row .rn-search-row{width:100%!important}
  .rs-page .rs-controls-row .rn-filter-label{display:none!important}
  /* No sticky/fixed filter bar on mobile — it just scrolls away with the page.
     position:relative (not static) so .rn-controls keeps its own z-index:40
     stacking context — a static element's z-index is ignored entirely, which
     let the post grid that follows it in the DOM paint over the open Topic/
     Type dropdown despite the dropdown's own z-index. relative has the same
     in-flow layout as static (no top/left offset set), so nothing else about
     the "just scrolls with the page" behavior changes. */
  .rs-page .rn-controls{position:relative!important;top:auto!important;transform:none!important;will-change:auto!important}
  .rs-page .rn-controls.is-stuck{position:relative!important;transform:none!important}
  .rs-page .rn-controls-spacer{display:none!important}
}
.rs-page .rn-controls{margin-top:0!important;border-top:1px solid var(--rs-line)}
.rs-page .rs-body{padding-top:0!important}
.rs-page .rs-grid{margin-top:clamp(22px,2.6vw,32px)!important}
.rs-page .rn-select.rs-all{padding:0 18px!important;justify-content:center!important;min-width:64px}
.rs-page .rn-controls{background:rgba(255,255,255,.8)!important;-webkit-backdrop-filter:blur(100px) saturate(180%)!important;backdrop-filter:blur(100px) saturate(180%)!important}
.rn-controls{margin-top:clamp(30px,4vw,46px)}

/* Topic/Type dropdown menu options (template-parts/resources/controls.php) are
   real <a href> links — real page navigation, not React state — so release-
   notes.css's .rn-select-menu button/:hover/.is-on rules never match them.
   Same rules, targeting <a> instead, so hover/select/active read identically
   to the design's own FilterSelect (design/js/resources.jsx). */
.rn-select-menu a{width:100%;text-align:left;background:transparent;border:0;padding:10px 12px;border-radius:10px;font:500 13.5px/1.2 var(--font-body);color:var(--hrb-fg-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:background .15s,color .15s;text-decoration:none}
.rn-select-menu a:hover{background:var(--hrb-darkblue-00,#F0F3F8)}
.rn-select-menu a.is-on{background:var(--hrb-orange-10,#FFEFE9);color:var(--hrb-orange-70,#CC4C19);font-weight:700}
.rn-select-menu a.is-on .rn-menu-count{background:rgba(255,255,255,.6);color:var(--hrb-orange-70)}

/* ── Featured ─────────────────────────────────────────── */
.rs-feat{position:relative;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);margin-top:clamp(34px,4.5vw,54px);border-radius:28px;overflow:hidden;background:linear-gradient(150deg,#03142E 0%,#001738 56%,#0A2450 100%);color:#fff;isolation:isolate}
.rs-feat::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(46% 60% at 88% 8%,rgba(255,95,31,.3),transparent 66%),radial-gradient(40% 50% at 4% 94%,rgba(20,151,186,.22),transparent 70%)}
.rs-feat::after{content:"";position:absolute;inset:0;z-index:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 40px}
.rs-feat-body{position:relative;z-index:1;padding:clamp(30px,3.6vw,48px);display:flex;flex-direction:column}
.rs-feat-tag{font:700 10.5px/1 var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#FF9A6B}
.rs-feat h2{margin:16px 0 0;font-family:var(--font-display,inherit);font-size:clamp(25px,2.7vw,36px);font-weight:600;line-height:1.12;letter-spacing:-.03em;color:#fff;text-wrap:balance;max-width:24ch}
.rs-feat p{margin:16px 0 0;font-size:15px;line-height:1.62;color:rgba(255,255,255,.74);max-width:52ch}
.rs-feat-row{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rs-feat-meta{font:600 12px/1 var(--font-body);color:rgba(255,255,255,.5)}
.rs-feat-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;background:linear-gradient(120deg,#FF5F1F,#FF8A50);color:#fff!important;text-decoration:none;font:700 13.5px/1 var(--font-body);box-shadow:0 14px 28px -14px rgba(255,95,31,.85);transition:transform .24s var(--ease-standard,ease),box-shadow .24s}
.rs-feat-cta:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(255,95,31,.9)}
.rs-feat-cta svg{width:15px;height:15px;transition:transform .22s var(--ease-emphasized,cubic-bezier(.2,.8,.2,1))}
.rs-feat-cta:hover svg{transform:translateX(3px)}
.rs-feat-side{position:relative;z-index:1;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;justify-content:center;gap:12px;border-left:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);backdrop-filter:blur(10px)}
.rs-feat-stat{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05)}
.rs-feat-stat b{font-family:var(--font-display,inherit);font-size:28px;font-weight:600;letter-spacing:-.032em;line-height:1;background:linear-gradient(100deg,#FF9A6B,#FFD2BC);-webkit-background-clip:text;background-clip:text;color:transparent}
.rs-feat-stat span{font:600 10.5px/1.35 var(--font-mono,monospace);letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.5)}

/* ── Card grid ────────────────────────────────────────── */
.rs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:clamp(26px,3.2vw,38px)}
.rs-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid transparent;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(0,23,56,.05),0 20px 40px -32px rgba(0,23,56,.4);text-decoration:none;color:var(--rs-ink);transition:transform .3s var(--ease-standard,ease),box-shadow .3s,border-color .3s}
.rs-card:hover{transform:translateY(-5px);border-color:rgba(255,95,31,.26);box-shadow:0 1px 2px rgba(0,23,56,.05),0 34px 60px -34px rgba(0,23,56,.45)}
.rs-card-in{display:flex;flex-direction:column;flex:1;padding:16px 22px 20px}
.rs-card-badges{display:flex;gap:6px;flex-wrap:wrap}
.rs-badge{padding:5px 10px;border-radius:8px;font:700 10.5px/1 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}
.rs-b-blog{background:rgba(226,243,249,.82);color:#0E7794}
.rs-b-video{background:rgba(255,235,226,.82);color:#D8480F}
.rs-b-guide{background:rgba(228,244,232,.82);color:#0C6A21}
.rs-b-check{background:rgba(232,238,247,.82);color:#1A3E6D}
.rs-b-topic{background:rgba(255,255,255,.8);color:var(--rs-ink-2)}
.rs-art-top h3{margin:12px 0 0;font-family:var(--font-display,inherit);font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.26;color:var(--rs-ink);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rs-card p{margin:0;font-size:14px;line-height:1.6;color:var(--rs-ink-2);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rs-card-foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 11.5px/1 var(--font-body);color:var(--rs-ink-3)}
.rs-card-arr{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,95,31,.1);border:1px solid rgba(255,95,31,.22);color:var(--rs-o);font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.rs-card-arr svg{width:14px;height:14px;transition:transform .22s var(--ease-emphasized,cubic-bezier(.2,.8,.2,1))}
.rs-card:hover .rs-card-arr{background:var(--rs-o);border-color:var(--rs-o);color:#fff;box-shadow:0 10px 22px -12px rgba(255,95,31,.7)}
.rs-card:hover .rs-card-arr svg{transform:translateX(3px)}

/* abstract art panel — swap for a real image later */
.rs-art{position:relative;height:126px;flex:none;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 22px;overflow:hidden;isolation:isolate}
.rs-art-top{position:relative;z-index:2;display:flex;flex-direction:column}
.rs-art>span{position:absolute}
.rs-art-grid{inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(70% 70% at 30% 20%,#000,transparent 78%)}
.rs-art-orb{width:230px;height:230px;right:-78px;top:-88px;border-radius:50%;filter:blur(22px);opacity:.7;transition:transform .6s var(--ease-standard,ease)}
.rs-art-ring{display:none}
.rs-card:hover .rs-art-orb{transform:translate(-10px,10px) scale(1.06)}
/* dark art panel — invert the copy */
.art-saas .rs-art-top h3{color:#fff}
.art-saas .rs-b-topic{background:rgba(255,255,255,.13);color:rgba(255,255,255,.88)}
.art-saas .rs-b-video{background:rgba(255,138,80,.22);color:#FFCFB8}
.art-saas .rs-b-blog{background:rgba(130,205,228,.2);color:#AFE4F3}
.art-saas .rs-b-guide{background:rgba(120,220,150,.18);color:#A6E6BC}
.art-saas .rs-b-check{background:rgba(255,255,255,.14);color:rgba(255,255,255,.86)}
.art-news{background:linear-gradient(140deg,#FFE9DC,#FFD2BC 55%,#FFC0A3)}
.art-news .rs-art-orb{background:radial-gradient(circle,rgba(255,95,31,.3),rgba(255,95,31,.1) 48%,transparent 76%)}
.art-payroll{background:linear-gradient(140deg,#E3EEF8,#CADEEF 55%,#B7D3E9)}
.art-payroll .rs-art-orb{background:radial-gradient(circle,rgba(20,151,186,.28),rgba(20,151,186,.09) 48%,transparent 76%)}
.art-product{background:linear-gradient(140deg,#E6E9F5,#D3D9EE 55%,#C2CAE7)}
.art-product .rs-art-orb{background:radial-gradient(circle,rgba(26,62,109,.24),rgba(26,62,109,.08) 48%,transparent 76%)}
.art-saas{background:linear-gradient(140deg,#04182F,#001738 60%,#0A2450)}
.art-saas .rs-art-grid{background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px)}
.art-saas .rs-art-orb{background:radial-gradient(circle,rgba(255,95,31,.34),rgba(255,95,31,.12) 46%,transparent 74%)}
.art-saas .rs-art-ring{border-color:rgba(255,255,255,.22)}
.art-success{background:linear-gradient(140deg,#E2F1E6,#CBE7D3 55%,#B6DCC3)}
.art-success .rs-art-orb{background:radial-gradient(circle,rgba(15,133,41,.24),rgba(15,133,41,.08) 48%,transparent 76%)}

.rs-empty{padding:70px 20px;text-align:center;border:1px dashed var(--rs-line);border-radius:22px;margin-top:28px}
.rs-empty h3{margin:0;font-family:var(--font-display,inherit);font-size:20px}
.rs-empty p{margin:8px 0 0;color:var(--rs-ink-2)}

.rs-body{padding-block:clamp(24px,3vw,36px) clamp(48px,6vw,78px)}

/* ── Post detail · uses the Release Notes inner-post template ── */
/* Banner — warm sand tone so Resources reads distinct from Release Notes */
.rs-post-page .rs-banner-top{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.rs-post-page .rs-banner-top .rn-detail-meta{margin-bottom:0}
.rs-banner-tags{display:flex;flex-wrap:wrap;gap:8px}
.rs-tag{display:inline-flex;align-items:center;padding:8px 15px;border-radius:999px;border:0;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);font:700 11.5px/1 var(--font-mono,monospace);letter-spacing:.13em;text-transform:uppercase;color:#001738}
.rs-post-page .rs-kickers-off{display:none}
.rs-post-page .rn-detail-banner-inner{background:linear-gradient(180deg,#FFFAF6 0%,#FFF1E7 55%,#FFE4D5 100%);border-color:rgba(255,95,31,.2)}
.rs-post-page .rn-detail-banner-inner::before{background:radial-gradient(circle,rgba(255,95,31,.22) 0%,transparent 68%)}
.rs-post-page .rn-toc-back,.rs-post-page .rn-back-mobile{white-space:nowrap;align-items:center;gap:8px}
.rs-post-page .rn-toc-back svg,.rs-post-page .rn-back-mobile svg{width:14px;height:14px;flex:none}
.rs-post-page .rn-detail-body h2{font:700 22px/1.3 var(--font-display);color:var(--hrb-fg-primary,#001738);margin:34px 0 12px;letter-spacing:-.012em;scroll-margin-top:104px}
.rs-post-page .rn-detail-body h2:first-child{margin-top:0}
.rs-post-page .rn-detail-body h3{font:700 17px/1.35 var(--font-display);color:var(--hrb-fg-primary,#001738);margin:24px 0 8px;letter-spacing:-.005em}
.rs-post-page .rn-detail-body ol{margin:0 0 16px;padding-left:22px;color:var(--hrb-fg-secondary,#001738);display:flex;flex-direction:column;gap:8px}
.rs-post-page .rn-detail-body a{color:var(--rs-o);text-decoration:none;border-bottom:1px solid rgba(255,95,31,.35)}
.rs-g2{margin:0 0 26px;padding:22px;border:1px solid var(--rs-line);border-radius:20px;background:linear-gradient(180deg,#FCFDFF 0%,#F6F9FD 100%)}
.rs-g2-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid var(--rs-line)}
.rs-g2-badges img{width:100%;max-width:96px;height:auto;justify-self:center;filter:drop-shadow(0 6px 12px rgba(0,23,56,.10))}
.rs-scores{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rs-scores li{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 14px;padding:14px 16px 16px;border:1px solid var(--rs-line);border-radius:14px;background:#fff;font-size:14.5px;font-weight:600;color:var(--rs-ink-2);margin:0!important;box-shadow:0 1px 2px rgba(0,23,56,.04);transition:transform .18s ease,box-shadow .18s ease}
.rs-scores li:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,23,56,.08)}
.rs-scores-wide{grid-column:1/-1}
.rs-scores b{font-family:var(--font-display,inherit);font-weight:700;font-size:14px;color:var(--rs-o);letter-spacing:-.01em;white-space:nowrap}
.rs-scores b i{font-style:normal;font-size:26px;line-height:1}
.rs-scores em{grid-column:1/-1;display:block;height:4px;border-radius:999px;background:rgba(0,23,56,.08);overflow:hidden}
.rs-scores em::after{content:"";display:block;height:100%;width:var(--v,100%);border-radius:999px;background:linear-gradient(90deg,#FF8A4C,var(--rs-o))}
@media(max-width:640px){.rs-g2{padding:16px}.rs-g2-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rs-scores{grid-template-columns:1fr}}
.rs-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px}
.rs-quote{position:relative;overflow:hidden;display:flex;flex-direction:column;margin:0;padding:22px 24px 20px;border:1px solid var(--rs-line);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#FFFAF7 100%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.rs-quote::before{content:"";position:absolute;top:-70px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,95,31,.16) 0%,transparent 70%);pointer-events:none}
.rs-quote:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,23,56,.09);border-color:rgba(255,95,31,.34)}
.rs-quote-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.rs-quote-mark{font:700 46px/.6 var(--font-display,inherit);color:rgba(255,95,31,.4)}
.rs-quote-stars{display:flex;gap:3px;color:var(--rs-o)}
.rs-quote-stars svg{width:15px;height:15px}
.rs-quote h3{margin:0 0 10px!important;position:relative}
.rs-quote p{margin:0 0 18px;position:relative;font-size:15.5px;line-height:1.65}
.rs-quote cite{position:relative;margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(0,23,56,.08);font-style:normal}
.rs-quote-av{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--font-display,inherit);color:#fff;background:linear-gradient(135deg,#FF8A4C,#FF5F1F)}
.rs-quote-who{display:grid;gap:2px;min-width:0}
.rs-quote-who b{font:700 14.5px/1.3 var(--font-display,inherit);color:var(--rs-o)}
.rs-quote-who i{font-style:normal;font-size:13px;line-height:1.4;color:var(--hrb-fg-secondary,#001738)}
@media(max-width:820px){.rs-quotes{grid-template-columns:1fr}}
.rs-feat-list{list-style:none;margin:0 0 22px;padding:0!important;display:grid;gap:10px}
.rs-feat-list li{padding:15px 18px;border:1px solid var(--rs-line);border-radius:14px;background:#fff;font-size:15.5px;line-height:1.6;margin:0!important}
.rs-feat-list b{color:var(--rs-ink)}
.rs-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}
.rs-feat-grid li{position:relative;overflow:hidden;padding:20px 20px 18px;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#F8FAFD 100%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.rs-feat-grid li:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,23,56,.08);border-color:rgba(255,95,31,.32)}
.rs-feat-grid li:first-child{grid-column:1/-1}
.rs-feat-ic{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 0 12px;border-radius:11px;color:var(--rs-o);background:rgba(255,95,31,.1);border:1px solid rgba(255,95,31,.2)}
.rs-feat-ic svg{width:20px;height:20px}
.rs-feat-grid b{display:block;margin:0 0 4px;font:700 16px/1.3 var(--font-display,inherit);color:var(--rs-ink);letter-spacing:-.01em}
.rs-cta-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-weight:600;color:var(--rs-ink)}
.rs-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font:700 14.5px/1 var(--font-display,inherit);color:#fff!important;background:linear-gradient(135deg,#FF8A4C,#FF5F1F);border:0!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(255,95,31,.28);transition:transform .18s ease,box-shadow .18s ease}
.rs-cta-btn svg{width:16px;height:16px;transition:transform .18s ease}
.rs-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(255,95,31,.34)}
.rs-cta-btn:hover svg{transform:translateX(3px)}
@media(max-width:820px){.rs-feat-grid{grid-template-columns:1fr}}
.rs-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 26px}
.rs-step{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid var(--rs-line);border-radius:16px;background:linear-gradient(180deg,#fff 0%,#F6F9FD 100%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.rs-step:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,23,56,.08);border-color:rgba(255,95,31,.3)}
.rs-step-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 0 12px;border-radius:9px;font:700 18px/1 var(--font-mono,monospace);letter-spacing:.04em;color:var(--rs-o);background:rgba(255,95,31,.1);border:1px solid rgba(255,95,31,.2)}
.rs-step h3{margin:0 0 6px!important;font-size:18px!important;letter-spacing:-.01em}
.rs-step p{margin:0;font-size:18px;line-height:1.6}
.rs-timeline{position:relative}
.rs-timeline .rs-step{z-index:1}
.rs-defs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 26px}
.rs-def{position:relative;overflow:hidden;padding:22px 24px;border:1px solid rgba(255,95,31,.2);border-radius:18px;background:linear-gradient(180deg,#FFFCFA,#fff);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.rs-def::before{content:"";position:absolute;top:-60px;right:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,95,31,.14) 0%,transparent 70%);pointer-events:none}
.rs-def:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,23,56,.08);border-color:rgba(255,95,31,.4)}
.rs-def h3{position:relative;margin:0 0 8px!important;padding-left:32px;font-size:16.5px!important}
.rs-def h3::before{content:"?";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font:700 13px/1 var(--font-display,inherit);color:#fff;background:linear-gradient(135deg,#FF8A4C,#FF5F1F)}
.rs-def p{position:relative;margin:0;font-size:16px;line-height:1.62}
.rs-ticks{list-style:none;margin:0 0 22px;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rs-ticks li{position:relative;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--rs-line);border-radius:14px;background:linear-gradient(180deg,#fff,#F8FBF9);font-size:15px;font-weight:600;color:var(--rs-ink);margin:0!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rs-ticks li:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,23,56,.07);border-color:rgba(15,133,41,.34)}
.rs-ticks li::before{content:"";flex:none;width:24px;height:24px;border-radius:50%;background:rgba(15,133,41,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F8529' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4.5 4.5L19 7'/%3E%3C/svg%3E") center/13px no-repeat}
@media(max-width:900px){.rs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.rs-ticks{grid-template-columns:1fr}}
.rs-video{position:relative;margin:0 0 26px;border-radius:20px;overflow:hidden;background:#0A1730;aspect-ratio:16/9;border:1px solid var(--rs-line)}
.rs-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rs-video-facade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0!important;background:none;cursor:pointer;display:block;text-decoration:none!important}
.rs-video-facade img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease}
.rs-video-facade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,23,56,.05) 0%,rgba(0,23,56,.55) 100%)}
.rs-video-facade:hover img{transform:scale(1.04)}
.rs-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#FF8A4C,#FF5F1F);box-shadow:0 12px 30px rgba(255,95,31,.45);transition:transform .22s var(--ease-emphasized,ease)}
.rs-video-play svg{width:32px;height:32px;margin-left:3px}
.rs-video-facade:hover .rs-video-play{transform:translate(-50%,-50%) scale(1.08)}
.rs-video-cap{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;text-align:left;font:700 16px/1.35 var(--font-display,inherit);color:#fff;letter-spacing:-.01em}
.rs-video-alt{position:absolute;right:16px;top:16px;z-index:3;padding:7px 12px;border-radius:999px;font:600 12px/1 var(--font-body,inherit);color:#fff!important;background:rgba(0,23,56,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28)!important;text-decoration:none!important}
.rs-video-facade:hover .rs-video-alt{background:rgba(255,95,31,.85)}
.rs-table-wrap{margin:0 0 26px;overflow-x:auto}
.rs-post-page .rn-detail-body .rs-table-wrap{border:0;background:none;border-radius:0}
.rs-post-page .rn-detail-body .rs-table{width:100%;margin:0;border:1px solid var(--rs-line);border-radius:18px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff;font-size:15px;box-shadow:0 10px 24px -18px rgba(0,23,56,.28)}
.rs-post-page .rn-detail-body .rs-table thead th{padding:13px 20px;text-align:left;background:#F7F9FC;border-bottom:1px solid var(--rs-line);font:700 10.5px/1 var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--rs-ink-3,#8B9AB2);white-space:nowrap}
.rs-post-page .rn-detail-body .rs-table thead th:not(:first-child){text-align:right}
.rs-post-page .rn-detail-body .rs-table tbody td{padding:12px 20px;border-bottom:1px solid rgba(0,23,56,.06);border-top:0;color:var(--rs-ink);vertical-align:middle;transition:background .18s ease}
.rs-post-page .rn-detail-body .rs-table tbody tr:last-child td{border-bottom:0}
.rs-post-page .rn-detail-body .rs-table tbody tr:hover td{background:#FFFAF7}
.rs-post-page .rn-detail-body .rs-table tbody td:first-child{font-weight:600;color:var(--rs-ink)}
.rs-post-page .rn-detail-body .rs-table tbody td:not(:first-child){text-align:right;font-family:var(--font-display,inherit);font-weight:700;font-variant-numeric:tabular-nums;font-size:15.5px;white-space:nowrap}
.rs-post-page .rn-detail-body .rs-table tbody td:last-child{color:var(--rs-o)}
.rs-post-page .rn-detail-body ul:not([class]){list-style:none;margin:0 0 24px;padding:0!important;display:grid;gap:8px}
.rs-post-page .rn-detail-body ul:not([class])>li{position:relative;padding:2px 0 2px 26px;color:var(--hrb-fg-secondary,#001738);line-height:1.6}
.rs-post-page .rn-detail-body ul:not([class])>li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#FF8A4C,#FF5F1F);box-shadow:0 0 0 4px rgba(255,95,31,.12)}
.rs-post-page .rn-detail-body ol:not([class]){list-style:none;counter-reset:rsol;padding:0!important;gap:10px}
.rs-post-page .rn-detail-body ol:not([class])>li{counter-increment:rsol;position:relative;padding:13px 18px 13px 52px;border:1px solid var(--rs-line);border-radius:14px;background:linear-gradient(180deg,#fff,#F8FAFD);color:var(--rs-ink);font-weight:600}
.rs-post-page .rn-detail-body ol:not([class])>li::before{content:counter(rsol);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font:700 12px/1 var(--font-mono,monospace);color:var(--rs-o);background:rgba(255,95,31,.1);border:1px solid rgba(255,95,31,.2)}
.rs-sales{margin-top:34px;padding:26px;border:1px solid var(--rs-line);border-radius:20px;background:linear-gradient(135deg,#F8FAFD 0%,#FFF6F1 100%)}
.rs-sales h2{margin:0 0 14px!important}
.rs-sales-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.rs-sales-row>*{height:48px;min-height:48px;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}
.rs-sales-item{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid var(--rs-line);border-radius:999px;background:#fff;text-decoration:none!important;border-bottom:1px solid var(--rs-line)!important;color:var(--rs-ink)!important}
.rs-sales-item svg{width:17px;height:17px;color:var(--rs-o)}
.rs-sales-item:hover{border-color:rgba(255,95,31,.45)!important;background:#FFF9F6}
.rs-grid-rel{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.rs-grid-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rs-steps,.rs-defs,.rs-grid-rel{grid-template-columns:1fr}}

/* ── API docs ─────────────────────────────────────────── */
.rs-docs{display:grid;grid-template-columns:236px minmax(0,1fr);gap:clamp(28px,4vw,56px);padding-block:clamp(30px,3.8vw,48px) clamp(48px,6vw,78px)}
/* These pages use a sticky docs rail — body must not become a scroll container.
   responsive.css sets overflow-x:hidden !important on html/body, which turns the
   body into a scrollport and kills position:sticky. Clip on x, visible on y. */
html:has(.rs-docs), body:has(.rs-docs){overflow-x:clip!important;overflow-y:visible!important}
.rs-side{position:sticky;position:-webkit-sticky;top:96px;align-self:start;max-height:calc(100vh - 130px);overflow-y:auto}
.rs-docs>.rs-side{align-self:start}
.rs-side-h{font:700 10.5px/1 var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--rs-ink-3);margin:0 0 12px}
.rs-side nav{display:flex;flex-direction:column;gap:2px}
.rs-side a{padding:8px 12px;border-radius:10px;font:600 16px/1.35 var(--font-body);color:var(--rs-ink-2);text-decoration:none;border-left:2px solid transparent;transition:background .22s,color .22s,border-color .22s}
.rs-side a:hover{background:var(--rs-tint);color:var(--rs-ink)}
.rs-side a.is-on{background:rgba(255,95,31,.07);border-left-color:var(--rs-o);color:#D8480F}
.rs-side-note{margin-top:22px;padding:14px;border-radius:14px;border:1px solid var(--rs-line);background:var(--rs-tint);font:400 16px/1.5 var(--font-body);color:var(--rs-ink-2)}
.rs-side-note b{display:block;color:var(--rs-ink);font-size:16px;margin-bottom:4px}

.rs-doc-sec{scroll-margin-top:108px}
.rs-doc h2{margin:0;font-family:var(--font-display,inherit);font-size:clamp(24px,2.5vw,32px);font-weight:600;letter-spacing:-.03em;color:var(--rs-ink)}
.rs-doc-sec+.rs-doc-sec{margin-top:clamp(33px,3.8vw,51px)}
.rs-doc-sec p{margin:14px 0 0;font-size:16px;line-height:1.68;color:var(--rs-ink);max-width:none;text-wrap:pretty}
.rs-doc-sec h3{margin:30px 0 0;font-family:var(--font-display,inherit);font-size:18px;font-weight:700;letter-spacing:-.018em;color:var(--rs-ink)}
.rs-ep{margin-top:18px;border:1px solid var(--rs-line);border-radius:18px;overflow:hidden;background:#fff}
.rs-ep-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rs-line);background:var(--rs-tint);flex-wrap:wrap}
.rs-verb{padding:5px 10px;border-radius:7px;font:700 11px/1 var(--font-mono,monospace);letter-spacing:.06em}
.rs-verb-get{background:rgba(20,151,186,.14);color:#0E7794}
.rs-verb-post{background:rgba(15,133,41,.14);color:#0C6A21}
.rs-verb-put{background:rgba(255,95,31,.14);color:#D8480F}
.rs-ep-path{font:600 16px/1 var(--font-mono,monospace);color:var(--rs-ink)}
.rs-ep-note{margin-left:auto;font:500 16px/1 var(--font-body);color:var(--rs-ink-3)}
.rs-code{margin:0;padding:18px;background:#03142E;color:#DCE6F5;font:400 12.5px/1.65 var(--font-mono,monospace);overflow-x:auto}
.rs-code .k{color:#FF9A6B}
.rs-code .s{color:#7FD3A8}
.rs-table{width:100%;margin-top:18px;border:1px solid var(--rs-line);border-radius:16px;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:16px}
.rs-table th{text-align:left;padding:12px 14px;background:var(--rs-tint);font:700 11px/1 var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--rs-ink-2);border-bottom:1px solid var(--rs-line)}
.rs-table td{padding:12px 14px;border-bottom:1px solid var(--rs-line);color:var(--rs-ink-2);vertical-align:top}
.rs-table tr:last-child td{border-bottom:0}
.rs-table td code{font:600 12.5px/1.4 var(--font-mono,monospace);color:var(--rs-ink)}
.rs-req{font:700 10px/1 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#D8480F}
.rs-callout{margin-top:22px;display:flex;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid rgba(20,151,186,.24);background:rgba(20,151,186,.06)}
.rs-callout svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--rs-teal)}
.rs-callout p{margin:0;font-size:16px;line-height:1.6;color:var(--rs-ink-2)}
.rs-callout b{color:var(--rs-ink)}
.rs-ext{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:11px 18px;border-radius:999px;border:1px solid var(--rs-line);background:#fff;font:700 13px/1 var(--font-body);color:var(--rs-ink);text-decoration:none;transition:border-color .22s,transform .22s var(--ease-standard,ease)}
.rs-ext:hover{border-color:rgba(255,95,31,.4);transform:translateY(-1px);color:#D8480F}
.rs-ext svg{width:14px;height:14px}

.rs-steps{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rs-step{display:flex;gap:14px;padding:20px;border:1px solid var(--rs-line);border-radius:18px;background:#fff;transition:border-color .25s,transform .25s var(--ease-standard,ease),box-shadow .25s}
.rs-step:hover{border-color:rgba(255,95,31,.3);transform:translateY(-2px);box-shadow:0 20px 38px -30px rgba(0,23,56,.4)}
.rs-step-n{flex:none;font:700 11px/1 var(--font-mono,monospace);letter-spacing:.12em;color:var(--rs-o);padding-top:3px}
.rs-step b{display:block;font-family:var(--font-display,inherit);font-size:15.5px;font-weight:700;letter-spacing:-.014em;color:var(--rs-ink)}
.rs-step p{margin:7px 0 0!important;font-size:13.5px;line-height:1.58;color:var(--rs-ink-2)}
.rs-doc-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.rs-doc-ctas .rs-ext{margin-top:16px}
.rs-callout a{color:#0E7794;text-decoration:underline;text-underline-offset:2px}
.rs-callout a:hover{color:#D8480F}
@media (max-width:720px){.rs-steps{grid-template-columns:1fr}}
a.rs-card,a.rs-feat-cta,a.rs-ext{color:inherit}
.rs-page a:hover{color:inherit}

@media (max-width:1024px){
  .rs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-art{height:122px}
  .rs-feat{grid-template-columns:1fr}
  .rs-feat-side{border-left:0;border-top:1px solid rgba(255,255,255,.1);flex-direction:row;flex-wrap:wrap}
  .rs-feat-stat{flex:1;min-width:140px}
  .rs-docs{grid-template-columns:200px minmax(0,1fr);gap:28px}
}
@media (max-width:720px){
  .rs-grid{grid-template-columns:1fr}
  .rs-card{border-radius:20px}
  .rs-card-in{padding:18px}
  .rs-art{height:120px;padding:18px}
  .rs-code{font-size:11.5px;padding:14px}
  .rs-docs{grid-template-columns:1fr}
  .rs-side{position:static;max-height:none}
  .rs-side nav{flex-direction:row;flex-wrap:wrap}
  .rs-side a{border-left:0;border:1px solid var(--rs-line)}
  .rs-side-note{display:none}
}

/* ── Responsive polish · article bodies + docs ─────────── */
.rs-post-page .rn-detail-body img,.rs-post-page .rn-detail-body pre{max-width:100%}
.rs-post-page .rn-detail-body{min-width:0;overflow-wrap:break-word}
.rs-ep-h{min-width:0}
.rs-ep-path{word-break:break-all}
.rs-ep-note{margin-left:auto}
@media (max-width:900px){
  .rs-quote{padding:20px}
  .rs-def{padding:20px}
}
@media (max-width:760px){
  .rs-g2{padding:16px;border-radius:18px}
  .rs-g2-badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;padding-bottom:16px}
  .rs-g2-badges img{max-width:none;filter:none}
  .rs-scores li{padding:12px 14px 14px}
  .rs-scores b i{font-size:22px}
  .rs-video{border-radius:16px}
  .rs-video-play{width:58px;height:58px}
  .rs-video-play svg{width:24px;height:24px}
  .rs-video-cap{left:16px;right:16px;bottom:14px;font-size:13.5px}
  .rs-video-alt{right:12px;top:12px;padding:6px 10px;font-size:11px}
  .rs-feat-grid li{padding:18px}
  .rs-step{padding:16px}
  .rs-cta-line{align-items:flex-start;flex-direction:column;gap:14px}
  .rs-cta-btn{width:100%;justify-content:center}
  .rs-sales{padding:20px;border-radius:18px}
  .rs-sales-row{flex-direction:column;align-items:stretch}
  .rs-sales-item,.rs-sales .rs-cta-btn{justify-content:center;width:100%}
  .rs-post-page .rn-detail-body .rs-table thead th,
  .rs-post-page .rn-detail-body .rs-table tbody td{padding:11px 14px}
  .rs-post-page .rn-detail-body .rs-table{font-size:14px}
  .rs-post-page .rn-detail-body .rs-table tbody td:not(:first-child){font-size:14.5px}
  .rs-ep-note{margin-left:0;width:100%}
}
/* mobile: post banner tighter, hero shorter, tables become stacked cards */
@media (max-width:760px){
  .rs-page .rs-hero{padding-top:76px!important;padding-bottom:64px!important}
  .rs-hero h1{margin-top:14px;font-size:clamp(30px,8.6vw,40px)}
  .rs-hero-lead{margin-top:14px;font-size:15.5px}
  .rs-post-page .rn-detail-banner{margin:12px auto 14px!important;padding:0!important}
  .rs-post-page .rn-detail-banner-inner{padding:20px 18px 18px!important;border-radius:18px!important}
  .rs-post-page .rn-detail-banner h1{margin-bottom:12px!important}
  .rs-post-page .rn-detail-columns .rn-detail-banner-inner{padding:20px 18px 18px!important}
}
@media (max-width:560px){
  .rs-post-page .rn-detail-body .rs-table-wrap{overflow:visible}
  .rs-post-page .rn-detail-body .rs-table,
  .rs-post-page .rn-detail-body .rs-table tbody{display:block;border:0;box-shadow:none;background:none;border-radius:0;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important;box-sizing:border-box}
  .rs-post-page .rn-detail-body .rs-table thead{display:none}
  .rs-post-page .rn-detail-body .rs-table tbody tr{display:block;margin:0 0 10px;padding:14px 16px;border:1px solid var(--rs-line);border-radius:14px;background:#fff;width:100%;min-width:0;box-sizing:border-box}
  .rs-post-page .rn-detail-body .rs-table tbody tr:last-child{margin-bottom:0}
  .rs-post-page .rn-detail-body .rs-table tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:0;border:0;font-size:16.5px}
  .rs-post-page .rn-detail-body .rs-table tbody td:first-child{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid rgba(0,23,56,.08);font:700 17px/1.3 var(--font-display,inherit)}
  .rs-post-page .rn-detail-body .rs-table tbody td:not(:first-child){text-align:right;padding:4px 0;font-size:16.5px}
  .rs-post-page .rn-detail-body .rs-table tbody td:not(:first-child)::before{content:attr(data-label);font:600 14px/1.3 var(--font-body,inherit);letter-spacing:0;text-transform:none;color:var(--hrb-fg-secondary,#001738)}
  .rs-post-page .rn-detail-body .rs-table tbody tr:hover td{background:none}
}
@media (max-width:520px){
  .rs-steps{grid-template-columns:1fr}
  .rs-defs{grid-template-columns:1fr}
  .rs-g2-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rs-g2-badges img{max-width:88px}
  .rs-scores{gap:10px}
  .rs-quote{padding:18px}
  .rs-quote-mark{font-size:38px}
  .rs-quote p{font-size:15px}
  .rs-quote cite{gap:10px}
  .rs-def h3{font-size:15.5px!important}
  .rs-ticks li{padding:12px 14px;font-size:14.5px}
  .rs-feat-grid li{padding:16px}
  .rs-feat-grid b{font-size:15px}
  .rs-post-page .rn-detail-body .rs-table{font-size:13.5px}
  .rs-post-page .rn-detail-body ol:not([class])>li{padding:12px 14px 12px 46px;font-size:14.5px}
}

/* ── API docs · responsive 390 → wide ───────────────────── */
@media (max-width:720px){
  .rs-docs{grid-template-columns:minmax(0,1fr)}
  .rs-docs>.rs-doc,.rs-docs>.rs-side{min-width:0}
  .rs-doc-sec h2,.rs-doc-sec h3,.rs-doc-sec p{overflow-wrap:break-word}
  .rs-code{max-width:100%}
  .rs-side nav{gap:6px}
  .rs-side a{padding:7px 11px;font-size:12.5px}
  .rs-doc-ctas{gap:8px}
  .rs-doc-ctas .rs-ext{width:100%;justify-content:center;margin-top:10px}
  .rs-ep-h{gap:8px;padding:12px 14px}
  .rs-docs .rs-ep-note{margin-left:0;width:100%}
}
@media (max-width:620px){
  .rs-docs .rs-table,.rs-docs .rs-table tbody{display:block;width:100%;min-width:0;border:0;border-radius:0;background:none;overflow:visible}
  .rs-docs .rs-table thead{display:none}
  .rs-docs .rs-table tbody tr{display:block;margin:0 0 10px;padding:14px 16px;border:1px solid var(--rs-line);border-radius:14px;background:#fff}
  .rs-docs .rs-table tbody tr:last-child{margin-bottom:0}
  .rs-docs .rs-table tbody td{display:block;padding:0;border:0;font-size:14px;line-height:1.55;color:var(--rs-ink-2)}
  .rs-docs .rs-table tbody td:first-child{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid rgba(0,23,56,.08);font:700 15px/1.32 var(--font-display,inherit);color:var(--rs-ink)}
  .rs-docs .rs-table tbody td+td{margin-top:9px}
  .rs-docs .rs-table tbody td:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:3px;font:700 10px/1 var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--rs-ink-3)}
}
@media (max-width:430px){
  .rs-doc h2{font-size:22px}
  .rs-doc-sec h3{font-size:16.5px}
  .rs-doc-sec p{font-size:14.5px}
  .rs-step{padding:15px;gap:11px}
  .rs-callout{padding:14px;gap:11px;border-radius:14px}
  .rs-side a{font-size:12px;padding:6px 10px}
}

/* ── Load more (not in the design — it has no real pagination) ───── */
.rs-loadmore-wrap{display:flex;justify-content:center;margin-top:clamp(28px,3.4vw,40px)}
.rs-loadmore-btn{border:0;cursor:pointer}
.rs-loadmore-btn[disabled]{opacity:.75;cursor:default}
.rs-loadmore-spinner{display:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:rs-spin .7s linear infinite}
.rs-loadmore-btn.is-loading .rs-loadmore-spinner{display:inline-block}
.rs-loadmore-btn.is-loading .rs-loadmore-label{opacity:.85}
@keyframes rs-spin{to{transform:rotate(360deg)}}

/* ── Live search (results area swapped over AJAX as the box is typed in) ── */
[data-rs-results].is-loading{opacity:.6;transition:opacity .15s ease}