.site-header{position:sticky;top:0;z-index:30;background:rgb(255 255 255 / 97%);border-bottom:1px solid var(--line);min-height:var(--header-h);backdrop-filter:blur(12px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h);gap:24px}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:24px;font-weight:700;letter-spacing:-.055em;white-space:nowrap}
.brand:before{content:"";display:inline-block;width:24px;height:24px;background:linear-gradient(140deg,#7ba7ff,#2458d3);border-radius:6px;box-shadow:inset 0 0 0 5px rgb(255 255 255 / 30%)}
.brand span{color:var(--muted);font-size:14px;letter-spacing:.06em;font-weight:600;border-left:1px solid var(--line);padding-left:10px;margin-left:4px}
.site-nav{display:flex;align-items:center;gap:24px}
.site-nav>a{color:#42516a;font-size:15px;min-height:44px;display:flex;align-items:center;font-weight:600}
.site-nav>a:hover{color:var(--brand)}
.site-nav select{border-color:var(--line);color:#42516a;max-width:132px;font-size:14px;background:#f8faff}
.menu-toggle{display:none;min-height:44px;border:1px solid var(--line);background:#fff;color:var(--text);padding:8px 12px;border-radius:8px}
.site-footer{background:var(--band);color:var(--band-link);padding:48px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.site-footer strong{font-size:20px;letter-spacing:-.03em;color:#fff}.site-footer a{color:#dce7f7}.site-footer a:hover{color:#fff}
.site-footer p{font-size:13px;margin:12px 0;line-height:1.9}
.site-footer nav{display:flex;flex-direction:column;gap:8px}
.site-footer nav>a{min-height:44px;display:flex;align-items:center;font-size:14px}
.quick-menu{position:fixed;right:20px;bottom:24px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:10px;z-index:25;box-shadow:0 4px 20px rgb(24 43 77 / 10%)}
.quick-menu a{color:#304869;padding:12px;min-height:44px;min-width:54px;text-align:center;font-size:13px}
.quick-menu a+a{border-top:1px solid var(--line)}
.admin-sidebar .brand{color:#fff}
@media(max-width:1399px){.quick-menu .quick-extra{display:none}}
.quick-arrow{display:none}
/* 모바일: 내용을 덜 가리도록 44px 원형 화살표로 줄이고, 스크롤을 내렸을 때만 보인다(site.js 가 scroll-aware·is-visible 를 붙인다. 점검 R-13) */
@media(max-width:767px){.quick-menu{border-radius:50%;transition:opacity .2s,visibility .2s}.quick-menu a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}.quick-arrow{display:block;font-size:18px;line-height:1}.quick-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.quick-menu.scroll-aware:not(.is-visible){opacity:0;visibility:hidden}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.quick-menu{transition:none}}
@media(max-width:991px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:var(--header-h);padding:20px 24px;background:#fff;border-bottom:1px solid var(--line);max-height:calc(100dvh - var(--header-h));overflow-y:auto;box-shadow:var(--shadow)}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.site-nav>a{min-height:46px}.site-nav select{max-width:none}.header-inner{gap:12px}}
@media(max-width:767px){.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-about{grid-column:1/-1}.site-footer{padding-bottom:80px}.quick-menu{right:12px;bottom:16px}.brand{font-size:22px}}