/* WordPress-only additions on top of tbd.css. Keep small; tbd.css is the design source. */
.skip:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;clip:auto;z-index:100;background:var(--ink-0);color:var(--text-1);padding:12px 16px}
/* Compact menu panel (menu-open.html): replaces the page below the header while open. */
.mmenu[hidden]{display:none}
body.menu-open .mmenu{display:block;padding-top:16px;padding-bottom:40px}
body.menu-open #main,body.menu-open .ftr,body.menu-open .hdr .menu-btn,body.menu-open .hdr .btn{display:none!important}
.hdr .menu-close{display:none}
body.menu-open .hdr .menu-close{display:inline-flex}
body.menu-open .hdr .nav{display:none}
.mmenu .mrow{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.mmenu .mlinks{display:flex;gap:24px;margin-top:32px}
/* WP core classes used in post content */
.prose .wp-block-image,.prose figure{margin:32px 0}
.prose img{max-width:100%;height:auto}
.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.aligncenter{margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Reading-mode toggle uses real buttons (mockup uses spans); same look. */
.toggle button{height:36px;padding:0 14px;display:inline-flex;align-items:center;font:inherit;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);background:none;border:0;cursor:pointer}
.toggle button.on{background:var(--text-1);color:var(--ink-0)}
.reading-light .toggle button{color:var(--paper-text-2)}.reading-light .toggle button.on{background:var(--paper-ink);color:var(--paper)}
@media (max-width:1023px){.toggle button{height:48px}}

/* Checked radio and checkbox look without JS (modern browsers); ui.js also sets .on. */
.ropt:has(input:checked){border-color:var(--accent)}
.ropt:has(input:checked) .dot{border:5px solid var(--accent)}
.chk:has(input:checked) .box{background:var(--accent);border-color:var(--accent)}
.success:focus{outline:none}
/* Drop cap on the first paragraph of topic stories (article.html uses p.first; editors should not have to add a class). */
.prose > p:first-child:first-letter{font-family:var(--display);font-stretch:var(--display-wdth);font-weight:650;float:left;font-size:76px;line-height:68px;padding:6px 12px 0 0;color:var(--text-1)}
.reading-light .prose > p:first-child:first-letter{color:var(--paper-ink)}

/* Cookie consent (js/consent.js): .cookie sets display:flex, so honor [hidden]. Corrections log sits in the content column. */
.cookie[hidden],.cset-gpc[hidden]{display:none}
.legal > .clog{grid-column:2}
.clog h2{margin-bottom:12px}
.clog ul,.clog ol{padding-left:20px;margin-top:12px}
@media (max-width:1023px){.legal > .clog{grid-column:auto}}

/* Fix pass (Oct 26): tap targets, popup and strip states, cite, menu vs cookie banner. */
.hit{display:inline-flex;align-items:center;min-height:48px}
.consent .hit,.ftr .alink.hit{min-height:48px;vertical-align:middle}
.toggle button{height:44px}
@media (max-width:1023px){.toggle button{height:48px}}
@media (min-width:1024px){.chip{height:44px}.toc a{min-height:44px}.faq summary{min-height:44px;align-items:center}}
body.menu-open .cookie{display:none}
body.pop-open{overflow:hidden}
.pop[hidden],.pop-backdrop[hidden],.brk[hidden]{display:none}
.brk-item{display:contents}.brk-item[hidden]{display:none}
@media (min-width:600px){.brk-more{display:none}}
.prose blockquote cite{display:block;font-family:var(--sans);font-stretch:normal;font-size:13px;line-height:20px;font-weight:400;letter-spacing:0;color:var(--text-3);font-style:normal;margin-top:12px}
.reading-light .prose blockquote cite{color:var(--paper-text-2)}
@media (max-width:767px){.wwu-submit .btn{width:100%}.pop{max-height:55vh}}
.form > p.err.full,.wwu-form > p.err.full{grid-column:1/-1;margin-top:-8px}

/* Header nav breakpoint (11/3): full nav stays visible from 900px up; hamburger at 899px and below. Overrides tbd.css 1199/1359 rules. */
@media (min-width:900px) and (max-width:1359px){.nav{display:flex;gap:clamp(12px,1.4vw,22px)}.menu-btn{display:none}.hdr .wrap{gap:16px}.wm img{height:40px}.hdr-r{gap:8px}.nav a{font-size:11px;letter-spacing:.06em;min-height:44px;display:inline-flex;align-items:center;padding:0}}
@media (min-width:900px) and (max-width:1199px){.nav{gap:clamp(10px,1.2vw,16px)}.nav a{letter-spacing:.04em}}
@media (min-width:900px){.nav a{min-height:44px;display:inline-flex;align-items:center}}
body.menu-open .hdr .nav{display:none}

/* SEO Part A 2026-11-03: long credit URLs in captions wrap (PSM QA photo FIX) */
figcaption,.cap,.wp-element-caption{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}
figure{min-width:0;max-width:100%}