.serious-hero { position: relative; overflow: hidden; }
.serious-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .55; background-image: radial-gradient(circle at 8% 24%, rgba(102,120,0,.2) 0 4px, transparent 5px), radial-gradient(circle at 91% 72%, rgba(2,81,112,.18) 0 6px, transparent 7px); background-size: 110px 110px, 160px 160px; }
.serious-hero .container { position: relative; }
.serious-answer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 1.5rem; }
.serious-answer { padding: 1.5rem; border: 1px solid var(--campaign-line); border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(0,59,82,.08); }
.serious-answer > span { display: inline-block; padding: .35rem .7rem; border-radius: 999px; margin-bottom: .8rem; color: #fff; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.serious-answer--yes > span { background: var(--campaign-green); }
.serious-answer--no > span { background: #a3473c; }
.serious-definition,.serious-evidence-note { margin-top: 1.25rem; padding: 1.1rem 1.25rem; border-left: 4px solid var(--campaign-green); border-radius: 0 14px 14px 0; background: var(--campaign-green-pale); }
.serious-definition strong,.serious-evidence-note strong { display: block; margin-bottom: .35rem; }
.serious-definition p,.serious-evidence-note { margin-bottom: 0; }
.serious-levels { display: grid; gap: 1rem; margin-top: 1.5rem; }
.serious-levels article { display: grid; grid-template-columns: 58px 1fr; gap: 1rem; align-items: start; padding: 1.25rem; border: 1px solid var(--campaign-line); border-radius: 16px; background: #fff; }
.serious-levels article > span { display: grid; place-items: center; aspect-ratio: 1; border-radius: 14px; background: var(--campaign-ink); color: #fff; font-family: Quicksand,sans-serif; font-weight: 700; }
.serious-levels h3 { margin-bottom: .35rem; }
.serious-levels p { margin-bottom: .45rem; }
.serious-levels strong { color: var(--campaign-green-dark); }
.serious-claim-check { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr); gap: 1.25rem; margin-top: 1.5rem; }
.serious-claim-check__choices { display: grid; gap: .7rem; }
.serious-claim-check__choices button { width: 100%; padding: 1rem 1.1rem; border: 1px solid var(--campaign-line); border-radius: 12px; background: #fff; color: var(--campaign-ink); text-align: left; font-weight: 700; transition: border-color .2s,transform .2s,box-shadow .2s; }
.serious-claim-check__choices button:hover,.serious-claim-check__choices button:focus-visible { border-color: var(--campaign-petrol); transform: translateY(-1px); box-shadow: 0 9px 24px rgba(0,59,82,.1); }
.serious-claim-check__choices button[aria-pressed="true"] { border-color: var(--campaign-green); box-shadow: 0 0 0 3px rgba(102,120,0,.15); }
.serious-claim-check__result { min-height: 280px; padding: 1.5rem; border-radius: 18px; background: linear-gradient(145deg,var(--campaign-petrol-dark),var(--campaign-ink-soft)); color: #fff; box-shadow: var(--campaign-shadow); }
.serious-claim-check__result[data-status="warn"] { background: linear-gradient(145deg,#7b312d,#a54e3e); }
.serious-claim-check__result[data-status="check"] { background: linear-gradient(145deg,#725600,#9b7612); }
.serious-claim-check__result[data-status="good"] { background: linear-gradient(145deg,var(--campaign-green-dark),#788d00); }
.serious-claim-check__badge { display: inline-block; margin-bottom: 1rem; padding: .35rem .7rem; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.serious-claim-check__result h3,.serious-claim-check__result p,.serious-claim-check__result strong { color: #fff; }
.serious-claim-check__reset { margin-top: .85rem; border: 0; background: transparent; color: var(--campaign-petrol); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.serious-warning-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 1.5rem; }
.serious-warning-grid article { padding: 1.25rem; border: 1px solid #ead6d2; border-radius: 16px; background: #fff9f7; }
.serious-warning-grid span { color: #9d3f35; font-size: .78rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.serious-warning-grid h3 { margin: .45rem 0; }
.serious-warning-grid p { margin: 0; }
.serious-check-path { display: grid; gap: .9rem; padding: 0; margin: 1.5rem 0 0; list-style: none; }
.serious-check-path li { display: grid; grid-template-columns: 48px 1fr; gap: 1rem; align-items: start; padding: 1.1rem 1.2rem; border-radius: 14px; background: var(--campaign-paper); }
.serious-check-path li > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--campaign-green); color: #fff; font-weight: 700; }
.serious-check-path h3 { margin-bottom: .25rem; }
.serious-check-path p { margin: 0; }
.serious-inline-link { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; padding: 1.1rem 1.25rem; border: 1px solid var(--campaign-line); border-radius: 14px; background: #fff; text-decoration: none; box-shadow: 0 10px 28px rgba(0,59,82,.08); }
.serious-inline-link span { color: var(--campaign-green-dark); font-weight: 700; }
@media (max-width: 991.98px) { .serious-warning-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .serious-claim-check { grid-template-columns: 1fr; } .serious-claim-check__result { min-height: auto; } }
@media (max-width: 575.98px) { .serious-answer-grid,.serious-warning-grid { grid-template-columns: 1fr; } .serious-levels article { grid-template-columns: 48px 1fr; padding: 1rem; } .serious-inline-link { flex-direction: column; } }