/* Arc'teryx Lab · AT0101 — 공통 스타일 */
*{box-sizing:border-box}
html,body{margin:0}
body{background:#F2F2EF;color:#121212;font-family:Inter,'Noto Sans KR',system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
a{color:#1D4ED8}a:hover{color:#1E3A8A}
button,input,select,textarea{font:inherit}
button{color:inherit}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
:focus-visible{outline:2px solid #1D4ED8;outline-offset:2px}

.topbar{background:#FFFFFF;border-bottom:1px solid #DCDCD7}
.topbar-in{margin:0 auto;padding:14px 32px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{width:28px;height:28px;border-radius:6px;background:#121212;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.brand-name{font-weight:600;font-size:15px}
.nav{display:flex;flex-wrap:wrap;gap:4px}
.nav a{padding:8px 12px;border-radius:8px;color:#4A4A48;text-decoration:none;font-weight:500}
.nav a[aria-current="page"]{background:#121212;color:#FFFFFF}
.nav a:hover{background:#EFEFEA}
.nav a[aria-current="page"]:hover{background:#121212}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#6B6B68}
.toggle{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid #DCDCD7;background:#FFFFFF;cursor:pointer;font-size:12px;font-weight:600;color:#4A4A48}
.toggle[aria-pressed="true"]{background:#121212;border-color:#121212;color:#FFFFFF}

.sr-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}

@media (max-width: 640px){
  .topbar-in{padding:12px 16px}
  main{padding-left:16px !important;padding-right:16px !important}
  .grid3-sm1{grid-template-columns:minmax(0,1fr) !important}
  .grid2-sm1{grid-template-columns:minmax(0,1fr) !important}
  .grid4-sm2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  main{padding-left:16px !important;padding-right:16px !important}
  header > div{padding-left:16px !important;padding-right:16px !important}
}

/* 미팅용 프로젝터 화면에서도 읽히도록 인쇄 시 기본 정리 */
@media print{
  .topbar,.no-print{display:none !important}
  body{background:#FFFFFF}
}