/* 비율 계산기 패키지 전용 스타일. */
.ratio-hero{align-items:center}.ratio-calculator-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:22px}.ratio-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface-soft)}.ratio-tabs button{flex:1 0 125px;min-height:56px;padding:10px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.ratio-tabs button:last-child{border-right:0}.ratio-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:inset 0 -3px 0 var(--primary)}.ratio-calc-body{padding:26px}.ratio-mode-intro{margin-bottom:22px}.ratio-mode-intro h2{margin:0 0 7px;font-size:22px}.ratio-mode-intro p{margin:0;color:var(--muted)}.ratio-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ratio-field{display:grid;gap:9px}.ratio-field[hidden]{display:none!important}.ratio-field>span{font-weight:800}.ratio-input-wrap{display:flex;align-items:center;height:56px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.ratio-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ratio-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}.ratio-input-wrap em{flex:0 0 auto;padding:0 15px 0 8px;color:var(--muted);font-style:normal;font-weight:800;white-space:nowrap}.ratio-help-box{margin-top:16px;padding:15px;border-radius:13px;background:var(--surface-soft);color:var(--muted);line-height:1.7}.ratio-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}.ratio-result-panel{margin-top:20px;padding:20px;border-radius:16px;background:var(--primary-soft)}.ratio-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ratio-result-head h2{margin:0;font-size:17px}.ratio-result-head button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.ratio-result-value{display:block;margin-top:17px;color:var(--primary);font-size:34px;line-height:1.2;word-break:break-all}.ratio-result-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 0}.ratio-result-detail div{padding:13px;border-radius:12px;background:var(--surface)}.ratio-result-detail dt{color:var(--muted);font-size:13px}.ratio-result-detail dd{margin:5px 0 0;font-weight:900}.ratio-result-panel>p{margin:12px 0 0;color:var(--muted)}.ratio-content-section{margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.ratio-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.ratio-example-grid article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.ratio-example-grid h3{margin:0 0 8px}.ratio-example-grid p{margin:0;line-height:1.7}.ratio-notice{padding:16px;border-radius:13px;background:var(--surface-soft);color:var(--muted);line-height:1.7}@media(max-width:720px){.ratio-calc-body{padding:20px}.ratio-input-grid{grid-template-columns:1fr}.ratio-result-detail{grid-template-columns:1fr}.ratio-example-grid{grid-template-columns:1fr}.ratio-content-section{padding:22px}.ratio-result-value{font-size:29px}}