.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}
/* 푸터(0.7.0) - 소개·메뉴 3묶음·사업자 정보 줄. 모바일은 소개만 한 줄 전체, 메뉴는 2열(css-standard §16.3) */
.site-footer{background:var(--band);color:var(--band-link);padding:48px 0 36px;font-size:14px}
.site-footer a{color:#dce7f7}.site-footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.site-footer .footer-logo{font-size:20px;font-weight:700;letter-spacing:-.03em;color:#fff}
.footer-logo span{color:var(--band-link);font-size:14px;font-weight:600;letter-spacing:.06em}
.footer-brand p{margin:12px 0 0;line-height:1.8}
.footer-col{display:flex;flex-direction:column}
.footer-col h2{font-size:13px;letter-spacing:.04em;color:var(--band-accent);margin:0 0 4px}
.footer-col a{min-height:44px;display:flex;align-items:center}
.footer-biz{list-style:none;margin:32px 0 0;padding:20px 0 0;border-top:1px solid var(--band-line);display:flex;flex-wrap:wrap;gap:4px 20px;font-size:13px}
/* 오른쪽 퀵메뉴(0.7.0, ui/site-shell-standard.md §3) - 1400px 이상은 세로 가운데 고정 바, 그 아래는 TOP 하나만 우하단.
   전환점 1400 = 컨테이너 1100 + 240 을 올림. 흰 테두리는 같은 밴드색 푸터 위에서 경계를 보이게 하려는 것이라 빼지 않는다 */
.quick{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;width:76px;background:var(--band);border:1px solid #fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgb(18 33 60 / 18%)}
.quick-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:46px;padding:13px 6px;border:0;background:none;color:var(--band-text);font:inherit;font-size:12px;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer}
.quick-item+.quick-item{border-top:1px solid var(--band-line)}
.quick-item:hover{background:rgb(255 255 255 / 10%);color:var(--band-accent)}
/* 키보드 포커스 - 공용 테두리(app.css, 바깥 3px)는 .quick 의 overflow:hidden 에 잘리고 밴드색 위에서 안 보이므로 안쪽에 흰색으로 그린다(교차 리뷰 지적) */
.quick-item:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.quick-top{display:none}.quick-top.is-visible{display:flex}
@media(max-width:1399.98px){.quick{top:auto;bottom:16px;right:12px;width:46px;transform:none;display:none}.quick.has-top{display:flex}.quick-item:not(.quick-top){display:none}.quick-item{padding:11px 4px}.quick-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
@media print{.site-header,.quick{display:none!important}}
.admin-sidebar .brand{color:#fff}
@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:24px 16px}.footer-brand{grid-column:1/-1}.site-footer{padding-bottom:80px}.brand{font-size:22px}}