/* Shared footer, permanent pages, search, saved compositions and motion photos. */
.site-footer{padding:34px 0 26px;margin-top:34px;border-top:1px solid var(--ink)}
.site-footer .footer-links{display:flex;justify-content:center;gap:8px 27px;flex-wrap:wrap;margin:0;padding:0 0 24px}
.site-footer .footer-links a{font:400 14px/1.4 var(--sans);padding:10px 0;text-transform:none}
.site-footer .footer-base{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:24px;justify-content:space-between;align-items:center;font:13px/1.5 var(--sans);color:var(--muted)}
.site-footer .credits{margin-top:20px;font-size:12px}
.site-footer .footer-links a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.permanent-page{padding-top:32px}
.permanent-heading{max-width:900px;margin:0 auto 30px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.permanent-heading .back-front{font:14px/1.4 var(--sans);color:var(--muted);display:inline-block;margin-bottom:18px}
.permanent-heading h1{font:650 46px/1.13 var(--serif);text-wrap:balance}
.permanent-body{max-width:760px;margin:auto;font:400 19px/1.65 var(--serif);overflow-wrap:anywhere}
.permanent-body p{margin:0 0 22px}
.permanent-body h2,.permanent-body h3,.permanent-body h4{font:650 28px/1.2 var(--serif);margin:36px 0 18px;text-wrap:pretty}
.permanent-body h2:first-child,.permanent-body h3:first-child{margin-top:0}
.permanent-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.permanent-body strong{font-weight:650}
.permanent-body img{height:auto;width:auto;max-width:100%;margin:24px auto}
.permanent-body figure{margin:28px 0}
.permanent-body figure img{margin:0 auto}
.permanent-body figcaption{font:14px/1.5 var(--sans);color:var(--muted);margin-top:10px}
.permanent-body ul,.permanent-body ol{padding-left:25px}
.permanent-body li{margin-bottom:10px}
.permanent-body blockquote{border-left:2px solid var(--line);margin:28px 0;padding-left:24px}
.page-history .historical-photo:first-child{margin-top:0}
.page-video .permanent-body{max-width:1120px}
.page-video .permanent-body>p,.page-video .permanent-body>h2,.page-video .permanent-body>h3{max-width:760px;margin-left:auto;margin-right:auto}
.page-imprint .permanent-body{font:17px/1.6 var(--sans)}
.page-imprint .permanent-body p{margin-bottom:14px}
.page-terms .permanent-body{font-size:18px;line-height:1.7}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px;margin:30px 0 42px}
.permanent-body .video-grid .archive-video{margin:0;min-width:0}
.video-poster{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;background:#18262c;color:white;overflow:hidden;text-align:center}
.video-poster>img{width:100%;height:100%;object-fit:cover;margin:0}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:1px solid #ffffffb0;border-radius:50%;background:#18262cbb;display:grid;place-items:center;font-size:18px;padding-left:3px}
.video-poster:hover .video-play{background:var(--accent)}
.video-fallback{font:500 22px/1.3 var(--serif);display:block;padding:24px 24px 70px}
.archive-video figcaption{display:flex;flex-direction:column;gap:5px}
.archive-video figcaption>span{color:var(--ink);font-weight:600}
.archive-video figcaption>a{font-size:13px}
.archive-player{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;background:#18262c}
.site-search{margin:22px 0 18px}
.site-search label{display:block;font:600 15px/1.4 var(--sans);margin-bottom:8px}
.search-input-row{display:flex;gap:8px}
.search-input-row input{width:100%;min-width:0;border:1px solid var(--line);padding:12px;font-size:16px;background:white;color:var(--ink)}
.search-input-row button{padding:10px 15px;background:var(--blue);color:white;font-size:15px}
#search-results{max-height:50vh;overflow:auto}
.result-count{font:14px/1.4 var(--sans);color:var(--muted);margin:14px 0}
a.panel-choice{display:block}
#layout-library-button{display:none}
.editing #layout-library-button{display:inline-block}
.layout-library{max-width:1000px;width:calc(100% - 32px);max-height:92vh;padding:30px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.layout-library h2{font:650 34px/1.15 var(--serif);margin-bottom:14px}
.layout-library p{font:15px/1.5 var(--sans);color:var(--muted);margin-bottom:18px}
.preset-bar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.preset-bar button{border:1px solid var(--line);padding:11px 14px;font-size:14px;min-height:44px}
.preset-bar button[aria-pressed=true]{background:var(--blue);color:white}
.preset-save{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:end}
.preset-save label{display:flex;flex:1;flex-direction:column;gap:7px;font-size:14px}
.preset-save input{padding:12px;border:1px solid var(--line);font-size:16px}
.preset-save button{padding:12px 16px;background:var(--blue);color:white;min-height:44px}
.preset-preview{border:1px solid var(--line);padding:20px;max-height:54vh;overflow:auto;margin:20px 0;position:relative;overscroll-behavior:contain}
.preset-preview .paper{max-width:100%;padding:0;container:paper/inline-size}
.preset-preview .block{margin-bottom:22px}
.preset-preview .story .headline{font-size:24px}
.preset-preview .story.lead .headline{font-size:32px}
.preset-preview .story-image img{max-height:180px}
.preset-preview .story .excerpt{font-size:14px}
.preset-preview .mini-issue{max-width:170px}
.preset-summary{font:14px/1.5 var(--sans);color:var(--muted);margin-bottom:16px}
.preset-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.preset-actions button{font-size:15px;padding:12px 18px;border:1px solid var(--line)}
.preset-actions .primary-action{background:var(--blue);color:white}
.media-editor .media-fields{display:grid;gap:18px;margin:20px 0}
.media-editor input{max-width:100%}
.media-editor input[type=file]{font-size:14px;padding:12px;border:1px dashed var(--line);background:white}
.media-preview{position:relative;max-width:600px;margin:20px auto}
.media-preview img{width:100%;height:auto}
.media-preview video{display:block;width:100%;max-height:400px;object-fit:contain;background:var(--soft)}
.media-preview:empty{display:none}
.media-validation{font:14px/1.5 var(--sans);color:var(--accent);margin:12px 0}
.story-image .motion-link{position:relative;display:block}
.story-image .motion-link>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}
.story-image .motion-link>video.is-playing{opacity:1}
.motion-pause{position:absolute;bottom:10px;right:10px;font-size:13px;background:#fffefbea;color:var(--ink);padding:8px 11px;opacity:0;z-index:1;border:1px solid var(--line)}
.story-image:has(.motion-link){position:relative}
.story-image:hover .motion-pause,.motion-pause:focus-visible{opacity:1}
.story-image .motion-link.media-failed>video{display:none}
.motion-label{font:13px/1.4 var(--sans);color:var(--muted);margin-top:8px}
@container paper (max-width:680px){
 .site-footer .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;justify-content:start;padding-bottom:20px}
 .site-footer .footer-links a{font-size:14px;min-height:44px;display:flex;align-items:center}
 .site-footer .footer-base{flex-direction:column;align-items:flex-start;gap:16px}
 .permanent-heading{padding-bottom:22px;margin-bottom:24px}
 .permanent-heading h1{font-size:34px}
 .permanent-body{font-size:18px;line-height:1.6}
 .permanent-body h2,.permanent-body h3{font-size:26px;margin-top:28px}
 .video-grid{grid-template-columns:1fr;gap:26px}
 .permanent-body figure{margin-block:22px}
 #front-page .story.is-main:has(>.story-image){display:flex;flex-direction:column;gap:0}
 #front-page .story.is-main:has(>.story-image)>.story-copy{display:contents}
 #front-page .story.is-main:has(>.story-image)>.story-copy>.kicker{order:0;margin:0 0 8px}
 #front-page .story.is-main:has(>.story-image)>.story-copy>.headline{order:1;margin:0 0 18px}
 #front-page .story.is-main:has(>.story-image)>.story-image{order:2;float:none;width:100%;margin:0}
 #front-page .story.is-main:has(>.story-image)>.story-copy>.excerpt{order:3;margin-top:14px}
 #front-page .story.is-main:has(>.story-image)>.story-copy>.meta{order:4;margin-top:12px}
 .motion-pause{opacity:1;font-size:12px;padding:6px 8px}
}
@media(max-width:740px){.studio{flex-wrap:wrap}.studio-actions{flex-wrap:wrap}.layout-library{padding:22px 16px}.layout-library h2{font-size:29px}.preset-preview{padding:12px}.preset-save{display:grid}.preset-actions{gap:8px}.motion-pause{opacity:1}.search-input-row button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.story-image .motion-link>video{transition:none}}

/* Search stays in the shared header, outside the editorial toolbar. */
.account .header-search{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:8px 0;white-space:nowrap}
.header-search svg{flex:none}
.header-search:hover{color:var(--accent)}
@container paper (max-width:680px){.account .header-search{margin-right:auto;font-size:11px}}

/* Approved taxonomy: stable archive links in metadata and navigation. */
.taxonomy-separator{color:#8a9397;padding-inline:1px}
.panel:has(.menu-section){width:560px}
.menu-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.menu-section h3{font:600 12px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:13px}
.menu-section .menu-links{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:0 18px}
.menu-section .menu-links>a{font:600 20px/1.25 var(--serif);padding:10px 0;min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none;border-bottom:1px solid var(--line)}
.menu-section .menu-links>a[aria-current]{color:var(--accent)}
.menu-collections .menu-links>a{font:15px/1.3 var(--sans)}
.menu-collections .panel-choice{margin-top:12px}
@media(max-width:580px){.menu-section .menu-links{gap:0 15px}.menu-section .menu-links>a{font-size:18px}.menu-collections .menu-links>a{font-size:15px}}

body:not(.editing) #homepage-save,body:not(.editing) #layout-save-status{display:none}#layout-save-status{font-size:12px;align-self:center;max-width:260px;line-height:1.35}.studio[hidden]{display:none!important}
.masthead .account{flex-wrap:wrap}.masthead .account .editorial-account-link{font-size:12px;padding:8px 0}.masthead .account .account-error{flex-basis:100%;font-size:12px;color:#8b2d28;white-space:normal}@container paper (max-width:680px){.masthead .account .editorial-account-link{font-size:10px}}