.site-menu{position:relative;flex:none;margin-left:auto;z-index:30;font:13px Arial,sans-serif;letter-spacing:0;color:#24231f}
.site-menu summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:13px 15px;border:1px solid #bcb3a3;background:#f5f1e8;min-height:44px}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu summary:focus-visible,.site-menu a:focus-visible{outline:3px solid #81643b;outline-offset:3px}
.site-menu[open] summary{background:#24231f;color:#f5f1e8}
.site-menu nav{position:absolute;right:0;top:calc(100% + 8px);width:210px;display:flex;flex-direction:column;gap:0;padding:8px;background:#f5f1e8;border:1px solid #d7d0c3;box-shadow:0 12px 35px #0002;text-align:left}
.site-menu nav a{display:block;padding:15px 14px;color:#24231f;font-size:13px;text-decoration:none;min-height:44px}
.site-menu nav a:hover,.site-menu nav a:focus-visible{background:#e7dfd0}
@media(max-width:700px){.header{flex-direction:row;align-items:center;gap:12px}.header .site-menu summary{gap:8px;padding:12px 10px}.header .brand>.brand-text{font-size:14px;letter-spacing:.8px}.header .brand-logo{width:32px;height:36px;flex-basis:32px}.header .brand-text>span{font-size:7px;letter-spacing:1px}.reader-header{flex-wrap:wrap;justify-content:space-between}.reader-header .reader-brand{order:-1;margin-right:auto}.reader-header .site-menu{order:-1}.reader-header .reader-back{flex-basis:100%}}
@media(max-width:370px){.header .brand{gap:6px}.header .brand>.brand-text{font-size:12px}.header .site-menu summary{font-size:11px;gap:6px}.header.wrap{padding-inline:15px}}