/* ===== Sticker style for Newsroom rows + FAQ (same as the gap-assessment bento: white, pixel dot grid, black border, orange pixel shadow) ===== */
:root{--dots:radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.4px) 0 0/12px 12px}

/* newsroom rows */
.plist{border-top:0!important;display:grid;gap:16px;padding:0 6px 6px 0}
.cols2 .plist,.plist.cols2{display:block}
.prow,.cols2 .prow{border:2px solid #000!important;background:#fff var(--dots);box-shadow:5px 5px 0 #b80007;padding:18px 22px!important;margin:0 6px 16px 0;
  transition:transform .12s steps(2),box-shadow .12s steps(2)}
.prow::before{display:none!important}
.prow:hover,.prow:hover *{color:#000!important}
.prow:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #b80007;padding:18px 22px!important}
.prow .i{color:#f40009}
.prow .arr{transition:transform .12s steps(2)}
.prow:hover .arr{transform:translateX(4px)}

/* FAQ */
details{border:2px solid #000!important;background:#fff var(--dots)!important;box-shadow:5px 5px 0 #b80007;padding:0 22px;margin:0 6px 16px 0;
  transition:box-shadow .12s steps(2),background-color .12s steps(2)}
details:first-child{border-top:2px solid #000!important}
details[open]{background-color:#fdeaea}
summary{padding:20px 0}
summary:hover{color:#000}
summary .i{color:#f40009}
summary .pl::before,summary .pl::after{background:#f40009}
.ans{padding:0 0 24px 48px}
@media(max-width:640px){.ans{padding-left:36px}details{padding:0 16px}.prow,.cols2 .prow{padding:16px!important}}

.btn{white-space:nowrap}
@media(max-width:1000px){.btn.sm:not(.ghost){padding:7px 10px;font-size:12px}}
