/* Raid Log — landing page specific styles */
.wrap{max-width:760px;margin:0 auto;padding:0 20px;}

  /* nav */
  nav{
    display:flex;justify-content:space-between;align-items:center;
    padding:22px 0;border-bottom:1px solid var(--iron-light);margin-bottom:0;
  }
  nav .brand{font-family:'Cinzel',serif;font-weight:700;font-size:15px;letter-spacing:0.08em;}
  nav .brand span{color:var(--gold);}

  /* hero */
  .hero{
    padding:64px 0 48px;
    text-align:center;
    border-bottom:1px solid var(--iron-light);
  }
  .hero .eyebrow{
    font-size:11px;letter-spacing:0.22em;text-transform:uppercase;
    color:var(--ember-bright);margin-bottom:14px;
  }
  .hero h1{
    font-size:44px;font-weight:900;line-height:1.1;
    text-shadow:0 0 24px rgba(201,162,39,0.2);
  }
  .hero .lede{
    font-size:17px;color:var(--parchment-dim);max-width:480px;
    margin:18px auto 30px;
  }
  .hero .lede em{color:var(--parchment);font-style:normal;}
  .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
  .btn-primary{
    background:linear-gradient(180deg,var(--ember-bright),var(--ember));
    border:1px solid rgba(0,0,0,0.3);color:#fff;
    padding:14px 28px;border-radius:3px;text-decoration:none;
    font-family:'Cinzel',serif;font-weight:700;font-size:14px;letter-spacing:0.05em;
    box-shadow:0 2px 0 rgba(0,0,0,0.3);display:inline-block;
  }
  .btn-primary:hover{filter:brightness(1.1);}
  .btn-ghost{
    border:1px solid var(--iron-light);color:var(--parchment-dim);
    padding:14px 24px;border-radius:3px;text-decoration:none;font-size:13px;
    display:inline-block;
  }
  .btn-ghost:hover{border-color:var(--arcane);color:var(--arcane-bright);}

  /* sections */
  section{padding:50px 0;border-bottom:1px solid var(--iron-light);}
  section:last-of-type{border-bottom:none;}
  .section-label{
    font-size:11px;letter-spacing:0.2em;text-transform:uppercase;
    color:var(--arcane-bright);margin-bottom:10px;
  }
  section h2{font-size:24px;margin-bottom:8px;}
  section .deck{color:var(--parchment-dim);font-size:15px;max-width:520px;margin-bottom:30px;}

  /* how it works steps */
  .steps{display:flex;flex-direction:column;gap:0;}
  .step{
    display:grid;grid-template-columns:120px 1fr;gap:20px;
    padding:20px 0;border-top:1px solid var(--iron-light);
  }
  .step:first-child{border-top:none;}
  .step .stime{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gold);padding-top:2px;}
  .step h3{font-size:16px;margin-bottom:6px;}
  .step p{color:var(--parchment-dim);font-size:14px;margin:0;}

  /* loot rarity strip */
  .rarity-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
  .rchip{
    font-family:'JetBrains Mono',monospace;font-size:11px;
    padding:6px 12px;border-radius:3px;border:1px solid;
  }
  .rchip.common{color:var(--common);border-color:var(--common);}
  .rchip.uncommon{color:var(--uncommon);border-color:var(--uncommon);}
  .rchip.rare{color:var(--rare);border-color:var(--rare);}
  .rchip.epic{color:var(--epic);border-color:var(--epic);}
  .rchip.legendary{color:var(--legendary);border-color:var(--legendary);}

  /* class grid */
  .class-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  @media(max-width:560px){.class-list{grid-template-columns:1fr;}}
  .class-card{
    background:var(--iron);border:1px solid var(--iron-light);
    border-radius:4px;padding:16px;
  }
  .class-card .cname{font-family:'Cinzel',serif;font-weight:700;font-size:14px;}
  .class-card .cabilities{font-size:12px;color:var(--parchment-dim);margin-top:6px;}

  /* honest note panel */
  .honest{
    background:var(--iron);border:1px solid var(--iron-light);
    border-left:3px solid var(--gold);
    border-radius:4px;padding:20px 24px;font-size:14px;color:var(--parchment-dim);
  }
  .honest strong{color:var(--parchment);}

  footer{
    text-align:center;padding:40px 0;font-size:11px;color:var(--iron-light);
  }