/* Shared navigation and footer for Draft Studio pages. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,243,236,.96);backdrop-filter:blur(8px);border-bottom:1px solid #0b1d3a14;color:#0b1d3a}
.site-nav-inner,.site-footer-wrap{max-width:1080px;margin:auto;padding:0 24px}
.site-nav-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-logo{font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;white-space:nowrap;text-decoration:none;color:inherit}
.site-logo span{color:#c98e12;font-family:monospace}
.site-desktop-nav{display:flex;align-items:center;gap:34px}
.site-desktop-nav a,.site-mobile-nav a{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}
.site-desktop-nav a:not(.btn){padding:12px 0;color:#0b1d3aaf;border-bottom:2px solid transparent}
.site-desktop-nav a.active{color:#0b1d3a;border-color:#ffb627}
.site-header .btn{display:inline-block;background:#0b1d3a;color:#f5f3ec;border:1px solid #0b1d3a;border-radius:3px;padding:12px 20px}
.site-header .btn:hover{background:#ffb627;color:#0b1d3a}
.site-menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.site-menu-toggle span{width:23px;height:2px;background:#0b1d3a}
.site-mobile-nav[hidden]{display:none}
.site-mobile-nav{padding:8px 24px 24px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #0b1d3a14}
.site-mobile-nav a{padding:14px 8px;color:#0b1d3a}
.site-mobile-nav .active{color:#a3720b}
.site-footer{background:#173763;color:#f5f3ecb0;padding:36px 0 28px}
.site-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #f5f3ec24;margin-bottom:28px}
.site-footer-links a{padding:24px 12px;text-align:center;color:#f5f3ecc7;font:20px 'Fraunces',Georgia,serif;text-transform:uppercase;text-decoration:none;border-right:1px solid #f5f3ec1f}
.site-footer-links a:last-child{border-right:0}
.site-footer-links a::after{content:'↗';display:block;margin-top:10px;font:12px monospace;color:#ffb627}
.site-footer-links a:hover,.site-footer-links a.active{background:#f5f3ec0d;color:white}
.site-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px}
.site-footer-bottom .site-logo{font-size:15px;color:#f5f3ec}
.site-footer-bottom a{color:inherit;text-decoration:none}
.site-header :focus-visible,.site-footer :focus-visible{outline:2px solid #c98e12;outline-offset:4px}
@media(max-width:780px){.site-desktop-nav{display:none}.site-menu-toggle{display:flex}.site-nav-inner{min-height:68px}.site-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-links a{font-size:17px;padding:24px 8px}.site-footer-links a:nth-child(2){border-right:0}.site-footer-links a:nth-child(-n+2){border-bottom:1px solid #f5f3ec1f}.site-footer-bottom{align-items:flex-start;flex-direction:column}.site-nav-inner,.site-footer-wrap{padding-inline:20px}}
@media(min-width:781px){.site-mobile-nav{display:none}}

/* Keep page-specific typography from changing the shared navigation. */
.site-header,.site-footer{font-family:'Sora',Arial,sans-serif;font-size:16px;line-height:1.5;text-align:left;letter-spacing:normal}
.site-header *,.site-footer *{box-sizing:border-box}
.site-header .site-logo,.site-footer .site-logo{line-height:1.5;letter-spacing:-.01em}
.site-header .btn{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.05em;box-shadow:0 6px 16px -6px #0b1d3a4d}
.site-footer-links a{font-weight:400;line-height:1.2;letter-spacing:-.01em}
.site-footer-bottom{font-family:Arial,sans-serif;line-height:1.5}