.blog-site-header{width:min(1180px,calc(100% - 64px));margin:auto;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none}.blog-site-header .brand{display:flex;align-items:center;gap:15px;color:#e8e3d3;text-decoration:none;font:600 13px/1.25 system-ui,sans-serif;letter-spacing:.1em}.blog-site-header .brand-symbol{font:500 45px/1 Georgia,serif;letter-spacing:-5px;border:1px solid #74855a;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;padding-right:6px}.blog-site-tools{position:relative;z-index:30;font:14px/1.5 system-ui,sans-serif}.blog-site-tools summary{list-style:none;display:flex;gap:10px;align-items:center;padding:11px 16px;border:1px solid #61694f;border-radius:28px;cursor:pointer;background:#21251c}.blog-site-tools summary::-webkit-details-marker{display:none}.switch-symbol{display:flex;gap:3px;transform:rotate(-25deg)}.switch-symbol i{width:13px;height:7px;border-radius:8px;background:#7ca2ff}.switch-symbol i:last-child{background:#ff8fa8}.blog-site-tools .world-options{position:absolute;right:0;top:calc(100% + 10px);width:min(290px,calc(100vw - 36px));display:grid;gap:6px;padding:8px;background:#21251c;border:1px solid #61694f;border-radius:15px;box-shadow:0 16px 45px #0005}.world-options a{display:grid;grid-template-columns:9px 1fr;gap:4px 14px;align-items:center;padding:14px;text-decoration:none;border-radius:9px}.world-options a:hover{background:#343c2b}.world-options small{grid-column:2;color:#b9bbac}.world-dot{width:9px;height:9px;border-radius:50%;background:#7ca2ff}.world-options a:last-child .world-dot{background:#ff8fa8}.blog-app{border:1px solid #454b39;border-radius:12px;background:#171c14;padding:0 32px;margin-bottom:28px}.blog-app-nav{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #454b39;font:14px/1.5 system-ui,sans-serif}.blog-app-nav a{text-decoration:none;min-height:44px;display:flex;align-items:center;color:#b9c79d}.blog-site-header a:focus-visible,.blog-site-tools summary:focus-visible{outline:3px solid #a7dfc9;outline-offset:4px}@media(max-width:700px){.blog-site-header{width:calc(100% - 36px);padding:20px 0;gap:12px}.blog-site-header .brand{font-size:11px;gap:10px}.blog-site-header .brand-symbol{width:48px;height:48px;font-size:34px}.blog-site-tools summary{font-size:12px;padding:10px 12px}.blog-app{padding:0 18px}.blog-app-nav{padding:12px 0}}