/* Top20 Public 4.3 — automatyczne zaangażowanie i ekran po głosowaniu. */

.hero__brandline{
    display:block;
    margin:0 0 8px;
    color:#e8dfdf;
    font-size:.84rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.hero__copy h1{margin-bottom:22px}

.top20-proof-strip{
    display:grid;
    grid-template-columns:auto 1px auto 1px minmax(0,1fr);
    align-items:center;
    gap:24px;
    margin-top:2px;
    margin-bottom:16px;
    padding:18px 22px;
    border:1px solid var(--line,rgba(255,255,255,.09));
    border-radius:18px;
    background:rgba(255,255,255,.025);
}
.top20-proof-strip__stat{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.top20-proof-strip__stat strong{
    color:#fff;
    font-size:1.55rem;
    line-height:1;
    letter-spacing:-.04em;
}
.top20-proof-strip__stat span{color:var(--muted,#b9afaf);font-size:.82rem;font-weight:750}
.top20-proof-strip__divider{width:1px;height:30px;background:var(--line,rgba(255,255,255,.09))}
.top20-proof-strip__promise{min-width:0}
.top20-proof-strip__promise strong,.top20-proof-strip__promise span{display:block}
.top20-proof-strip__promise strong{color:#ff7c7c;font-size:.9rem}
.top20-proof-strip__promise span{
    margin-top:2px;
    color:var(--muted,#b9afaf);
    font-size:.78rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.weekly-story{
    margin:22px 0 26px;
    padding:24px;
    border:1px solid rgba(255,43,43,.22);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(255,43,43,.075),rgba(255,255,255,.018));
}
.weekly-story__heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:16px;
}
.weekly-story__heading h3{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.025em}
.weekly-story__heading p{max-width:430px;margin:0;color:var(--muted,#b9afaf);font-size:.82rem}
.weekly-story__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
}
.weekly-story-card{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    min-width:0;
    padding:13px;
    border:1px solid var(--line,rgba(255,255,255,.09));
    border-radius:14px;
    background:rgba(8,8,8,.48);
}
.weekly-story-card__icon{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(255,255,255,.05);
    font-size:1.05rem;
    font-weight:900;
}
.weekly-story-card small,.weekly-story-card strong,.weekly-story-card span,.weekly-story-card b{display:block;min-width:0}
.weekly-story-card small{
    color:var(--muted-2,#807777);
    font-size:.64rem;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.weekly-story-card strong,.weekly-story-card span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weekly-story-card strong{margin-top:4px;font-size:.88rem}
.weekly-story-card strong a{text-decoration:none}
.weekly-story-card strong a:hover{color:var(--accent,#ff2b2b)}
.weekly-story-card span{color:var(--muted,#b9afaf);font-size:.76rem}
.weekly-story-card b{margin-top:7px;color:#fff;font-size:.76rem}
.weekly-story-card.is-up .weekly-story-card__icon{color:#6fe3a2;background:rgba(64,200,120,.12)}
.weekly-story-card.is-down .weekly-story-card__icon{color:#ff7b7b;background:rgba(255,43,43,.12)}
.weekly-story-card.is-return .weekly-story-card__icon{color:#ff9b7b;background:rgba(255,98,43,.12)}
.weekly-story-card.is-new .weekly-story-card__icon{color:#94c8ff;background:rgba(105,170,247,.13)}
.weekly-story-card.is-veteran .weekly-story-card__icon{color:#efc76c;background:rgba(239,186,66,.12)}

/* Potwierdzenie głosowania. */
.result-page.vote-receipt{
    max-width:1180px;
    text-align:left;
    padding:42px;
}
.vote-receipt>.result-page__icon{margin-left:auto;margin-right:auto}
.vote-receipt>h1,.vote-receipt>.eyebrow,.vote-receipt>.result-page__lead{text-align:center}
.vote-receipt>h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}
.vote-receipt>.result-page__lead{margin-bottom:28px}

.vote-receipt__broadcast{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"label button" "date button" "note button";
    align-items:center;
    gap:3px 22px;
    padding:20px 22px;
    border:1px solid rgba(255,43,43,.32);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(255,43,43,.12),rgba(255,255,255,.02));
}
.vote-receipt__broadcast>span{grid-area:label;color:#ff7777;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.vote-receipt__broadcast>strong{grid-area:date;font-size:1.25rem}
.vote-receipt__broadcast>small{grid-area:note;color:var(--muted,#b9afaf)}
.vote-receipt__broadcast>.button{grid-area:button;white-space:nowrap}

.vote-receipt__choices{margin-top:34px}
.vote-receipt__section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.vote-receipt__section-heading h2{margin:0;font-size:1.45rem}
.vote-receipt__track-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
    gap:9px;
}
.vote-receipt-track{
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    align-items:center;
    gap:11px;
    min-width:0;
    padding:9px;
    border:1px solid var(--line,rgba(255,255,255,.09));
    border-radius:13px;
    background:#100f0f;
}
.vote-receipt-track img{width:64px;height:64px;object-fit:cover;border-radius:9px;background:#0a0909}
.vote-receipt-track strong,.vote-receipt-track span,.vote-receipt-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vote-receipt-track span{color:var(--muted,#b9afaf);font-size:.82rem}
.vote-receipt-track small{margin-top:3px;color:var(--muted-2,#807777);font-size:.7rem}

.vote-receipt__engagement{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:28px;
}
.vote-receipt-card{
    padding:22px;
    border:1px solid var(--line,rgba(255,255,255,.09));
    border-radius:18px;
    background:rgba(255,255,255,.022);
}
.vote-receipt-card h2{margin:0 0 8px;font-size:1.25rem}
.vote-receipt-card>p{margin:0 0 17px;color:var(--muted,#b9afaf);font-size:.86rem}
.vote-receipt__share-actions{display:flex;gap:8px;flex-wrap:wrap}
.vote-receipt__share-actions .button{min-height:44px;padding:0 14px;font-size:.8rem}
.vote-receipt__status{display:block;min-height:20px;margin-top:8px;color:var(--muted,#b9afaf)}

.vote-receipt__newsletter{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px;
}
.vote-receipt__email input{
    width:100%;
    min-height:50px;
    padding:0 14px;
    border:1px solid var(--line,rgba(255,255,255,.09));
    border-radius:12px;
    background:#0f0e0e;
    color:#fff;
    outline:0;
}
.vote-receipt__email input:focus{border-color:rgba(255,43,43,.65);box-shadow:0 0 0 3px rgba(255,43,43,.1)}
.vote-receipt__consent{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    gap:8px;
    align-items:start;
    color:var(--muted,#b9afaf);
    font-size:.72rem;
    line-height:1.35;
}
.vote-receipt__consent input{margin-top:2px;accent-color:var(--accent,#ff2b2b)}
.vote-receipt__consent a{color:#fff}
.newsletter-inline-status{
    grid-column:1/-1;
    display:block;
    min-height:18px;
    margin-top:2px;
    color:var(--muted,#b9afaf);
    font-size:.78rem;
}
div.newsletter-inline-status{padding:10px 12px;margin:0 0 12px;border-radius:10px}
.newsletter-inline-status.is-success{color:#9be3ba;background:rgba(64,200,120,.1);border:1px solid rgba(64,200,120,.26)}
.newsletter-inline-status.is-error{color:#ffb0b0;background:rgba(255,43,43,.1);border:1px solid rgba(255,43,43,.26)}
.vote-receipt__newsletter.is-complete input[type=email],
.vote-receipt__newsletter.is-complete .vote-receipt__consent{opacity:.55}
.vote-receipt__footer-actions{margin-top:28px;padding-top:22px;border-top:1px solid var(--line,rgba(255,255,255,.09))}

@media(max-width:900px){
    .top20-proof-strip{grid-template-columns:1fr 1fr;gap:14px}
    .top20-proof-strip__divider{display:none}
    .top20-proof-strip__promise{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.09))}
    .top20-proof-strip__promise span{white-space:normal}
    .weekly-story__heading{align-items:flex-start;flex-direction:column;gap:7px}
    .vote-receipt__engagement{grid-template-columns:1fr}
}
@media(max-width:680px){
    .result-page.vote-receipt{padding:28px 16px;margin-top:30px}
    .top20-proof-strip{padding:15px;gap:12px}
    .top20-proof-strip__stat{display:block}
    .top20-proof-strip__stat strong,.top20-proof-strip__stat span{display:block}
    .top20-proof-strip__stat span{margin-top:4px;white-space:normal}
    .weekly-story{padding:17px}
    .weekly-story__grid{grid-template-columns:1fr}
    .vote-receipt__broadcast{
        grid-template-columns:1fr;
        grid-template-areas:"label" "date" "note" "button";
        gap:4px;
    }
    .vote-receipt__broadcast>.button{margin-top:10px;width:100%}
    .vote-receipt__section-heading{align-items:flex-start;flex-direction:column}
    .vote-receipt__track-grid{grid-template-columns:1fr}
    .vote-receipt__newsletter{grid-template-columns:1fr}
    .vote-receipt__newsletter>.button{width:100%}
    .vote-receipt__share-actions .button{flex:1 1 100%}
}