/* page-base.css */
:root{
 --fg:#ffffff; --muted:#c7c7cf; --accent:#CFA366; --stroke:#232327;
  }
  .nav-btn home mobile-home{
    display:none;
  }
  *{ box-sizing:border-box; }
  html,body{ height:100%; }
  body{
    margin:0; background:var(--bg); color:var(--fg);
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  }
  
  .header{
    padding:48px 16px 0; text-align:center;
  }
  .header a{ color:var(--muted); text-decoration:none; }
  .header a:hover{ color:var(--accent); }
  
  .container{
    width:min(1100px,92vw); margin:0 auto; padding:40px 16px 80px;
  }
  
  .title{
    font-size:clamp(28px,5vw,56px);
    line-height:1.1; margin:12px 0 6px; text-align:center; font-weight:800;
  }
  .subtitle{
    color:var(--muted); text-align:center; margin:0 0 28px;
  }
  
  .content{
    border:1px solid var(--stroke);
    border-radius:14px; padding:28px; background:rgba(255,255,255,0.02);
  }
  
  .content h2{ margin-top:0; }
  .content p, .content li{ color:#e7e7ea; }
  
  .back{
    display:inline-block; margin:18px 0 0; color:#fff; text-decoration:none; font-weight:600;
  }
  .back:hover{ color:var(--accent); }