:focus-visible{outline:3px solid #bb3a20;outline-offset:4px}
.skip-link{position:absolute;left:12px;top:-80px;background:#fff;padding:12px;z-index:1000}.skip-link:focus{top:12px}
img{max-width:100%;height:auto}main{min-width:0}p,a{overflow-wrap:anywhere}
button:disabled{cursor:wait;opacity:.65}
footer nav{display:flex;flex-wrap:wrap;gap:18px}
@media(max-width:600px){.story-page{padding:20px!important}.share-row{display:flex;flex-wrap:wrap;gap:12px}.story-page h1{font-size:2.2rem}.login-card{padding:22px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Phone layouts: preserve desktop grids and keep the wordmark intact. */
@media(max-width:760px){
 .masthead-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 0}
 .masthead-row>span:empty{display:none}
 .masthead-row .brand{flex:none;white-space:nowrap;overflow-wrap:normal;font-size:clamp(2.5rem,10vw,3.1rem);gap:8px;line-height:1}
 .masthead-row .brand img{width:42px;height:48px;flex:none}
 .masthead-row .satire-stamp{font-size:.55rem;letter-spacing:.1em;padding:5px 7px;white-space:nowrap}
 .utility{font-size:.62rem;padding:7px 0;letter-spacing:.08em}
 .site-header nav{gap:20px;min-height:44px}
 .site-header .nav-link{display:flex;align-items:center}
 .reader-language-bar{padding:5px 16px}
 #studio .studio-head{padding:28px 0 24px;gap:16px}
 #studio .studio-head h1{font-size:2.2rem;line-height:1.1}
 #studio .studio-head p:last-child{font-size:.9rem}
 #studio .automation-bar{padding:16px;gap:14px}
 #studio .automation-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:10px;font-size:.85rem}
 #studio .automation-actions .toggle{grid-column:1/-1;display:flex;align-items:center}
 #studio .automation-actions input{width:18px;height:18px}
 #studio button,#studio .button{min-height:44px;font-size:.85rem;padding:10px 12px}
 #studio .status{font-size:.85rem;line-height:1.5}
 #queue-counts{font-size:1.2rem;margin:18px 0 8px}
 .queue-veto{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}
 .queue-veto strong{grid-column:1/-1}
 .queue-veto button:last-child{grid-column:1/-1;color:var(--red)}
 #queue-jobs{list-style:none;padding:0;margin:12px 0}
 #queue-jobs li{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);background:var(--white);margin-bottom:8px;font-size:.88rem;line-height:1.5}
 #studio .draft-card{padding:16px}
 #studio .draft-card h3{font-size:1.2rem;line-height:1.3;margin:0 0 16px}
 #studio .draft-card>.button,#studio .draft-card>.unpublish-story{display:flex;align-items:center;width:100%;margin-top:8px}
 #studio .unpublish-story{color:var(--red);background:transparent}
 #studio .section-rule{gap:12px;font-size:.65rem;letter-spacing:.06em}
 dialog{padding:20px;box-shadow:6px 6px 0 #10271f24}
 dialog h2{font-size:1.5rem}
}
