:root{--green:#4ade80}

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,rgba(74,222,128,.07),rgba(108,43,217,.06));border-bottom:1px solid var(--border);padding:56px 32px 48px;text-align:center}
.page-hero .sec-eyebrow{font-size:.72rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.page-hero h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:900;line-height:1.15;margin-bottom:14px}
.page-hero h1 span{color:var(--green)}
.page-hero p{color:var(--muted);max-width:600px;margin:0 auto;line-height:1.8;font-size:.93rem}

/* LAYOUT */
.rg-wrap{max-width:1100px;margin:0 auto;padding:64px 32px;display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start}
.rg-content{display:flex;flex-direction:column;gap:32px}
.rg-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}

/* SECTIONS */
.rg-section{background:var(--bg2);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.rg-section-header{padding:20px 24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}
.rg-section-num{width:36px;height:36px;border-radius:10px;background:rgba(251,25,73,.15);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;color:var(--purple2);flex-shrink:0}
.rg-section-header h2{font-size:1rem;font-weight:700}
.rg-section-body{padding:20px 24px;display:flex;flex-direction:column;gap:12px}
.rg-section-body p{color:var(--muted);font-size:.87rem;line-height:1.75}

/* TOOLS GRID */
.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.tool-item{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.tool-item h4{font-size:.87rem;font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:7px}
.tool-item p{font-size:.8rem;color:var(--muted);line-height:1.55}

/* SIGNS LIST */
.signs-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.sign-item{background:var(--bg3);border:1px solid rgba(251,25,73,.15);border-radius:10px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:var(--muted);line-height:1.55}
.sign-item::before{content:'⚠';flex-shrink:0;font-size:.9rem;margin-top:1px}

/* TIPS LIST */
.tips-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.tip-item{background:var(--bg3);border:1px solid rgba(74,222,128,.15);border-radius:10px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:var(--muted);line-height:1.55}
.tip-item::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;margin-top:1px}

/* ORGS */
.orgs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.org-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.org-card h4{font-size:.87rem;font-weight:700;margin-bottom:4px}
.org-card p{font-size:.79rem;color:var(--muted);line-height:1.5;margin-bottom:6px}
.org-card a{font-size:.79rem;color:var(--purple2);font-weight:600}
.org-card a:hover{text-decoration:underline}

/* AGE */
.age-box{background:linear-gradient(135deg,rgba(251,25,73,.1),rgba(108,43,217,.07));border:1px solid rgba(251,25,73,.2);border-radius:10px;padding:16px 18px;display:flex;align-items:center;gap:14px}
.age-badge-lg{width:52px;height:52px;border-radius:50%;border:3px solid var(--purple2);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;color:var(--purple2);flex-shrink:0}
.age-box p{font-size:.84rem;color:var(--muted);line-height:1.6}

/* SELF TEST */
.test-box{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:20px 22px}
.test-box h3{font-size:.93rem;font-weight:700;margin-bottom:14px}
.test-q{display:flex;flex-direction:column;gap:8px}
.test-item{display:flex;align-items:center;gap:10px;font-size:.84rem;color:var(--muted);cursor:pointer;padding:6px 0;border-bottom:1px solid var(--border)}
.test-item:last-child{border-bottom:none}
.test-item input[type=checkbox]{accent-color:var(--purple2);width:15px;height:15px;flex-shrink:0;cursor:pointer}
#test-result{margin-top:14px;display:none;padding:12px 14px;border-radius:8px;font-size:.83rem;line-height:1.6;font-weight:500}
.result-ok{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);color:var(--green)}
.result-warn{background:rgba(255,184,48,.1);border:1px solid rgba(255,184,48,.25);color:var(--gold)}
.result-bad{background:rgba(251,25,73,.1);border:1px solid rgba(251,25,73,.25);color:var(--purple2)}
.test-btn{margin-top:12px;background:var(--grad);border:none;color:#fff;padding:9px 20px;border-radius:8px;font-size:.83rem;font-weight:700;cursor:pointer;width:100%;transition:opacity .2s}
.test-btn:hover{opacity:.85}

/* SIDEBAR */
.sidebar-nav{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px}
.sidebar-nav h4{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.sidebar-nav a{display:block;font-size:.82rem;color:var(--muted);padding:7px 10px;border-radius:7px;transition:.2s;border:1px solid transparent}
.sidebar-nav a:hover{background:var(--bg3);color:var(--text);border-color:var(--border)}
.sidebar-helpbox{background:linear-gradient(135deg,rgba(74,222,128,.1),rgba(74,222,128,.04));border:1px solid rgba(74,222,128,.2);border-radius:14px;padding:18px;text-align:center}
.sidebar-helpbox h4{font-size:.87rem;font-weight:700;color:var(--green);margin-bottom:8px}
.sidebar-helpbox p{font-size:.78rem;color:var(--muted);line-height:1.6;margin-bottom:12px}
.help-link{display:block;background:var(--green);color:#0c0e18;padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:700;margin-bottom:6px;transition:opacity .2s}
.help-link:hover{opacity:.85}

@media(max-width:900px){
  .rg-wrap{grid-template-columns:1fr}
  .rg-sidebar{position:static}
}
@media(max-width:768px){
  .tools-grid,.orgs-grid{grid-template-columns:1fr}
}