:root{--dd-white:#fff;--dd-ink:#17242b;--dd-muted:#697780;--dd-line:#e4e9ec;--dd-soft:#f6f8fa;--dd-green:#008a49;--dd-green-dark:#006f3a;--dd-green-light:#eaf7ef;--dd-orange:#a86500;--dd-orange-light:#fff5e3;--dd-blue:#2463cc;--dd-blue-light:#eef4ff;--dd-red:#c93535;--dd-red-light:#fff0f0;--dd-radius:8px}
body.dd-figma-page{margin:0;background:var(--dd-soft);color:var(--dd-ink);font-family:'Noto Sans KR',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0}
.dd-figma-page .page,.dd-figma-page .wrap{width:min(100% - 32px,1152px);max-width:1152px;margin-inline:auto;padding-block:32px 64px}
.dd-figma-page .topbar{min-height:64px;margin-bottom:24px;padding:0 4px;border-bottom:1px solid var(--dd-line)}
.dd-figma-page h1,.dd-figma-page h2,.dd-figma-page h3{font-family:inherit;color:var(--dd-ink);letter-spacing:0}.dd-figma-page h1{font-size:28px;line-height:1.5}.dd-figma-page h2{font-size:20px;line-height:1.5}
.dd-figma-page .card,.dd-figma-page .box{background:var(--dd-white);border:1px solid var(--dd-line);border-radius:var(--dd-radius);box-shadow:none}
.dd-figma-page .card{padding:24px;margin-bottom:16px}.dd-figma-page .muted,.dd-figma-page .meta,.dd-figma-page .sub,.dd-figma-page small{color:var(--dd-muted)}
.dd-figma-page button,.dd-figma-page .btn,.dd-figma-page .btn-line,.dd-figma-page .btn-sm{min-height:44px;border-radius:var(--dd-radius);font-family:inherit;font-weight:500;box-shadow:none;transition:background-color .16s,border-color .16s,color .16s}
.dd-figma-page .btn:not(.line),.dd-figma-page button.primary{background:var(--dd-green);border-color:var(--dd-green);color:#fff}.dd-figma-page .btn:not(.line):hover,.dd-figma-page button.primary:hover{background:var(--dd-green-dark)}
.dd-figma-page .btn.line,.dd-figma-page .btn-line,.dd-figma-page .btn-sm,.dd-figma-page button:not(.primary){background:#fff;border:1px solid var(--dd-line);color:var(--dd-ink)}
.dd-figma-page input,.dd-figma-page textarea,.dd-figma-page select{min-height:44px;border:1px solid var(--dd-line);border-radius:var(--dd-radius);background:#fff;color:var(--dd-ink);font-family:inherit}.dd-figma-page input:focus,.dd-figma-page textarea:focus,.dd-figma-page select:focus{outline:2px solid var(--dd-green);outline-offset:1px;border-color:var(--dd-green)}
.dd-figma-page .badge,.dd-figma-page .pill,.dd-figma-page .rec{border-radius:8px;background:var(--dd-green-light);color:var(--dd-green);font-weight:500}.dd-figma-page .badge.off,.dd-figma-page .pill.off{background:var(--dd-soft);color:var(--dd-muted)}
.dd-figma-page table{background:#fff}.dd-figma-page th{background:var(--dd-soft);color:var(--dd-muted);font-weight:500}.dd-figma-page th,.dd-figma-page td{border-color:var(--dd-line)}
.dd-figma-page .notice{background:var(--dd-orange-light);border-color:#f3d7a7;color:var(--dd-orange)}.dd-figma-page .error,.dd-figma-page .msg.error{background:var(--dd-red-light);color:var(--dd-red)}
.dd-figma-page a{color:var(--dd-green)}.dd-figma-page :focus-visible{outline:3px solid #2463cc!important;outline-offset:2px!important}
@media(max-width:760px){.dd-figma-page .page,.dd-figma-page .wrap{width:100%;padding:22px 18px 96px}.dd-figma-page .card{padding:16px;border-radius:14px}.dd-figma-page h1{font-size:22px}.dd-figma-page h2{font-size:17px}.dd-figma-page .grid{grid-template-columns:1fr}.dd-figma-page table{font-size:16px}.dd-figma-page .table-wrap{margin-inline:-4px}}
@media(prefers-reduced-motion:reduce){.dd-figma-page *{transition:none!important;animation:none!important}}