/* 콘텐츠 중심의 공통 화면 */
:root { --tap: 46px; }
.vd-brand__mark { overflow: hidden; background: #fff; }
.vd-brand__mark img { width: 100%; height: 100%; object-fit: contain; }
.vd-brand__word { letter-spacing: -.05em; white-space: nowrap; }
.vd-brand__word small { letter-spacing: 0; }
.vd-header__inner { min-height: 76px; }
.vd-sheet { z-index: 1000; height: 100dvh; }
.vd-sheet__panel { padding-bottom: max(24px, env(safe-area-inset-bottom)); overscroll-behavior: contain; }
.vd-show-sm.vd-tool { display: inline-flex; }
.vd-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) { height: 48px; font-size: 16px; }
.vd-field > span { min-height: 21px; }
.vd-field input[readonly] { background: var(--surface-2); color: var(--muted); }
.vd-auth { padding-top: 32px; padding-bottom: 48px; }
.vd-auth .vd-panel { padding: clamp(20px, 4vw, 40px); }
.vd-auth__head h1 { letter-spacing: -.04em; }
.vd-choice input { flex: 0 0 auto; margin-top: 3px; }
.vd-choice > span { min-width: 0; overflow-wrap: anywhere; }
.vd-google { display: flex; flex-direction: column; align-items: center; width: 100%; min-height: 44px; }
.vd-auth-divider { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; margin: 24px 0; }
.vd-auth-divider::before, .vd-auth-divider::after { content: ''; height: 1px; flex: 1; background: var(--line); }
.vd-rail__head h2 { letter-spacing: -.035em; font-size: 26px; }
@media (max-width: 800px) {
 .vd-header__tools { grid-column: 3; justify-self: end; }
 .vd-show-sm.vd-tool { display: inline-flex; }
}
@media (max-width: 480px) {
 .vd-header__tools .vd-tool--search { display: none; }
 .vd-header__tools { gap: 2px; }
 .vd-brand { flex-shrink: 0; }
 .vd-header__inner { min-height: 62px; }
 .vd-auth { padding-top: 12px; }
 .vd-auth .vd-panel { padding: 22px 18px; }
 .vd-auth__links { gap: 12px; flex-wrap: wrap; }
 .vd-rail__head h2 { font-size: 23px; }
 .vd-rail__head { align-items: flex-start; gap: 12px; }
 .vd-rail__more { white-space: nowrap; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .vd-sheet__panel { animation: none; } }