/* Shared public navigation. All four destinations stay visible on phones. */
.site-menu{box-sizing:border-box;max-width:1200px;margin:16px auto 24px;padding:0 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;font-family:Arial,"Leelawadee UI",Tahoma,sans-serif}
.site-menu a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:98px;padding:18px 14px;border:1px solid #718071;border-radius:12px;background:#233029;color:#f4efdf;text-align:left;text-decoration:none;font:600 20px/1.2 Arial,"Leelawadee UI",Tahoma,sans-serif;transition:background .15s,border-color .15s}
.site-menu a:hover{color:#fff8e4;background:#314238;border-color:#d3bd88}
.site-menu a[aria-current=page]{color:#19251e;background:#dac58e;border-color:#f3dfaa}
.site-menu a:focus-visible{outline:3px solid #f9e5ae;outline-offset:3px}
.site-menu-icon{width:34px;height:34px;flex:0 0 34px;color:inherit}
.site-menu-copy{display:flex;flex-direction:column;gap:7px;min-width:0;max-width:100%}
.site-menu-label{display:block;color:inherit;max-width:100%}
.site-menu-hint{display:block;color:#c4d0c3;font:400 13px/1.3 Arial,"Leelawadee UI",Tahoma,sans-serif}
.site-menu a[aria-current=page] .site-menu-hint{color:#334535}
.octagram-heading h1{margin:0;font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.4px}
.synchronization-footer{max-width:1176px;margin:0 auto;padding:28px;color:var(--muted,#b1b9ae);font:12px/1.6 Arial,sans-serif}
@media(max-width:900px){
 .site-menu{padding:0 16px;margin:8px auto 16px;gap:6px}
 .site-menu a{min-height:44px;padding:10px;gap:7px;justify-content:center;border-radius:7px;font-size:14px;line-height:1.3}
 .site-menu-icon{width:18px;height:18px;flex-basis:18px}
 .site-menu-copy{gap:0}
 .site-menu-hint{display:none}
 .octagram-heading h1{font-size:27px}
}
@media(max-width:600px){.site-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.site-menu a{justify-content:flex-start}}
@media(max-width:360px){.site-menu{padding:0 12px}.site-menu a{font-size:13px;padding:10px 6px;gap:5px}.site-menu-icon{width:16px;height:16px;flex-basis:16px}}
@media(prefers-reduced-motion:reduce){.site-menu a{transition:none}}