.site-header .primary-nav{min-width:0;flex:1;justify-content:flex-end;gap:.7rem 1rem}
.site-header .primary-nav>a{overflow-wrap:anywhere}
.site-header .site-menu-toggle{min-height:44px;flex:none;white-space:nowrap}
.site-header .site-menu-toggle[hidden],.site-header .primary-nav[hidden]{display:none!important}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #24113d;outline-offset:4px}
.letter-page h1{overflow-wrap:anywhere}
.letter-page .actions{flex-wrap:wrap}
.letter-reader{display:block;width:100%;height:75vh;min-height:420px;max-height:1100px;border:1px solid var(--color-border);border-radius:12px;background:#f8f6fc}
@media(max-width:1200px){
 .site-header .header-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-block:16px}
 .site-header .brand{min-width:0;max-width:calc(100% - 102px);margin-right:auto}
 .site-header .brand-logo{max-width:100%;height:auto;max-height:65px}
 .site-header .primary-nav{flex:0 0 100%;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:4px 0 0}
 .site-header .primary-nav>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:1rem}
 .site-header .primary-nav>.button{justify-content:center}
}
@media(max-width:700px){.letter-reader{height:70vh;min-height:360px}.letter-page .actions>a{max-width:100%;white-space:normal}}