/* =========================================================================
   wont-sell.css — /knowledge-base/what-we-explain-but-wont-sell. Layers on
   hub.css + kb.css + gaps.css. Prefix: web-. The reason block is the only
   loud element: it is the thing the page exists to show.
   ========================================================================= */
.web-lede{margin:var(--sp-5) 0 0;max-width:68ch;color:var(--fg-on-dark-2);font-size:16.5px;line-height:1.7;text-wrap:pretty}
.web-foot{margin-top:var(--sp-8);color:var(--fg-on-dark-2);font-size:15px;line-height:1.68;text-wrap:pretty;max-width:66ch}
.web-foot--wide{max-width:80ch;color:var(--fg-on-dark-2);font-size:15px}
.web-foot a,.web-lede a{color:var(--accent-hover);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}
.web-foot a:hover{border-bottom-color:var(--accent-hover)}
.web-groups{margin-top:var(--sp-9);display:flex;flex-direction:column;gap:var(--sp-10)}
.web-group__name{font-family:var(--font-heading);font-size:clamp(20px,2vw,25px);font-weight:600;letter-spacing:-.014em;line-height:1.22;margin:0;color:var(--fg-on-dark-1)}
.web-group__meta{margin:var(--sp-3) 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-on-dark-3)}
.web-entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--sp-6);margin-top:var(--sp-6)}
.web-entry{padding:var(--sp-6) var(--sp-7);border-radius:var(--r-xl);background:linear-gradient(165deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.045) 48%,rgba(255,255,255,.028) 100%);border:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;gap:var(--sp-4);transition:background .18s ease,border-color .18s ease}
.web-entry:hover{background:linear-gradient(165deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.06) 48%,rgba(255,255,255,.035) 100%);border-color:rgba(255,255,255,.2)}
.web-entry__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-3)}
.web-entry__name{font-family:var(--font-heading);font-size:20px;font-weight:600;letter-spacing:-.012em;line-height:1.25;color:var(--fg-on-dark-1);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.web-entry__name:hover{border-bottom-color:var(--accent-hover);color:var(--accent-hover)}
.web-entry__class{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-on-dark-3)}
.web-entry__what{margin:0;color:var(--fg-on-dark-2);font-size:16px;line-height:1.68;letter-spacing:-.003em;text-wrap:pretty}
.web-entry__approved{margin:0;font-size:13px;line-height:1.55;color:var(--fg-on-dark-2)}
.web-entry__approved span{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-on-dark-3);margin-bottom:2px}
.web-reason{margin-top:auto;padding:var(--sp-5) 0 0;border-top:1px solid rgba(255,255,255,.12)}
.web-reason__label{font-family:var(--font-heading);font-size:13.5px;font-weight:600;color:var(--fg-on-dark-1);margin-bottom:var(--sp-3)}
.web-reason__pill{margin:0;font-family:var(--font-mono);font-size:13px;line-height:1.55;color:var(--fg-on-dark-1);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.web-reason__note{margin:var(--sp-4) 0 0;font-size:15px;line-height:1.65;color:var(--fg-on-dark-2);text-wrap:pretty}
.web-reason__flag{margin:var(--sp-4) 0 0;padding-left:var(--sp-4);border-left:2px solid rgba(var(--glow-rgb),.55);font-size:14px;line-height:1.6;color:var(--fg-on-dark-2);text-wrap:pretty}
.web-reason__src{margin:var(--sp-3) 0 0;font-size:12px}
.web-reason__src a{color:var(--accent-hover);text-decoration:none}
@media(max-width:640px){.web-entries{grid-template-columns:1fr}.web-entry{padding:var(--sp-6)}.web-entry__class{margin-left:0;flex-basis:100%}}