/* 읽는 내용과 조작하는 영역을 분명하게 구분합니다. */
:root{--muted:#56675d}
body{line-height:1.75}
.page-masthead .intro{font-size:16px;line-height:1.85;max-width:66ch}
.feature-card p,.card-content p,.skill-desc{font-size:14px;line-height:1.8}
.card-content .meta{font-size:12px;color:#5d6c60}
.meta{line-height:1.75}
.notice{font-size:14px;line-height:1.8}
.eyebrow{color:#4f7058}
label{line-height:1.6}
input:not([type=checkbox]):not([type=radio]),select{min-height:46px;font-size:16px;background-color:#fff}
.btn{min-height:44px}
.tool-quick-note{padding:12px 16px;border:1px solid #d8decc;border-radius:7px;background:#edf1e4;font-size:14px;color:#3d5547}
.tool-details,.related-tools{padding:14px 18px;border:1px solid #d5dbc8;border-radius:7px;background:#f9f8f0;font-size:14px;line-height:1.8;margin:18px 0}
.tool-details summary,.related-tools summary{list-style:none;color:#245b45;font-weight:700;min-height:25px}
.tool-details summary::-webkit-details-marker,.related-tools summary::-webkit-details-marker{display:none}
.tool-details summary::marker,.related-tools summary::marker{content:''}
.tool-details[open]>summary,.related-tools[open]>summary{margin-bottom:12px}
.tool-details p{max-width:78ch}
.related-tools{padding:10px 15px;background:transparent;border-style:dashed;margin-top:16px}
.related-tools .actions{margin-top:12px}
.tool-steps{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:20px 0;color:#446050;font-size:14px}
.tool-steps li{padding:7px 12px;border:1px solid #d4dcc7;border-radius:6px;background:#edf1e4}
.table-wrap{border-radius:7px}
.table-wrap th{background:#edf1e5;color:#2b5140;font-weight:700}
.table-wrap td,.table-wrap th{padding:12px 10px}
@media(max-width:720px){.page-masthead{padding:21px 20px}.page-masthead h1{font-size:26px;line-height:1.45}.page-masthead .intro{font-size:15px}.panel{padding:20px 17px}.notice{padding:13px 15px}.section{margin-top:30px}.section-head h2{font-size:22px}.tool-details,.related-tools{padding:12px 14px}.table-wrap td,.table-wrap th{padding:10px 8px}}
.planner-step-panel>.section-head{flex-wrap:wrap}.planner-step-panel>.section-head .btn{white-space:nowrap;flex-shrink:0}