/* EEUM interface baseline: typography, focus and touch targets. */
:root{--eeum-font:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--eeum-radius:12px;--eeum-focus:#16889d}
html{scroll-padding-top:7rem}
body,button,input,select,textarea{font-family:var(--eeum-font)}
:where(h1,h2,h3,h4){word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--eeum-focus);outline-offset:4px}
:where(button,summary){touch-action:manipulation}
:where(button:disabled){cursor:not-allowed}
:where(input,textarea,select){max-width:100%}
:where(p,li,td,th){overflow-wrap:break-word}
:where(button,a) svg{flex-shrink:0}
@media(max-width:700px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:1rem}button:not([role=checkbox]):not([role=switch]),summary{min-height:44px}h1,h2,h3{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


@media screen{ .app{display:grid;grid-template-rows:auto minmax(3.1em,auto) auto;align-content:start;justify-items:center;gap:6px;padding:12px 8px;border-radius:12px}.app-image{margin-bottom:4px}.app-name{display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;margin:0;padding:4px 8px;border-radius:8px;font-size:1.125rem;line-height:1.5;text-align:center;box-shadow:none}.app-caption{margin:0;padding:0;background:transparent;font-size:1rem;line-height:1.6;text-align:center;color:#213f50}.customer-grid .app-caption{background:#ffffffeb;border-radius:6px;padding:3px 6px}.work-tools{border-radius:16px}.work-tools summary{cursor:pointer;line-height:1.6}.work-tools summary span{font-weight:400}.work-note{margin-block:12px 20px}.work-grid{align-items:start}.contact-panel{border-radius:16px}.contact-actions a{border-radius:8px}.screen-footer{margin-top:20px}.app:focus-visible{outline:3px solid #0b566c;outline-offset:3px}.app:hover{background:#ffffff32}.app:hover .app-image{transform:translateY(-2px)}
@media(max-width:760px){.app{padding:8px 4px;gap:6px}.app-name{font-size:1.0625rem;min-height:3.1em}.app-caption{font-size:1rem}.work-grid,.customer-grid{gap:20px 12px}.work-tools{padding:18px}.work-note{font-size:1rem}.contact-panel{padding:20px}.contact-panel p{font-size:1rem}.app-image{width:80px!important}.work-tools summary span{font-size:1rem}}
}