.ret{--ink:#142b3d;--muted:#607586;--line:#dce6ec;--soft:#f5f8fa;--accent:#1d556b}
.ret-tool{margin:24px 0 36px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(20,43,61,.06)}
.ret-tool-head{padding:25px 28px;background:#142b3d;color:#fff}.ret-tool-head h2{margin:0 0 5px;color:#fff;font-size:clamp(1.45rem,3vw,2rem)}.ret-tool-head p{margin:0;color:#c7d6df}
.ret-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:470px}.ret-form{padding:28px;border-right:1px solid var(--line)}
.ret-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ret-field{margin-bottom:16px}.ret-field label{display:block;margin-bottom:7px;font-weight:750;color:var(--ink)}.ret-field input,.ret-field select{width:100%;box-sizing:border-box;border:1px solid #cfdce4;border-radius:11px;padding:13px 12px;background:#fff;color:#162b3a;font:inherit}.ret-field small{display:block;margin-top:5px;color:var(--muted);line-height:1.45}
.ret-btns{display:flex;gap:10px;margin-top:7px}.ret-btn{border:0;border-radius:11px;padding:13px 19px;font-weight:800;cursor:pointer}.ret-btn-primary{background:#1d556b;color:#fff}.ret-btn-ghost{background:#edf3f6;color:#244454}
.ret-result{padding:28px;background:var(--soft)}.ret-result-label{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ret-result h3{margin:7px 0 16px;color:var(--ink);font-size:1.35rem}
.ret-answer{border-radius:16px;background:#fff;border:1px solid var(--line);padding:20px}.ret-answer-main{font-size:clamp(1.7rem,4vw,2.8rem);font-weight:900;letter-spacing:-.03em;color:var(--ink)}.ret-answer-sub{margin-top:6px;color:var(--muted);line-height:1.55}.ret-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.ret-metric{padding:12px;border-radius:11px;background:#edf3f6}.ret-metric b,.ret-metric span{display:block}.ret-metric b{color:var(--ink);font-size:1.05rem}.ret-metric span{margin-top:3px;color:var(--muted);font-size:.79rem}
.ret-alert{margin-top:14px;padding:13px 14px;border-left:4px solid var(--accent);background:#eaf2f5;border-radius:0 10px 10px 0;color:#294858;line-height:1.55}.ret-alert.is-warn{border-left-color:#8b5e1a;background:#faf4e8;color:#624816}
.ret-source{margin-top:15px;font-size:.82rem;color:var(--muted)}.ret-source a{font-weight:750}
.ret-content{max-width:930px;margin:0 auto}.ret-content h2{margin:38px 0 11px;color:var(--ink)}.ret-content p{line-height:1.8}
.ret-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.ret-rule{border:1px solid var(--line);border-radius:14px;padding:17px;background:#fff}.ret-rule b{display:block;color:var(--ink);font-size:1.05rem}.ret-rule span{display:block;margin-top:5px;color:var(--muted);line-height:1.55;font-size:.9rem}
.ret-period{margin:22px 0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.ret-period div{display:grid;grid-template-columns:175px 1fr;padding:14px 16px;border-bottom:1px solid var(--line)}.ret-period div:last-child{border:0}.ret-period b{color:var(--ink)}.ret-period span{color:var(--muted);line-height:1.55}
.ret-note{margin:24px 0;padding:17px 19px;background:#fff7e9;border-left:4px solid #9b6a1f;border-radius:0 12px 12px 0;line-height:1.65}
.ret-official{margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.ret-official b{color:var(--ink)}
@media(max-width:780px){.ret-grid{grid-template-columns:1fr}.ret-form{border-right:0;border-bottom:1px solid var(--line);padding:20px 15px}.ret-result{padding:20px 15px}.ret-row{grid-template-columns:1fr}.ret-rules{grid-template-columns:1fr}.ret-period div{grid-template-columns:1fr;gap:5px}.ret-metrics{grid-template-columns:1fr}}