@charset "UTF-8";
/* SeolLab shared shell v1. The content column excludes these common gutters. */
html[data-seollab-service]{--sl-content-width:1280px;--sl-gutter:32px;--content-max:var(--sl-content-width);--gutter:var(--sl-gutter);scrollbar-gutter:stable}
html[data-seollab-service] :is(.wrap,.shell,#seollab-coming-soon .sl-page,#seollab-amp-preview){box-sizing:border-box;width:min(calc(100% - var(--sl-gutter)*2),var(--sl-content-width));max-width:none;margin-inline:auto;padding-inline:0}
html[data-seollab-service] .container{width:min(calc(100% - var(--sl-gutter)*2),var(--sl-content-width))}
html[data-seollab-service="sandbox"] :is(main,footer){width:min(calc(100% - var(--sl-gutter)*2),var(--sl-content-width));margin-inline:auto}
html[data-seollab-service] .sl-site-header{position:relative;z-index:50;display:block!important;min-height:0!important;gap:0!important;width:100%;margin:0;padding:0!important;border:0;border-bottom:1px solid var(--sl-line);background:var(--sl-bg);font-family:'SeolLab Shell','Pretendard Variable',system-ui,sans-serif;font-size:15px;line-height:1.5}
.sl-shell-inner{box-sizing:border-box;width:min(calc(100% - var(--sl-gutter)*2),var(--sl-content-width));min-height:104px;margin-inline:auto;display:flex;align-items:center;gap:24px;position:relative}
:is(.wrap,.shell,.sl-page,#seollab-amp-preview)>.sl-site-header .sl-shell-inner{width:100%}
.sl-site-brand{display:block;width:80px;flex:0 0 80px;line-height:0}
.sl-site-brand img{display:block!important;width:80px!important;height:52px!important;max-width:none!important;aspect-ratio:20/13}
.sl-service-navigation{flex:none;min-width:0}
.sl-service-nav{display:flex;align-items:center;gap:20px;margin:0;padding:0;list-style:none;flex-wrap:nowrap}
.sl-service-nav a{display:flex;align-items:center;min-height:44px;padding:0;text-decoration:none;white-space:nowrap;font:550 15px/1.5 'SeolLab Shell','Pretendard Variable',system-ui,sans-serif;letter-spacing:-.015em;color:var(--sl-muted)}
.sl-service-nav a:hover,.sl-service-nav a[aria-current]{color:var(--sl-heading)}
.sl-service-nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}
.sl-service-nav .sl-account{border-left:1px solid var(--sl-line);padding-left:20px}
.sl-website-menu{position:relative;margin:0}
.sl-website-menu>summary{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:44px;padding:0;list-style:none;cursor:pointer;white-space:nowrap;font:550 15px/1.5 'SeolLab Shell','Pretendard Variable',system-ui,sans-serif;letter-spacing:-.015em;color:var(--sl-muted)}
.sl-website-menu>summary::-webkit-details-marker{display:none}
.sl-website-menu>summary:after{content:'';width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.sl-website-menu[open]>summary:after{transform:translateY(1px) rotate(225deg)}
.sl-website-menu>summary:hover,.sl-website-menu>summary[aria-current]{color:var(--sl-heading)}
.sl-website-menu>summary[aria-current]{text-decoration:underline;text-underline-offset:7px}
.sl-website-options{box-sizing:border-box;position:absolute;top:calc(100% + 8px);left:0;width:220px;padding:8px;background:var(--sl-surface);border:1px solid var(--sl-control);box-shadow:4px 4px 0 var(--sl-line);z-index:110}
.sl-service-nav .sl-website-options a{box-sizing:border-box;padding:10px 12px;font-size:14px}
.sl-service-nav .sl-website-options a:hover{background:var(--sl-bg)}
.sl-website-options .sl-website-home{border-bottom:1px solid var(--sl-line);margin-bottom:4px}
.sl-service-menu{display:none;position:static}
.sl-service-menu>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--sl-control);list-style:none;cursor:pointer;color:var(--sl-text);background:transparent}
.sl-service-menu>summary::-webkit-details-marker{display:none}
.sl-hamburger{width:16px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}
.sl-hamburger:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:1px solid currentColor}
.sl-service-menu>.sl-service-nav{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;position:absolute;box-sizing:border-box;top:calc(100% - 12px);left:auto;right:0;display:grid;width:min(320px,100%);min-width:0;max-width:100%;max-height:calc(100dvh - 108px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;justify-items:stretch;text-align:left;padding:8px;gap:2px;background:var(--sl-surface);border:1px solid var(--sl-control);box-shadow:4px 4px 0 var(--sl-line);z-index:110}
.sl-service-menu>.sl-service-nav a{box-sizing:border-box;padding:10px 12px;font-size:14px}
.sl-service-menu .sl-website-menu>summary{justify-content:space-between;padding:10px 12px;font-size:14px}
.sl-service-menu .sl-website-options{position:static;width:auto;margin:0 12px 8px;padding:0 0 0 8px;border:0;border-left:1px solid var(--sl-control);background:transparent;box-shadow:none}
.sl-service-menu>.sl-service-nav .sl-account{border-left:0;border-top:1px solid var(--sl-line);padding-left:12px}
.sl-shell-inner .sl-preferences{flex:none;margin:0 0 0 auto;gap:20px;width:auto;font:400 13px/1.5 'SeolLab Shell','Pretendard Variable',system-ui,sans-serif}
.sl-shell-inner .sl-language-menu{display:block}
.sl-shell-inner :is(.sl-theme,.sl-language-menu)>summary{box-sizing:border-box;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:0;gap:6px;color:var(--sl-muted);font:inherit;white-space:nowrap}
.sl-shell-inner :is(.sl-theme,.sl-language-menu)>summary:hover{color:var(--sl-heading)}
.sl-shell-inner .sl-theme-title{display:inline}
.sl-site-header :is(a,summary,button):focus-visible{outline:2px solid var(--sl-accent);outline-offset:4px}
@media(width < 1200px){.sl-service-navigation{margin-left:auto}.sl-service-navigation>.sl-service-nav{display:none}.sl-service-menu{display:block}.sl-shell-inner>.sl-preferences{display:none}}
@media(max-width:640px){html[data-seollab-service]{--sl-gutter:12px}html[data-seollab-service] body{box-sizing:border-box;padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}.sl-shell-inner{min-height:88px;gap:8px}.sl-shell-inner .sl-preferences{gap:8px}.sl-shell-inner .sl-theme-title{display:none}.sl-shell-inner .sl-language-menu summary{font-size:13px}.sl-service-menu>.sl-service-nav{top:calc(100% - 8px);max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))}}
@media print{.sl-site-header{display:none!important}}

html[data-seollab-service="app"] body{border-top:0}

.sl-shell-inner .sl-language a{display:flex;justify-content:flex-start;text-align:left}
.sl-shell-inner .sl-theme-options button{font-family:"SeolLab Shell","Pretendard Variable",system-ui,sans-serif}

/* Compact navigation owns its settings and scrolls as a single panel. */
.sl-service-menu>.sl-service-nav>*{min-width:0;width:100%;text-align:left}
.sl-shell-inner .sl-menu-preferences{display:grid;align-items:stretch;justify-content:stretch;width:100%;margin:8px 0 0;padding:8px 0 0;gap:0;border-top:1px solid var(--sl-line);isolation:auto}
.sl-menu-preferences :is(.sl-theme,.sl-language-menu){width:100%;margin:0}
.sl-shell-inner .sl-menu-preferences :is(.sl-theme,.sl-language-menu)>summary{justify-content:space-between;min-height:44px;padding:10px 12px;font-size:14px}
.sl-shell-inner .sl-menu-preferences .sl-theme-title{display:inline;position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.sl-shell-inner .sl-menu-preferences :is(.sl-theme-options,.sl-language-menu>.sl-language){position:static;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch;align-items:stretch;width:auto;min-width:0;max-height:none;overflow:visible;margin:0 12px 8px;padding:0 0 0 8px;gap:0;border:0;border-left:1px solid var(--sl-control);background:transparent;box-shadow:none;transform:none}
.sl-shell-inner .sl-menu-preferences :is(.sl-theme-options button,.sl-language a){box-sizing:border-box;width:100%;min-height:44px;justify-content:flex-start;text-align:left;padding:10px 12px;font-size:14px}
.sl-menu-preferences [data-theme-choice][aria-pressed="true"],.sl-menu-preferences .sl-language a[aria-current]{color:var(--sl-bg);background:var(--sl-accent)}

/* Compact menu rhythm: separators do not consume the 44px control rows. */
@media(width < 1200px){
 .sl-service-menu>.sl-service-nav{gap:0}
 .sl-shell-inner .sl-service-menu :is(.sl-website-menu,.sl-language-menu,.sl-theme){margin:0;padding:0;border:0;background:transparent}
 .sl-shell-inner .sl-service-menu :is(.sl-service-nav a,.sl-website-menu>summary,.sl-language-menu>summary,.sl-theme>summary,.sl-theme-options button){box-sizing:border-box;display:flex;align-items:center;min-height:44px;height:44px;padding:0 12px;gap:8px;font:500 14px/21px 'SeolLab Shell','Pretendard Variable',system-ui,sans-serif;letter-spacing:0;text-align:left}
 .sl-shell-inner .sl-service-menu :is(.sl-website-menu,.sl-language-menu,.sl-theme)>summary{justify-content:flex-start}
 .sl-shell-inner .sl-service-menu :is(.sl-website-menu,.sl-language-menu,.sl-theme)>summary::after{box-sizing:border-box;content:'';display:block;width:6px;height:6px;flex:0 0 6px;margin-inline-start:auto;margin-inline-end:5px;border:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;background:none;transform:translateY(-2px) rotate(45deg)}
 .sl-shell-inner .sl-service-menu :is(.sl-website-menu,.sl-language-menu,.sl-theme)[open]>summary::after{transform:translateY(1px) rotate(225deg)}
 .sl-shell-inner .sl-service-menu .sl-theme>summary>[data-theme-label]{margin-inline-start:auto}
 .sl-shell-inner .sl-service-menu .sl-theme>summary::after{margin-inline-start:5px}
 .sl-shell-inner .sl-service-menu :is(.sl-website-options,.sl-language-menu>.sl-language,.sl-theme-options){position:static;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch;align-items:stretch;width:auto;min-width:0;margin:0 0 8px 12px;padding:0 0 0 8px;gap:0;border:0;border-left:1px solid var(--sl-control);background:transparent;box-shadow:none;transform:none}
 .sl-shell-inner .sl-service-menu :is(.sl-account,.sl-menu-preferences){position:relative;margin-block-start:16px;padding-block:0;border:0}
 .sl-shell-inner .sl-service-menu :is(.sl-account,.sl-menu-preferences)::before{content:'';position:absolute;inset-inline:0;top:-8px;border-top:1px solid var(--sl-line)}
 .sl-shell-inner .sl-service-menu .sl-menu-preferences{gap:0}
 .sl-shell-inner .sl-service-menu .sl-website-options .sl-website-home{position:relative;margin-block-end:16px;border:0}
 .sl-shell-inner .sl-service-menu .sl-website-options .sl-website-home::before{content:'';position:absolute;inset-inline:0;bottom:-8px;border-top:1px solid var(--sl-line)}
 .sl-shell-inner .sl-service-menu :is(.sl-theme-options button,.sl-language a){width:100%;justify-content:flex-start;text-decoration:none}
 .sl-shell-inner .sl-service-menu :is(.sl-theme-options button,.sl-language a)::after{content:'';display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;margin-inline-start:auto;font-size:14px;line-height:1;text-align:center}
 .sl-shell-inner .sl-service-menu .sl-theme-options button[aria-pressed=true]::after,.sl-shell-inner .sl-service-menu .sl-language a[aria-current]::after{content:'✓'}
}

/* Closed details must not expose explicit grid layout or overflow measurements. */
.sl-shell-inner :is(.sl-service-menu,.sl-website-menu,.sl-language-menu,.sl-theme):not([open]) > :is(.sl-service-nav,.sl-website-options,.sl-language,.sl-theme-options){display:none!important}
