/* PATCH 05A — RIPO V02 POLICY PAGES: design system matching the exported RIPO V02 */
@font-face{font-family:"Stack Sans Headline";src:url("../fonts.gstatic.com/s/stacksansheadline/v1/1PtFg9jZXvmMnkLnuURbaukKZJTyrDV326uH6mSinjBIwc5tIgFCqgUA3ZCX.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:"Stack Sans Headline";src:url("../fonts.gstatic.com/s/stacksansheadline/v1/1PtFg9jZXvmMnkLnuURbaukKZJTyrDV326uH6mSinjBIwc5fIgFCqgUA3ZCX.woff2") format("woff2");font-display:swap;font-weight:500;font-style:normal}
@font-face{font-family:"Stack Sans Headline";src:url("../fonts.gstatic.com/s/stacksansheadline/v1/1PtFg9jZXvmMnkLnuURbaukKZJTyrDV326uH6mSinjBIwc4zIgFCqgUA3ZCX.woff2") format("woff2");font-display:swap;font-weight:300;font-style:normal}
:root{--ink:#212529;--muted:#626b79;--line:#e9ecf3;--g:linear-gradient(100deg,#268efd,#9565ff 52%,#ff3b8b)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Stack Sans Headline",Inter,Arial,sans-serif;background:radial-gradient(ellipse 60% 400px at 0% 190px,#e9f1ff 0,transparent 75%),radial-gradient(ellipse 55% 410px at 100% 40px,#fff0f7 0,transparent 80%),#fff;color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #268efd;outline-offset:3px}a:hover{color:#397afa}h1,h2,h3,p{margin-top:0}.shell{width:min(1190px,calc(100% - 42px));margin-inline:auto}
.ripo-nav{height:72px;max-width:1190px;margin:14px auto 0;border:1px solid rgba(230,231,239,.8);border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);position:sticky;top:12px;z-index:50;display:flex;align-items:center;gap:20px;padding:0 23px;box-shadow:0 10px 40px #1b237a0a}
.brand img{width:160px;max-height:42px;object-fit:contain;display:block}.ripo-nav__links{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,37px);flex:1;white-space:nowrap;font-size:14px}.ripo-nav__links a{transition:color .2s ease}.nav-cta{font-size:13px;font-weight:600;color:white!important;padding:11px 17px;border-radius:13px;background:var(--g);transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 23px #905dfa30}
.hero{padding:70px 12px 32px;text-align:center;max-width:950px;margin:auto}.eyebrow{letter-spacing:.11em;font-size:12px;font-weight:700;text-transform:uppercase;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1{font-size:clamp(31px,4.9vw,57px);letter-spacing:-.04em;line-height:1.14;font-weight:750;margin:12px auto 20px}.hero .sub{max-width:700px;color:var(--muted);font-size:16px;line-height:1.75;margin:0 auto 20px}.meta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.chip{font-size:12px;border:1px solid #e6e7f1;border-radius:40px;padding:7px 13px;color:#677080;background:#fff}
.beta-alert{background:#f8faff;border:1px solid #dfe7ff;border-radius:16px;padding:17px 22px;max-width:930px;margin:20px auto 38px;color:#4e5a70;font-size:13.5px;text-align:center}.beta-alert strong{color:#283461}
.layout{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:24px;align-items:start;padding-bottom:76px}.toc{position:sticky;top:102px;max-height:calc(100vh - 130px);overflow:auto;border:1px solid var(--line);background:#fafbfe;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:7px}.toc>strong{font-size:17px;margin-bottom:8px}.toc a{font-size:13px;line-height:1.48;padding:8px 10px;color:#606b7a;border-radius:9px;transition:background .18s,color .18s,transform .18s}.toc a:hover,.toc a[aria-current=page]{background:#edf1ff;color:#356ffa;transform:translateX(2px)}
.content{min-width:0}.content section.card{background:#fff;border:1px solid #e9ecf3;border-radius:20px;padding:26px 30px;margin-bottom:16px;box-shadow:0 8px 29px #111d5405;scroll-margin-top:104px;transition:border-color .2s,box-shadow .2s,transform .2s}.content section.card:hover{border-color:#d9dbff;box-shadow:0 14px 35px #35499d0b;transform:translateY(-2px)}.content section.card h2{font-size:clamp(18px,2vw,22px);line-height:1.35;letter-spacing:-.012em;margin-bottom:14px}.content section.card p,.content section.card li{font-size:14.5px;color:#505b6b;line-height:1.82}.content section.card p:last-child{margin-bottom:0}.content section.card ul,.content section.card ol{padding-left:24px}.content .note{background:#f5f7ff;border-left:3px solid #825bff;border-radius:11px;padding:16px 19px;margin:17px 0}.content .note b{display:block;margin-bottom:5px;font-size:14px}.content .note p{margin:0}.content a{color:#3b70e6;text-decoration:underline;text-underline-offset:3px}
.bottom-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 5px}.bottom-links a{border:1px solid #e4e7f2;border-radius:11px;padding:9px 14px;color:#42516a;background:#fff;transition:all .2s}.bottom-links a:hover{transform:translateY(-2px);border-color:#bfc8fb}.site-footer{border-top:1px solid #eef0f6;padding:30px 0 40px;color:#8790a1;font-size:12px}.site-footer .shell{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}.site-footer .links{display:flex;flex-wrap:wrap;gap:15px}.site-footer a{color:#6a7280}.site-footer a:hover{color:#446dee}
/* Navigation between static policy pages: cross-document view transitions where supported. */
@view-transition{navigation:auto}::view-transition-old(root){animation:180ms ease-in both ripo-out}::view-transition-new(root){animation:230ms ease-out both ripo-in}@keyframes ripo-out{to{opacity:0;transform:translateY(-5px)}}@keyframes ripo-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:900px){.ripo-nav{margin:10px 16px 0}.brand img{width:129px}.ripo-nav__links{gap:15px;font-size:13px}.layout{grid-template-columns:1fr}.toc{position:static;max-height:none}.hero{padding-top:55px}}@media(max-width:640px){.shell{width:min(100% - 26px,1190px)}.ripo-nav{height:auto;min-height:67px;gap:12px;padding:11px 13px;flex-wrap:wrap}.ripo-nav__links{order:2;width:100%;justify-content:space-around;white-space:normal;gap:8px}.ripo-nav__links a{font-size:12px}.nav-cta{margin-left:auto;padding:9px 12px}.hero{padding:45px 4px 25px}.hero .sub{font-size:14px}.content section.card{padding:20px 18px}.toc{padding:18px}.site-footer .shell{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
