/* Generated from the approved EMF Protection designs. Edit the source designs, then rerun build/split_css.py. */
.featured-post{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 0; background: var(--white); border-radius: var(--r-xl); border: 1px solid var(--border); overflow: hidden; box-shadow: var(--sh-md); margin-bottom: 3rem;}
.featured-img{background: linear-gradient(145deg, #0d2035 0%, #1a3a52 60%, #16324a 100%); aspect-ratio: 16/11; display: flex; align-items: center; justify-content: center; position: relative;}
.featured-tag{position: absolute; top: 1.25rem; left: 1.25rem; background: var(--amber); color: var(--white); font-size: 0.75rem; font-weight: 700; padding: 0.3rem 0.875rem; border-radius: 100px;}
.featured-body{padding: 2.5rem; display: flex; flex-direction: column; justify-content: center;}
.featured-title{font-size: 1.625rem; font-weight: 800; color: var(--ink); letter-spacing: -0.02em; line-height: 1.25; margin-bottom: 0.875rem;}
.featured-excerpt{font-size: 0.9375rem; color: var(--ink-mid); line-height: 1.7; margin-bottom: 1.5rem;}
.pc-1{background: linear-gradient(135deg, #1a3040, #2a5060);}
.pc-2{background: linear-gradient(135deg, #162838, #1e4050);}
.pc-3{background: linear-gradient(135deg, #0f2030, #24404e);}
.pc-4{background: linear-gradient(135deg, #0d2035, #1a3a52);}
.pc-5{background: linear-gradient(135deg, #1a3a52, #2a5060);}
.pc-6{background: linear-gradient(135deg, #0f1e2e, #1e4050);}
.page-btn{width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: var(--r); font-size: 0.875rem; font-weight: 600; color: var(--ink-mid); border: 1.5px solid var(--border); background: var(--white);}
.page-btn.active{background: var(--action); border-color: var(--action); color: var(--white);}
.newsletter-section{background: var(--ink); border-radius: var(--r-xl); padding: 3rem; text-align: center; margin: 1rem auto 0; max-width: 1340px;}
.newsletter-section h2{font-size: 1.625rem; font-weight: 800; color: var(--white); margin-bottom: 0.75rem;}
.newsletter-section p{font-size: 0.9375rem; color: rgba(255,255,255,0.6); max-width: 50ch; margin: 0 auto 1.5rem;}
.nl-form{display: flex; max-width: 420px; margin: 0 auto; border-radius: var(--r); overflow: hidden;}
.nl-input{flex: 1; padding: 0.875rem 1.125rem; border: none; font-family: var(--font); font-size: 0.9375rem; outline: none;}
.nl-btn{padding: 0.875rem 1.5rem; background: var(--action); color: var(--white); font-weight: 700; white-space: nowrap;}
.nl-btn:hover{background: var(--action-dark);}
footer{background: #070f18; padding: 4rem 1.5rem 2rem;}
.fc{background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.09); border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.6875rem; font-weight: 600; color: rgba(255,255,255,0.35);}
.payment-row{display: flex; gap: 0.5rem;}
.pay{display: inline-flex; border-radius: 4px; overflow: hidden; line-height: 0;}
@media(max-width:900px){.featured-post{grid-template-columns:1fr}}
@media(max-width:640px){.featured-body{padding:1.5rem}
.nl-form{flex-direction:column}}