:root{--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--radius:12px;--content-width:1120px;font-family:Pretendard,system-ui,-apple-system,Apple SD Gothic Neo,sans-serif}body{color:var(--color-text,CanvasText);background:var(--color-surface,Canvas);margin:0;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}.site-header,.site-footer,.page{max-width:var(--content-width);padding:var(--space-2);margin:0 auto}.site-header{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.site-header nav{gap:var(--space-2);display:flex}.brand{color:var(--color-primary,CanvasText);font-weight:700;text-decoration:none}.hero{border-radius:var(--radius);position:relative;overflow:hidden}.hero-text .hero-copy{padding:var(--space-4) var(--space-3);color:var(--color-text,CanvasText);position:static}.hero-copy{inset:auto var(--space-3) var(--space-3);color:var(--color-primaryContrast,Canvas);position:absolute}.section{padding:var(--space-4) 0}.card-list,.doctor-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:0;list-style:none;display:grid}.card-list a{gap:var(--space-1);text-decoration:none;display:grid}.site-footer{color:var(--color-muted,GrayText);border-top:1px solid}.notice{padding:var(--space-4) 0;text-align:center}.popup-layer{z-index:50;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2);pointer-events:none;display:flex;position:fixed;inset:0}.popup-type-grid{flex-wrap:wrap;overflow-y:auto}.popup-type-layer .popup-card{z-index:calc(100 - var(--popup-order));translate:calc(var(--popup-order) * var(--space-3)) calc(var(--popup-order) * var(--space-3));position:absolute}.popup-card{margin-left:calc(-1 * var(--space-4))}.popup-at-top_left{inset:0 auto auto 0}.popup-at-top_center{justify-content:center;inset:0 0 auto}.popup-at-top_right{inset:0 0 auto auto}.popup-at-center{justify-content:center;align-items:center;inset:0}.popup-card{pointer-events:auto;width:min(360px, calc(100vw - 2 * var(--space-2)));border-radius:var(--radius);background:var(--color-surface,Canvas);box-shadow:0 8px 24px color-mix(in srgb, var(--color-text,CanvasText) 25%, transparent);grid-template-areas:"tabs""media""actions";display:grid;overflow:hidden}.popup-media{aspect-ratio:var(--popup-pc-ratio);grid-area:media;position:relative}.popup-media img{object-fit:cover;width:100%;height:100%}.popup-nav{inset:auto 0 var(--space-1) 0;justify-content:center;gap:var(--space-1);color:var(--color-primaryContrast,Canvas);display:flex;position:absolute}.popup-actions{padding:var(--space-1) var(--space-2);grid-area:actions;justify-content:space-between;font-size:.875rem;display:flex}.popup-actions button,.popup-nav button{color:inherit;cursor:pointer;background:0 0;border:0}.popup-tabs{grid-area:tabs;font-size:.875rem;display:flex;overflow-x:auto}.popup-tabs button{padding:var(--space-1);color:var(--color-muted,GrayText);cursor:pointer;background:0 0;border:0;flex:1}.popup-tabs [aria-selected=true]{color:var(--color-primary,CanvasText);font-weight:700}@media (width>=768px){.popup-nav{display:none}}.popup-tabs-bottom{grid-template-areas:"media""tabs""actions"}.popup-tabs-top{grid-template-areas:"tabs""media""actions"}.popup-tabs-left{width:min(480px, calc(100vw - 2 * var(--space-2)));grid-template-columns:auto 1fr;grid-template-areas:"tabs media""actions actions"}.popup-tabs-right{width:min(480px, calc(100vw - 2 * var(--space-2)));grid-template-columns:1fr auto;grid-template-areas:"media tabs""actions actions"}.popup-tabs-left .popup-tabs,.popup-tabs-right .popup-tabs{flex-direction:column}@media (width<=767px){.popup-media{aspect-ratio:var(--popup-mobile-ratio)}.popup-tabs{display:none}.popup-card{grid-template-columns:1fr;grid-template-areas:"media""actions"}}.post-card{gap:var(--space-1);text-decoration:none;display:grid}.post-list{padding:0;list-style:none}.post-row{gap:var(--space-1) var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid color-mix(in srgb, var(--color-muted,GrayText) 30%, transparent);flex-wrap:wrap;align-items:baseline;display:flex}.post-row a{flex:1}.post-badge,.post-category{color:var(--color-primary,CanvasText);font-size:.875rem}.post-content img{height:auto}.post-date{color:var(--color-muted,GrayText)}.pagination,.board-categories{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.pagination [aria-current=page],.board-categories [aria-current=page]{color:var(--color-primary,CanvasText);font-weight:700}.faq-group h2{margin-top:var(--space-3)}.faq-item{padding:var(--space-2) 0;border-bottom:1px solid color-mix(in srgb, var(--color-muted,GrayText) 30%, transparent)}.faq-item summary{cursor:pointer;font-weight:600}.narrow{max-width:800px;margin-inline:auto}.inquiry-toolbar{justify-content:space-between;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.inquiry-badge{padding:0 var(--space-1);border-radius:var(--radius);background:color-mix(in srgb, var(--color-muted,GrayText) 15%, transparent);color:var(--color-muted,GrayText);font-size:.75rem}.inquiry-badge.answered{background:color-mix(in srgb, var(--color-primary,CanvasText) 15%, transparent);color:var(--color-primary,CanvasText)}.inquiry-form{gap:var(--space-2);display:grid}.form-field{gap:var(--space-1);display:grid}.form-field input,.form-field select,.form-field textarea{padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb, var(--color-muted,GrayText) 40%, transparent);border-radius:var(--radius);font:inherit}.form-note{color:var(--color-muted,GrayText);font-size:.875rem}.form-error{color:var(--color-primary,CanvasText);font-weight:700}.form-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.inquiry-content{white-space:pre-wrap}.inquiry-answer{margin:var(--space-3) 0;padding:var(--space-2);border-radius:var(--radius);background:color-mix(in srgb, var(--color-muted,GrayText) 8%, transparent)}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.consent{gap:var(--space-1);padding:var(--space-2);border:1px solid color-mix(in srgb, var(--color-muted,GrayText) 40%, transparent);border-radius:var(--radius);display:grid}.consent-text{white-space:pre-wrap;max-height:160px;color:var(--color-muted,GrayText);font-size:.875rem;overflow-y:auto}.consent-check{gap:var(--space-1);align-items:center;font-weight:700;display:flex}
