/* 복리 계산기 패키지 전용 스타일. CSS는 선택자 단위로 한 줄 작성합니다. */
.compound-hero{align-items:center}.compound-calculator-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:22px}.compound-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:var(--surface-soft)}.compound-tabs button{min-height:56px;padding:10px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.compound-tabs button:last-child{border-right:0}.compound-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:inset 0 -3px 0 var(--primary)}.compound-calc-body{padding:26px}.compound-mode-intro{margin-bottom:22px}.compound-mode-intro h2{margin:0 0 7px;font-size:22px}.compound-mode-intro p{margin:0;color:var(--muted)}.compound-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compound-field{display:grid;gap:9px}.compound-field>span{font-weight:800}.compound-input-wrap{display:flex;align-items:center;height:56px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.compound-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.compound-input-wrap input{min-width:0;width:100%;height:100%;padding:0 15px;border:0;outline:0;background:transparent;color:var(--text);font-size:18px;font-weight:700}.compound-input-wrap em{flex:0 0 auto;padding:0 15px 0 8px;color:var(--muted);font-style:normal;font-weight:800;white-space:nowrap}.compound-field select{height:56px;padding:0 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);font-size:16px;font-weight:800}.compound-help-box{margin-top:16px;padding:15px;border-radius:13px;background:var(--surface-soft);color:var(--muted);line-height:1.7}.compound-calc-btn{width:100%;min-height:54px;margin-top:20px;border:0;border-radius:13px;background:var(--primary);color:#fff;font-size:17px;font-weight:900;cursor:pointer}.compound-result-panel{margin-top:20px;padding:20px;border-radius:16px;background:var(--primary-soft)}.compound-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.compound-result-head h2{margin:0;font-size:17px}.compound-result-head button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.compound-result-value{display:block;margin-top:17px;color:var(--primary);font-size:34px;line-height:1.2;word-break:break-all}.compound-result-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 0}.compound-result-detail div{padding:13px;border-radius:12px;background:var(--surface)}.compound-result-detail dt{color:var(--muted);font-size:13px}.compound-result-detail dd{margin:5px 0 0;font-weight:900}.compound-result-panel>p{margin:12px 0 0;color:var(--muted)}.compound-growth-section{margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.compound-table-wrap{overflow-x:auto;margin-top:18px}.compound-growth-table{width:100%;min-width:650px;border-collapse:collapse}.compound-growth-table th,.compound-growth-table td{padding:12px;border-bottom:1px solid var(--line);text-align:right}.compound-growth-table th:first-child,.compound-growth-table td:first-child{text-align:center}.compound-growth-table thead th{background:var(--surface-soft);font-size:14px}.compound-content-section{margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.compound-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.compound-example-grid article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.compound-example-grid h3{margin:0 0 8px;font-size:17px}.compound-example-grid p{margin:0 0 8px;line-height:1.7}.compound-example-grid small{color:var(--muted)}.compound-notice{margin-top:18px;padding:16px;border-radius:13px;background:var(--surface-soft);color:var(--muted);line-height:1.7}@media(max-width:720px){.compound-tabs{display:flex;overflow-x:auto}.compound-tabs button{flex:0 0 auto;min-width:120px}.compound-calc-body{padding:20px}.compound-input-grid{grid-template-columns:1fr}.compound-result-detail{grid-template-columns:1fr}.compound-example-grid{grid-template-columns:1fr}.compound-growth-section,.compound-content-section{padding:22px}.compound-result-value{font-size:29px}}