/* Shared shell: identical on the homepage and editorial pages. */
.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.site-masthead,.footer-band{background:#201f1a;color:#f7f2e8}
.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .wordmark{display:block;flex-shrink:0;padding:0;background:none;border-radius:0;line-height:1}
.site-header .wordmark img{display:block;width:176px;height:auto}
.site-header .header-note{font-size:11px;letter-spacing:.24em;color:#beb4a0;white-space:nowrap}
.site-header .header-actions{display:flex;align-items:center;gap:18px;color:#f7f2e8}
.site-header .header-actions>a{padding:6px 2px;min-height:38px;display:inline-flex;align-items:center;font-size:14px;border:0;white-space:nowrap}
.site-header .quiet-link{gap:26px;color:#f7f2e8}
.site-header .header-blog-link{position:relative;color:#e3d4ae}
.site-header .header-blog-link::after{content:'';position:absolute;bottom:4px;left:2px;right:2px;height:1px;background:#c6ab6c;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.site-header .header-blog-link:hover::after,.site-header .header-blog-link:focus-visible::after,.site-header .header-blog-link[aria-current]::after{transform:scaleX(1)}
.site-header .language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #6f6655;border-radius:999px;background:#29271f}
.site-header .language-switch button{min-width:38px;min-height:32px;padding:5px 9px;border:0;border-radius:999px;background:transparent;color:#aaa294;font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer}
.site-header .language-switch button[aria-pressed=true]{background:#c6ab6c;color:#211e18}
.site-header .language-switch button:focus-visible,.site-header a:focus-visible{outline:2px solid #e6cf96;outline-offset:4px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 30px;border-top:1px solid #343126;color:#938c80;font-size:12px}
.site-footer .legal-links{display:flex;gap:24px;flex-wrap:wrap}
.site-footer a:hover{color:#e3d4ae}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}}
@media(max-width:1000px){.site-header .header-note{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:86px;gap:15px}.site-header .wordmark img{width:148px}.site-header .header-actions{gap:12px}.site-header .header-actions>a{font-size:13px}.site-header .quiet-link{gap:12px}.site-header .language-switch button{min-width:34px;min-height:30px;padding:4px 7px}.site-footer{font-size:11px;gap:15px;flex-wrap:wrap}}
@media(max-width:560px){.site-header{height:auto;min-height:124px;flex-wrap:wrap;justify-content:center;gap:14px;padding-block:20px}.site-header .header-actions{width:100%;justify-content:space-between;gap:18px}}

/* Native navigation: only the introductory copy is captured, keeping the
   header steady and avoiding snapshots of artwork or entire long articles. */
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  :root{view-transition-name:none}
  .soon-copy,.impulse-copy{view-transition-name:signelya-intro}
  ::view-transition-group(signelya-intro){animation-duration:180ms}
  ::view-transition-old(signelya-intro){animation:signelya-page-out 120ms ease-out both;mix-blend-mode:normal}
  ::view-transition-new(signelya-intro){animation:signelya-page-in 180ms ease-out both;mix-blend-mode:normal}
  :root:active-view-transition .soon-copy>*{animation:none}
}
@keyframes signelya-page-out{to{opacity:0}}
@keyframes signelya-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-header .header-blog-link::after{transition:none}}