/* Giveaways: one header row (title · search · kind), a grid of whole-card links, and the entry page with the text,
   Copy and the links back to the article and the video. Paper, Ink, Sage; no hover underlines. */
.giveaways,.giveaway{font-family:var(--ic-sans);padding:clamp(28px,4vw,52px) 0 clamp(48px,6vw,80px)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* The header row: title, search and the kind filter side by side; the search takes the width that's left. */
.giveaways-head{display:flex;align-items:end;gap:20px 32px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--public-line)}
.giveaways-title{flex:0 0 auto}
body[data-public-layout] .giveaways-title h1{margin:6px 0 0;font:370 clamp(40px,5vw,64px)/.95 var(--ic-serif),Georgia,serif;letter-spacing:-.04em;color:#181918}
.giveaways-search{flex:1 1 320px;min-width:240px}
.giveaways-kinds{display:flex;gap:4px;flex:0 0 auto;padding:4px;border:1px solid var(--public-line);border-radius:999px;background:#fffefa}
.giveaways-kinds a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;color:var(--public-muted);font:500 14px/1 var(--ic-sans);text-decoration:none;transition:background .2s,color .2s}
.giveaways-kinds a span{font-size:12px;color:#8a918c}
.giveaways-kinds a:hover{color:#181918;background:var(--ic-mist)}
.giveaways-kinds a[aria-current]{color:#fff;background:var(--ic-night)}
.giveaways-kinds a[aria-current] span{color:#c9cfc8}

/* The grid: as many cards as fit, each a whole link. */
.giveaways-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;margin-top:28px}
.giveaway-card{position:relative;display:flex;flex-direction:column;gap:12px;min-height:200px;padding:22px 24px;border:1px solid var(--public-line);border-radius:18px;background:#fffefa;color:var(--public-ink);text-decoration:none;transition:transform .3s var(--pm-ease-out,ease),box-shadow .3s var(--pm-ease-out,ease),border-color .2s}
.giveaway-card:hover,.giveaway-card:focus-visible{transform:translateY(-3px);border-color:#c9d0c6;box-shadow:0 1px 2px #1730240d,0 14px 32px -16px #17302433}
.giveaway-card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font:13px/1.3 var(--ic-sans);color:var(--public-muted)}
body[data-public-layout] .giveaway-card h2{margin:0;font:400 24px/1.2 var(--ic-serif),Georgia,serif;letter-spacing:-.02em;color:#181918}
.giveaway-card p{margin:0;font:15px/1.55 var(--ic-sans);color:var(--public-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.giveaway-card-foot{margin-top:auto;padding-top:10px}
.giveaway-from{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.giveaway-take{flex-shrink:0;color:var(--ic-sage);font-weight:600;opacity:.55;transition:opacity .2s,transform .2s}
.giveaway-card:hover .giveaway-take,.giveaway-card:focus-visible .giveaway-take{opacity:1;transform:translateX(2px)}
.giveaway-kind{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#e9efe7;color:#3a4f42;font:600 12px/1 var(--ic-sans);letter-spacing:.02em}
.giveaway-kind[data-kind="skill"]{background:#efeadc;color:#6d5a2a}
.giveaway-kind[data-kind="system"]{background:#e6e9f0;color:#3d4a66}
.giveaways-empty{margin:40px 0;font:18px/1.6 var(--ic-serif),Georgia,serif;color:var(--public-muted)}
.giveaways-empty a{color:var(--ic-sage);text-decoration:none;font-weight:600}
.giveaways-empty a:hover{color:#181918}

/* The entry: breadcrumb, then one header row (title and line · byline · actions), then the text. */
.giveaway-crumb{display:flex;gap:8px;font:13px/1.4 var(--ic-sans);color:var(--public-muted)}
.giveaway-crumb a{color:var(--public-muted);text-decoration:none}
.giveaway-crumb a:hover{color:var(--ic-sage)}
.giveaway-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title meta" "title actions";gap:12px 40px;align-items:start;margin-top:16px;padding-bottom:28px;border-bottom:1px solid var(--public-line)}
.giveaway-title{grid-area:title;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
body[data-public-layout] .giveaway-title h1{margin:0;font:370 clamp(34px,4.5vw,58px)/1.02 var(--ic-serif),Georgia,serif;letter-spacing:-.04em;color:#181918}
.giveaway-line{margin:0;max-width:60ch;font:clamp(17px,1.5vw,20px)/1.45 var(--ic-serif),Georgia,serif;color:#2c322e}
.giveaway-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:flex-end;font:13px/1.4 var(--ic-sans);color:var(--public-muted);white-space:nowrap}
.giveaway-meta a{color:#181918;text-decoration:none;font-weight:600}
.giveaway-meta a:hover{color:var(--ic-sage)}
.giveaway-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
body[data-public-layout] .giveaway-actions .public-pill{min-height:40px;padding:8px 16px;font-size:13px;cursor:pointer}
.giveaway-status{flex-basis:100%;text-align:right;font:13px/1.3 var(--ic-sans);color:var(--ic-sage);min-height:1em}
.giveaway-body{margin-top:28px}
.giveaway-text{margin:0;padding:clamp(20px,3vw,32px);border:1px solid var(--public-line);border-radius:18px;background:#fffefa;color:#1f2421;font:15px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.giveaway-text[data-kind="system"],.giveaway-text[data-kind="skill"]{font:17px/1.7 var(--ic-serif),Georgia,serif}
.giveaway-faq{margin-top:48px;max-width:760px}
body[data-public-layout] .giveaway-faq h2,body[data-public-layout] .giveaway-more h2{margin:0 0 16px;font:400 26px/1.2 var(--ic-serif),Georgia,serif;letter-spacing:-.02em;color:#181918}
.giveaway-faq dl{margin:0;display:grid;gap:0}
.giveaway-faq dl>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px 32px;padding:16px 0;border-top:1px solid var(--public-line)}
.giveaway-faq dt{margin:0;font:600 15px/1.5 var(--ic-sans);color:#181918}
.giveaway-faq dd{margin:0;font:15px/1.6 var(--ic-sans);color:var(--public-muted)}
.giveaway-more{margin-top:48px}
.giveaway-more .giveaways-grid{margin-top:0}

@media(max-width:900px){.giveaway-head{grid-template-columns:1fr;grid-template-areas:"title" "meta" "actions"}.giveaway-meta,.giveaway-actions{justify-content:flex-start}.giveaway-status{text-align:left}}
@media(max-width:720px){.giveaways,.giveaway{padding-top:20px}.giveaways-head{gap:16px;padding-bottom:18px}.giveaways-search{flex-basis:100%}.giveaways-kinds{width:100%;justify-content:space-between}.giveaways-kinds a{flex:1;justify-content:center;padding:0 8px}.giveaways-grid{gap:14px;margin-top:20px}.giveaway-card{padding:18px 18px;min-height:0}.giveaway-faq dl>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:400px){.giveaways-kinds a span{display:none}}