.work-practice{--practice-ink:#1c1814;--practice-muted:#4a423c;--practice-line:#d8d0c5;box-sizing:border-box;margin:44px 0;padding:30px;border:1px solid var(--practice-line);border-radius:22px;background:#f9f7f3;color:var(--practice-ink);scroll-margin-top:100px;text-align:left;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}
.work-practice *{box-sizing:border-box}.practice-intro{max-width:760px}.practice-intro>p:first-child{margin:0 0 9px;color:#315e86;font-size:12px;font-weight:800;letter-spacing:.04em}.practice-intro h2{margin:0;font-size:clamp(25px,3vw,36px);line-height:1.25;word-break:keep-all}.practice-intro>p:last-child{margin:12px 0 0;color:var(--practice-muted);font-size:15px;line-height:1.7}
.practice-modes{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.work-practice button,.practice-import button{min-height:44px;padding:10px 16px;border:1px solid var(--practice-line);border-radius:999px;background:#fffefb;color:var(--practice-ink);font:700 14px/1.4 Pretendard,-apple-system,sans-serif;cursor:pointer}.work-practice .practice-mode[aria-pressed=true]{border-color:#1c1814;background:#1c1814;color:#f9f7f3}.work-practice button:disabled{opacity:.55;cursor:default}.work-practice button:hover:not(:disabled){filter:brightness(.95)}
.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:start}.practice-inputs h3,.practice-result h3{font-size:20px;line-height:1.4;margin:0 0 17px}.practice-inputs label{display:block;margin:16px 0 6px;font-size:14px;font-weight:800}.work-practice textarea{display:block;width:100%;min-width:0;min-height:94px;padding:13px 14px;border:1px solid var(--practice-line);border-radius:14px;background:#fffefb;color:var(--practice-ink);font:400 15px/1.65 Pretendard,-apple-system,sans-serif;resize:vertical;word-break:break-word}.work-practice textarea::placeholder{color:#625a53}.work-practice .practice-result{padding:22px;border:1px solid #cfded5;border-radius:18px;background:#f2f6f1}.practice-kind{margin:0 0 10px;color:#315e86;font-size:12px;font-weight:750;line-height:1.5}.work-practice .practice-output{min-height:270px;background:#fffefb;font-size:14px;line-height:1.65}.practice-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.work-practice .practice-copy{border-color:#00704a;background:#00704a;color:#fff}.practice-next{display:inline-flex;align-items:center;min-height:44px;gap:8px;margin-top:12px;color:#005a3b;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:.2em}.practice-status{min-height:22px;margin:9px 0 0;font-size:13px;line-height:1.65;color:var(--practice-muted)}.practice-boundary,.practice-privacy{color:var(--practice-muted);font-size:12px;line-height:1.7;margin:13px 0 0}.practice-privacy{max-width:850px;margin-top:22px}.practice-direct{color:#005a3b;text-decoration:underline}.work-practice :focus-visible,.practice-import :focus-visible,.practice-followup :focus-visible{outline:3px solid #315e86;outline-offset:3px}
.home-practice-entry{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;padding:9px 17px;border:1px solid #00704a;border-radius:999px;background:#00704a;color:#fff!important;font-size:15px;font-weight:750;text-decoration:none}.home-practice-entry:focus-visible{outline:3px solid #315e86;outline-offset:3px}.practice-catalog{margin:22px 0}.practice-catalog>summary{min-height:44px;cursor:pointer;font-size:15px;font-weight:800;padding:11px 0}.practice-import{--practice-line:#d8d0c5;--practice-ink:#1c1814;margin:22px 0;padding:18px;border:1px solid #bdd2c4;border-radius:18px;background:#f2f6f1;color:#1c1814;font-size:14px;line-height:1.65}.practice-import p{margin:7px 0 12px}.practice-import button{margin:10px 8px 0 0;color:#1c1814}.practice-import summary{cursor:pointer;min-height:44px;padding:9px 0;font-weight:700}.practice-import textarea{display:block;width:100%;min-height:145px;padding:12px;border:1px solid #c6c6bc;border-radius:12px;background:#fffefb;color:#1c1814;font:14px/1.6 Pretendard,sans-serif;box-sizing:border-box}.practice-followup{margin-top:22px;padding-top:15px;border-top:1px solid #d8d0c5}.practice-followup summary{cursor:pointer;min-height:44px;padding:9px 0;font-size:15px;font-weight:800}.practice-followup p{font-size:13px;line-height:1.7}.practice-followup a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:800;color:#005a3b}.practice-bridge-status{font-size:13px;color:#4a423c}
@media(max-width:760px){.work-practice{padding:20px 16px;margin:32px 0;border-radius:18px}.practice-layout{grid-template-columns:minmax(0,1fr);gap:23px}.practice-intro h2{font-size:27px}.practice-intro>p:last-child{font-size:14px}.work-practice .practice-result{padding:17px}.work-practice .practice-output{min-height:230px}.practice-actions button{flex:1 1 auto}.practice-modes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.work-practice .practice-mode{border-radius:14px;font-size:13px;padding:10px}.practice-next{font-size:14px}.practice-import{padding:15px}.home-practice-entry{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.work-practice,.work-practice *{scroll-behavior:auto;transition:none}}

.work-practice:not([data-practice-ready]) .practice-modes,.work-practice:not([data-practice-ready]) .practice-layout{display:none}.work-practice[data-practice-ready] .practice-fallback{display:none}.practice-fallback{font-size:14px;line-height:1.7}.practice-fallback a{color:#005a3b;text-decoration:underline}

.work-practice textarea,.practice-import textarea{border-color:#8a8177}.work-practice button,.practice-import button{border-color:#8a8177}.work-practice .practice-mode[aria-pressed=true]{border-color:#1c1814}.work-practice .practice-copy{border-color:#00704a}@media(max-width:760px){.work-practice textarea,.work-practice .practice-output,.practice-import textarea{font-size:16px}}

.practice-source-note{font-size:13px;line-height:1.65;color:#315e86;margin:10px 0 0}.practice-source-note[hidden]{display:none}
