.rsec{padding-block:clamp(30px,4.5vw,48px)}
  .page-head + .rsec{padding-top:clamp(34px,5vw,54px)}
  .rsec[id]{scroll-margin-top:24px}

  #list{--pun:440px}
  .pgrp{
    border-radius:var(--r-lg);background:var(--room);border:1px solid rgba(255,220,180,.08);
    box-shadow:inset 0 1px 0 rgba(255,220,180,.05),var(--sh-2);overflow:hidden;scroll-margin-top:24px;
  }
  .pgrp + .pgrp{margin-top:18px}
  .pgh{
    display:grid;grid-template-columns:minmax(0,1fr) var(--pun);gap:18px;align-items:end;
    padding:18px 24px 14px;border-bottom:1px solid rgba(255,220,180,.08);
  }
  .pgh h2{display:flex;align-items:center;gap:11px;margin:0;font-size:clamp(20px,2.4vw,24px);font-weight:900}
  .pgh p{margin:0;color:var(--warm-dim);font-size:14px;text-align:right}
  .dot{width:13px;height:13px;border-radius:50%;flex:none}
  .dot.hard{background:var(--wine)} .dot.warn{background:var(--amber)}
  .dot.vip{background:#E8C25A} .dot.ok{background:var(--pine)}
  .pgh .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;
    font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-dim)}

  .prow{
    display:grid;grid-template-columns:minmax(0,1fr) var(--pun);gap:18px;align-items:center;
    padding:15px 24px;scroll-margin-top:24px;transition:background var(--t-fast) ease;
  }
  .prow + .prow{border-top:1px solid rgba(255,220,180,.05)}
  .prow:hover{background:rgba(255,220,180,.025)}
  .prow:target{background:rgba(255,180,84,.07)}
  .pwhat{display:flex;align-items:center;gap:15px;min-width:0}
  .pwhat .badge{width:24px;height:24px;font-size:22px;background:none;border:0;box-shadow:none;align-self:flex-start;margin-top:1px}
  .pwhat .badge.wine{color:#E88278}
  .pwhat h3{margin:0;font-size:16.5px;font-weight:900}
  .pwhat p{margin:2px 0 0;color:var(--warm-dim);font-size:14px;line-height:1.45}
  .rn{margin-left:9px;font-size:12px;font-weight:800;color:var(--warm-dim);opacity:.8;font-variant-numeric:tabular-nums}

  .ppun{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .ppun span{
    display:grid;place-items:center;text-align:center;min-height:40px;padding:5px 10px;border-radius:13px;
    font-size:13px;font-weight:800;line-height:1.2;
  }
  .ppun i{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ppun .s1{background:rgba(255,180,84,.07);color:var(--amber)}
  .ppun .s2{background:rgba(232,102,61,.08);color:#F08A62}
  .ppun .s3,.ppun .all{background:rgba(199,83,74,.1);color:#E88278}
  .ppun .all{grid-column:1 / -1}
  .ppun .soft{background:rgba(169,216,230,.06);color:var(--frost)}
  .prow.again{background:rgba(10,5,2,.28);border-top:1px dashed rgba(199,83,74,.35)}
  .prow.again .ppun span{min-height:46px;gap:1px;align-content:center}
  .ppun small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.75}

  .oks{list-style:none;margin:0;padding:18px 24px 22px;display:flex;flex-wrap:wrap;gap:8px}
  .oks li{
    display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;
    background:rgba(116,169,138,.1);border:1px solid rgba(116,169,138,.22);font-weight:700;font-size:14.5px;
  }
  .oks .i{flex:none;font-size:19px;color:var(--pine)}

  .aplink{display:flex;align-items:center;gap:16px;padding:18px 22px;margin-bottom:12px;line-height:1.35;text-decoration:none;color:var(--cream);scroll-margin-top:24px}
  .aplink .badge{flex:none;width:44px;height:44px;font-size:22px;color:var(--frost)}
  .aplink .t{flex:1;min-width:0}
  .aplink b{display:block;font-size:17.5px;font-weight:800;transition:color var(--t-fast) ease}
  .aplink em{display:block;font-style:normal;font-weight:600;font-size:14px;color:var(--warm-dim)}
  .aplink .go{flex:none;color:var(--amber);font-size:20px;transition:transform var(--t-mid) var(--ease)}
  .aplink:hover .go{transform:translateX(4px)}
  .aplink:hover b{color:var(--amber-soft)}
  .aplink:active{transform:scale(.99)}

  .adm summary{padding:18px 22px}
  .adm summary .badge{flex:none;width:44px;height:44px;font-size:22px;color:var(--frost)}
  .adm summary b{display:block;font-size:17.5px}
  .adm summary em{display:block;font-style:normal;font-weight:600;font-size:14px;color:var(--warm-dim)}
  .adm .ans{padding:22px 24px 12px}
  .adm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .adm-cols h3{margin:0 0 10px;font-size:16px;font-weight:900}
  .adm-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
  .adm-cols li{display:flex;gap:10px;align-items:flex-start;color:var(--warm);font-size:15px;line-height:1.45}
  .adm-cols li .i{flex:none;font-size:19px;margin-top:1px}
  .adm-cols .yes .i{color:var(--pine)} .adm-cols .no .i{color:var(--wine)}
  .adm-pen{--pun:300px;margin-top:18px;line-height:1.35}
  .adm-pen .pwhat p{font-size:14px;color:var(--warm-dim)}
  .adm-pen .prow{padding:12px 0}
  @media (prefers-reduced-motion:no-preference){#admins{interpolate-size:allow-keywords}}
  .adm-pen .ppun .all{min-height:36px}

  .rfoot{margin:32px auto 0;max-width:70ch;text-align:center;color:var(--warm);font-size:15px;text-wrap:balance}

  @media (max-width:1000px){#list{--pun:360px}}
  @media (max-width:760px){
    .pgh{grid-template-columns:minmax(0,1fr);gap:4px}
    .pgh .cols{display:none}
    .pgh p{text-align:left}
    .prow{grid-template-columns:minmax(0,1fr);gap:11px}
    .adm-cols{grid-template-columns:minmax(0,1fr)}
  }
  @media (max-width:560px){
    .pgh{padding:16px 16px 12px}
    .prow{padding:14px 16px}
    .pwhat{align-items:flex-start;gap:12px}
    .pwhat .badge{width:20px;height:20px;font-size:19px}
    .ppun{gap:6px}
    .ppun span{min-height:36px;padding:4px 6px;font-size:12px;border-radius:11px}
    .oks{padding:14px 16px 18px}
    .oks li{font-size:14px}
    .adm summary,.aplink{padding:15px 16px}
    .aplink{gap:12px}
    .aplink .badge{width:38px;height:38px;font-size:19px}
    .adm .ans{padding:16px 17px 8px}
    .adm-pen .prow{padding:12px 0}
  @media (prefers-reduced-motion:no-preference){#admins{interpolate-size:allow-keywords}}
  }