/*
Theme Name: USA Counterterrorism Editorial
Version: 1.0
*/

:root{--ink:#1c2230;--paper:#f7f6f2;--paper-2:#ecebe4;--rule:#cfcdc3;--muted:#5d6472;--signal:#b3541e;--signal-2:#8a3f12;--navy:#22304a;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Public Sans',system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.6}
a{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--signal)}
a:focus-visible,button:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
h1,h2,h3{font-family:'Libre Caslon Text',Georgia,serif;font-weight:700;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.4rem)}
h2{font-size:clamp(1.5rem,3vw,2.1rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.site-nav{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background:var(--navy);color:var(--white);border-bottom:3px solid var(--signal)}
.admin-bar .site-nav{top:32px}
.site-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.brand{font-family:'Libre Caslon Text',Georgia,serif;font-size:1.25rem;color:var(--white);text-decoration:none;white-space:nowrap}
.brand span{color:#f1c27d}
.nav-links{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:.95rem;font-weight:500}
.nav-links a{color:var(--white);text-decoration:none}
.nav-links a:hover{color:#f1c27d}
@media(max-width:760px){.nav-links{display:none}}
#hero{padding:120px 0 56px;background:var(--paper);border-bottom:1px solid var(--rule)}
.admin-bar #hero{padding-top:88px}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:28px}}
.hero-lede{font-size:1.15rem;color:var(--muted);max-width:44ch}
.updated{display:inline-block;border-left:4px solid var(--signal);padding:6px 14px;background:var(--paper-2);font-size:.95rem}
.updated strong{color:var(--signal-2)}
section{padding:56px 0;border-bottom:1px solid var(--rule)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
.sec-head a{font-size:.95rem;white-space:nowrap}
.briefs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink)}
@media(max-width:860px){.briefs{grid-template-columns:1fr}}
.brief{padding:22px 22px 22px 0;border-bottom:1px solid var(--rule)}
.brief+.brief{border-left:1px solid var(--rule);padding-left:22px}
@media(max-width:860px){.brief+.brief{border-left:0;padding-left:0}}
.brief time{display:block;color:var(--muted);font-size:.9rem;margin-bottom:8px}
.brief h3 a{text-decoration:none;color:var(--ink)}
.brief h3 a:hover{color:var(--signal)}
.brief p{color:var(--muted);font-size:.98rem;margin:0}
.regions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:860px){.regions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.regions{grid-template-columns:1fr}}
.region{background:var(--paper-2);padding:22px;border-top:3px solid var(--navy)}
.region h3{margin-bottom:6px}
.region p{font-size:.95rem;color:var(--muted);margin:0 0 10px}
.region a{font-weight:600;font-size:.95rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media(max-width:860px){.two-col{grid-template-columns:1fr}}
.topics{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
@media(max-width:480px){.topics{columns:1}}
.topics li{padding:9px 0;border-bottom:1px solid var(--rule);break-inside:avoid}
.topics a{text-decoration:none;font-weight:500}
.method{background:var(--navy);color:#e9ecf3}
.method h2,.method h3{color:var(--white)}
.method a{color:#f1c27d}
.method ol{padding-left:22px;margin:0}
.method li{margin-bottom:12px}
.faq details{border-bottom:1px solid var(--rule);padding:14px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--signal);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:'\2013'}
.faq details p{margin:12px 0 0;color:var(--muted)}
.signup{background:var(--paper-2);padding:32px;border-left:4px solid var(--signal)}
.signup form{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.signup input{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--rule);font:inherit;background:var(--white)}
.signup button{background:var(--signal);color:var(--white);border:0;padding:12px 22px;font:inherit;font-weight:600;cursor:pointer}
.signup button:hover{background:var(--signal-2)}
.site-foot{padding:40px 0;color:var(--muted);font-size:.9rem}
.site-foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-foot ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-nav{position:sticky}.site-nav .wrap{height:auto;min-height:72px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{white-space:normal}#hero{padding:72px 0}.nav-links{display:flex;flex-wrap:wrap;gap:12px 20px}@media(max-width:760px){.nav-links{font-size:.8rem}.brand{font-size:1.1rem}.sec-head{align-items:flex-start;flex-direction:column}}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--signal);font-weight:600}.button{display:inline-block;background:var(--navy);color:white;padding:12px 20px;text-decoration:none;margin:8px 12px 0 0}.button:hover{color:white;background:var(--signal)}section{scroll-margin-top:130px}.source-note{font-size:.85rem;color:var(--muted)}
.photo-banner{margin-top:28px;margin-bottom:0}.skyline-image{display:block;width:100%;height:300px;object-fit:cover;object-position:center 48%}figcaption{font-size:.75rem;color:var(--muted);line-height:1.5;padding-top:8px}#hero{padding:40px 0 48px}#hero h1{font-size:clamp(2rem,4vw,2.9rem)}.cooperation-grid{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center}.cooperation-grid figure{margin:0}.jttf-image{display:block;width:100%;max-width:320px;height:auto}@media(max-width:760px){.skyline-image{height:210px}.cooperation-grid{grid-template-columns:1fr;gap:24px}.cooperation-grid figure{max-width:320px}.photo-banner{margin-top:20px}}