/* ══ Outcome page shared components ══
   Reusable across all /wiki/peptides/<outcome>/ pages.
   Requires wiki.css loaded first. */

/* ── scroll anchors ── */
.sec{scroll-margin-top:calc(var(--topbar-total,48px) + 16px)}

/* ── body copy ── */
.body-copy p{font:400 16px/1.65 var(--body);color:var(--olive);text-wrap:pretty;max-width:64ch}
.body-copy p+p{margin-top:16px}
.body-copy strong{color:var(--ink);font-weight:600}
.body-copy a{color:var(--ink);border-bottom:2px solid var(--ink)}
.body-copy a:hover{background:var(--yellow)}
.lede-copy{font:400 18px/1.55 var(--body);color:var(--ink);text-wrap:pretty}

/* ── ranked entity card ── */
.rank{border:2px solid var(--ink);background:var(--white)}
.rank+.rank{margin-top:24px}
.rank--wait .rank__lead{background:var(--tint-2)}
.rank--no{border-color:var(--danger)}
.rank--no .rank__lead{background:var(--rule);border-bottom-color:var(--danger)}
.rank__lead{padding:17px 16px 16px;border-bottom:2px solid var(--ink);background:var(--yellow)}
.rank__leadrow{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.rank__no{font:400 11px/1 var(--mono);letter-spacing:.14em;color:var(--ink)}
.rank__name{font:800 21px/1.1 var(--display);letter-spacing:-.02em}
.rank__verdict{font:700 21px/1.3 var(--display);letter-spacing:-.015em;text-wrap:pretty}
@media (min-width:1024px){.rank__verdict{font-size:23px}}
.rank__alias{font:400 12px/1.35 var(--mono);letter-spacing:.06em;color:var(--olive);margin-top:10px}
.rank__fit{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--ink)}
.rank__fit>div{padding:14px 16px 16px}
.rank__fit>div+div{border-left:2px solid var(--ink);background:var(--tint)}
.rank__fit p{font:400 14.5px/1.5 var(--body);text-wrap:pretty}
.rank__spec>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:5px 14px;align-items:baseline;padding:13px 16px 14px}
.rank__spec>div+div{border-top:1px solid var(--rule)}
@media (max-width:519px){.rank__spec>div{grid-template-columns:minmax(0,1fr)}}
.rank__k{font:600 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--olive)}
.rank__val{font:600 15px/1.4 var(--body);text-wrap:pretty}
.rank__val--tbc{font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rank__more{border-top:2px solid var(--ink)}
.rank__more>summary{display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:0 16px;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;list-style:none}
.rank__more>summary::-webkit-details-marker{display:none}
.rank__more>summary::after{content:"";width:10px;height:10px;border:2px solid var(--ink);background:var(--white);transition:transform .25s var(--ease),background .2s}
.rank__more[open]>summary{background:var(--tint-2);border-bottom:1px solid var(--rule)}
.rank__more[open]>summary::after{background:var(--yellow);transform:rotate(45deg)}
.rank__more+.rank__more{border-top-width:1px;border-top-color:var(--rule)}
.rank__kv>div{padding:14px 16px 16px}
.rank__kv>div+div{border-top:2px solid var(--ink)}
.rank__v{font:400 14.5px/1.5 var(--body);color:var(--olive);text-wrap:pretty}
.rank__v strong{color:var(--ink);font-weight:600}
.rank__v a,.rank__body a{color:var(--ink);border-bottom:2px solid var(--ink)}
.rank__v a:hover,.rank__body a:hover{background:var(--yellow)}
.rank__body{padding:14px 16px 16px}
.rank__body p{font:400 15px/1.55 var(--body);text-wrap:pretty}
.rank__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 14px;border-top:2px solid var(--ink);background:var(--paper)}

/* ── contraindications ── */
.danger{border:2px solid var(--danger);background:var(--white)}
.danger__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:13px 16px;background:var(--danger);color:#FDFCF6;font:600 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.danger__head>span{white-space:nowrap}
.danger__row{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:15px 16px;border-top:2px solid var(--danger)}
.danger__t{font:800 15px/1.25 var(--display)}
.danger__d{font:400 14.5px/1.5 var(--body);color:var(--olive);text-wrap:pretty}
.danger__foot{padding:13px 16px;border-top:2px solid var(--danger);background:var(--paper)}
@media (min-width:1024px){.danger__row{grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:baseline;padding:16px}}

/* ── goal rows & win badges ── */
.goal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--rule);color:inherit}
.goal-row:last-child{border-bottom:0}
.goal-row:hover{background:var(--tint-3)}
.goal-row .g{font:700 15px/1.3 var(--display);text-wrap:pretty}
.goal-row .w{font-size:13px;line-height:1.5;color:var(--olive);margin-top:6px;text-wrap:pretty}
.win{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:2px solid var(--ink);font:800 13px/1 var(--display);white-space:nowrap}
.win--a{background:var(--yellow)}.win--b{background:var(--ink);color:var(--yellow)}.win--both{background:var(--paper)}
.win--no{background:var(--danger);color:#FDFCF6;border-color:var(--danger)}

/* ── next grid ── */
.next-grid{display:grid;grid-template-columns:1fr;gap:2px;background:var(--yellow);border:2px solid var(--yellow)}
.next-grid a{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--ink);color:var(--paper);min-height:88px;justify-content:flex-end}
.next-grid a:hover{background:#1a1a1a}
.next-grid .t{font:800 16px/1.2 var(--display);color:var(--yellow)}
.next-grid .s{font-size:13px;line-height:1.4;color:var(--tint)}
@media (min-width:640px){.next-grid{grid-template-columns:repeat(3,1fr)}}

/* ── diamond list ── */
.dlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.dlist li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:13px;align-items:start;font-size:15px;line-height:1.55}
.dlist .diamond{margin-top:6px}

/* ── hero portrait slot ── */
.hero__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}
@media (min-width:1024px){
  .hero{overflow:visible}
  .hero__cols{grid-template-columns:minmax(0,1fr) minmax(300px,392px);gap:44px}
}

/* ── detail column ── */
.detail--overhang{padding-top:10px}
.detail{display:block}
.detail__main{max-width:var(--reading)}
@media (min-width:1024px){
  .detail--overhang{padding-top:20px}
}

/* ── breathing room overrides ── */
.callout{padding:16px 18px 18px}
.callout .eyebrow{margin-bottom:9px}
.facts>div{padding:12px 12px 14px}
.facts .value{margin-top:6px}
.drow__cell{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 16px}