/* scripts/build-redesign.mjs 가 만든 파일 — 여기서 고치지 말 것 ('oodot 리디자인' DesignSystem.dc.html) */
[hidden]{display:none!important}
body{margin:0;background:#ffffff}
a{color:#1c4fd8}a:hover{color:#1740ad}
.od{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;color:#1d1d1f;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
.od *{box-sizing:border-box}
.wrap{max-width:1280px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}
.nav-links{display:flex}
.ln{color:inherit;text-decoration:none}
.ln:hover{color:#1d1d1f;text-decoration:underline;text-underline-offset:3px}
.toc a{color:#5a5a61;text-decoration:none}
.toc a:hover{color:#1d1d1f;background:#f5f5f7}
.sw{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.swb{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.b-pri{background:#2a64f6;color:#fff;border:0}.b-pri:hover{background:#1c4fd8}.b-pri:active{background:#1740ad}
.b-sec{background:#fff;color:#1d1d1f;border:1px solid #cfcfd6}.b-sec:hover{background:#f5f5f7}
.b-pl{background:transparent;color:#1c4fd8;border:0}.b-pl:hover{background:#eef3ff}
.b-dg{background:#c4302b;color:#fff;border:0}.b-dg:hover{background:#9d2622}
@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}
@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}12%{opacity:1;transform:translate(-50%,0)}85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,8px)}}.toast{animation:toast-in 2.2s cubic-bezier(.2,.8,.2,1) forwards}
@media (prefers-reduced-motion:reduce){.spin,.toast{animation:none}}
.demo-in:focus{outline:none;border-color:#2a64f6!important;box-shadow:0 0 0 3px rgba(42,100,246,.28)}
.od a:focus-visible,.od button:focus-visible{outline:2px solid #2a64f6;outline-offset:2px}
@media (max-width:960px){.nav-links{display:none}.toc{display:none!important}.sw{grid-template-columns:repeat(6,minmax(0,1fr))}.swb{grid-template-columns:repeat(5,minmax(0,1fr))}}
.foot-cols{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:32px}
.menu-btn{display:none}.drawer{display:none}
@media (max-width:1080px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.menu-btn{display:inline-flex}.drawer{display:flex}}
@media (max-width:760px){.hub-link{display:none}}
.brand-sub:hover{color:#5a5a61!important}