/* Reference/support pages share the audited Portal geometry, not a second shell. */
body[data-reference] .container,body[data-reference] main.wrap{max-width:1480px;padding:26px clamp(16px,2.3vw,34px);margin:auto}
body[data-reference] .page-hero,body[data-reference] .ref-hero{position:relative;isolation:isolate;overflow:hidden;min-height:215px;border:1px solid rgba(198,168,76,.4);border-radius:5px;padding:30px 34px;margin:0 0 18px;background:linear-gradient(110deg,#0b1d12,#142a1b);display:flex;flex-direction:column;justify-content:center}
body[data-reference] .page-hero h1,body[data-reference] .ref-hero h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.13;letter-spacing:1.4px;text-transform:uppercase;max-width:850px;margin:0 0 10px}
body[data-reference] .page-hero p,body[data-reference] .ref-hero p{font:15px/1.5 'Rajdhani',sans-serif;max-width:790px;margin:0!important;color:var(--muted)}
body[data-reference] .page-hero .page-eye,body[data-reference] .ref-hero .eye{font:10px 'Share Tech Mono',monospace;letter-spacing:2px;color:var(--gold);margin-bottom:10px!important}
body[data-reference] .shiny{background:none;color:var(--text);animation:none}
.ref-quote{margin-top:14px;font:700 10px 'Quantico',sans-serif;letter-spacing:2px;color:var(--gold)}
.ref-section-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:24px 0 12px}.ref-section-head h2{font:700 18px 'Quantico',sans-serif}.ref-section-head p,.ref-muted{font:13px/1.45 'Rajdhani',sans-serif;color:var(--muted)}
.ref-panel{border:1px solid var(--border);border-radius:5px;background:var(--card);min-width:0;overflow:hidden}.ref-panel-head{padding:13px 16px;border-bottom:1px solid var(--border);font:700 12px 'Quantico',sans-serif;text-transform:uppercase;letter-spacing:.7px}.ref-pad{padding:16px}.ref-pad p{font:14px/1.55 'Rajdhani',sans-serif;color:var(--muted);margin:6px 0 13px}.ref-pad h3{font:700 13px 'Quantico',sans-serif}
.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.ref-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.ref-content{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;margin-top:18px}.ref-aside{display:grid;gap:12px;align-content:start}
.ref-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid rgba(198,168,76,.45);border-radius:3px;background:rgba(198,168,76,.06);color:var(--gold);font:700 10px 'Quantico',sans-serif;letter-spacing:.5px;text-decoration:none;cursor:pointer}.ref-btn.gold{background:var(--gold);color:#08110a}.ref-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.ref-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:5px;background:var(--card);margin:16px 0}.ref-search input{flex:1;min-width:180px;min-height:42px;background:#0a170e;border:1px solid var(--border);border-radius:3px;color:var(--text);padding:10px 12px;font:14px 'Rajdhani',sans-serif}.ref-count{font:11px 'Share Tech Mono',monospace;color:var(--gold)}
.ref-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.ref-category{padding:14px;text-align:left;min-width:0;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--text);cursor:pointer;font:700 12px 'Quantico',sans-serif}.ref-category small{display:block;margin-top:5px;color:var(--muted);font:12px 'Rajdhani',sans-serif}.ref-category[aria-pressed=true]{border-color:var(--gold);background:rgba(198,168,76,.1);color:var(--gold)}
.ref-empty{padding:20px;color:var(--muted);font:14px 'Rajdhani',sans-serif}.ref-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 8px;margin-top:24px;border-top:1px solid var(--border);font:10px 'Share Tech Mono',monospace;color:var(--muted)}
.ref-notice{border-left:3px solid var(--gold);padding:12px 15px;background:rgba(198,168,76,.07);font:13px/1.5 'Rajdhani',sans-serif;color:var(--muted);margin:16px 0}.ref-notice strong{color:var(--text)}
[data-reference] [hidden]{display:none!important}[data-reference] :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[data-reference=rules] .rule{border:0;border-top:1px solid var(--border);border-left:0;border-radius:0;margin:0;padding:14px;background:transparent;gap:10px}[data-reference=rules] .rule-num{font-size:15px;min-width:24px}[data-reference=rules] .rule-text h3{font-size:12px}[data-reference=rules] .rule-text p{font-size:13px}[data-reference=rules] .protocol{border-radius:5px;margin-top:18px}[data-reference=rules] .conseq{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-reference=resources] .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:14px}[data-reference=resources] .hub-card{padding:15px;border-radius:4px}[data-reference=resources] .hub-icon{font-size:20px;margin-bottom:8px}[data-reference=resources] .hub-title{font-size:12px;letter-spacing:.5px}[data-reference=resources] .section-h{margin:0;padding:14px 16px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text)}[data-reference=resources] .section-h:after{display:none}.resource-section{margin-bottom:14px}
[data-reference=faq] .faq-item{border:0;border-bottom:1px solid var(--border);border-radius:0;margin:0;background:transparent}[data-reference=faq] .faq-q{padding:15px 16px;font:700 13px 'Quantico',sans-serif;width:100%;background:transparent;color:var(--text);border:0;text-align:left;min-height:48px}[data-reference=faq] .faq-a{display:block;padding:0 16px 16px;border:0;font:14px/1.6 'Rajdhani',sans-serif}[data-reference=faq] .faq-q .arrow{float:right}.ref-related a{display:block;color:var(--gold);padding:10px 0;border-bottom:1px solid var(--border);font:13px 'Rajdhani',sans-serif;text-decoration:none}.ref-quick{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--border);padding:12px 0;font:13px 'Rajdhani',sans-serif;cursor:pointer}
[data-reference=social] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}[data-reference=social] .card{border-radius:5px;padding:18px}[data-reference=social] .icon{font-size:24px}[data-reference=social] .ct{font-size:13px}.ref-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;background:rgba(198,168,76,.07);border:1px solid var(--border);border-radius:5px;margin:16px 0}.ref-banner h2{font:700 16px 'Quantico',sans-serif}.ref-banner p{font:14px 'Rajdhani',sans-serif;color:var(--muted);margin-top:5px}.ref-creators{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ref-creator{border:1px solid var(--border);padding:12px;border-radius:4px;text-decoration:none;color:var(--text);font:700 12px 'Quantico',sans-serif}.ref-creator span{display:block;color:var(--gold);font:12px 'Rajdhani',sans-serif;margin-top:7px}
[data-reference=patreon] .tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}[data-reference=patreon] .tier-card{border-radius:5px;padding:22px}[data-reference=patreon] .tier-name{font-size:23px}[data-reference=patreon] .tier-price{font-size:30px}[data-reference=patreon] .tier-perks li{padding-block:9px}[data-reference=patreon] .member-view{display:block;border-radius:5px;margin:20px 0}[data-reference=patreon] .mv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}[data-reference=patreon] .mv-card{border-radius:4px;min-width:0}[data-reference=patreon] .mv-card-icon{display:none}[data-reference=patreon] .streamer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}[data-reference=patreon] .streamer-card{border-radius:5px}.ref-status{display:inline-block;padding:3px 7px;margin-top:9px;border:1px solid var(--border);font:11px 'Share Tech Mono',monospace;color:var(--gold)}.ref-planned{opacity:.72}
[data-reference=patreon] #unlocks .ref-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-showcase{margin:18px 0}.ref-showcase summary{cursor:pointer;padding:16px;font:700 13px 'Quantico',sans-serif;color:var(--gold)}.ref-showcase .rg-patreon-showcase{margin:0}.ref-content{align-items:start}
@media(max-width:1050px){.ref-content{grid-template-columns:1fr}.ref-grid,.ref-categories,[data-reference=patreon] #unlocks .ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-reference=patreon] .mv-grid,[data-reference=patreon] .streamer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body[data-reference] .container,body[data-reference] main.wrap{padding:18px 14px}body[data-reference] .page-hero,body[data-reference] .ref-hero{padding:24px 20px;min-height:220px}.ref-grid,.ref-two,.ref-categories,[data-reference=resources] .hub-grid,[data-reference=social] .grid,[data-reference=patreon] .tier-grid{grid-template-columns:1fr}.ref-banner{align-items:start;flex-direction:column}.ref-section-head{align-items:start;flex-direction:column}.ref-creators{grid-template-columns:1fr}[data-reference=rules] .conseq{grid-template-columns:1fr}[data-reference=patreon] .mv-grid,[data-reference=patreon] .streamer-grid{grid-template-columns:1fr}.ref-quote{line-height:1.6}}
@media(prefers-reduced-motion:reduce){[data-reference] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){[data-reference=patreon] #unlocks .ref-grid{grid-template-columns:1fr}}
