.proportion-pro{--n:#081b34;--i:#0a203b;--b:#2862d8;--c:#20b8c9;--g:#19a878;--m:#586d84;--l:#cfdeed;background:#f5f9fc;color:var(--i)}.proportion-pro main{overflow:hidden}.proportion-pro .container{width:min(1180px,calc(100% - 40px))}.proportion-pro h1,.proportion-pro h2,.proportion-pro h3,.proportion-pro strong{letter-spacing:-.025em}.proportion-pro .eyebrow{color:#315fb6;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.proportion-hero{padding:48px 0;border-bottom:1px solid var(--l);background:radial-gradient(circle at 82% 15%,#d6f3ec,transparent 32%),linear-gradient(135deg,#fbfdff,#edf5fb)}.proportion-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.breadcrumb{margin-bottom:24px;color:var(--m)}.breadcrumb span{margin:0 8px}.proportion-hero h1{font-size:clamp(2.8rem,5.3vw,4.9rem);line-height:.98;margin:7px 0 18px}.lead{color:var(--m);font-size:1.12rem;line-height:1.7;margin-bottom:26px}.ratio-board{padding:28px;color:#fff;border-radius:30px;background:linear-gradient(145deg,#081b34,#164c78 66%,#087873);box-shadow:0 28px 65px #102e4f38}.ratio-board>span{color:#82e5c4;font-weight:850}.ratio-board>div{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;margin:20px 0}.ratio-board b,.ratio-board strong{padding:15px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff0d;text-align:center}.ratio-board i{height:3px;background:linear-gradient(90deg,#2bc795,#43bbcf)}.ratio-board small{color:#bdd0df}.proportion-work{display:grid;grid-template-columns:1.03fr .97fr;gap:24px;align-items:start;padding:42px 0}.proportion-form,.proportion-result,.decision-card,.seo-card,.seo-dark{padding:30px;border:1px solid var(--l);border-radius:28px;background:#fff;box-shadow:0 17px 48px #102d4e16}.proportion-form h2,.proportion-result h2{font-size:2rem;margin:5px 0 18px}.mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-choice button{padding:15px;border:1px solid var(--l);border-radius:15px;background:#f8fbfe;text-align:left;cursor:pointer}.mode-choice strong,.mode-choice span,.mode-choice b{display:block}.mode-choice span{margin:5px 0;color:var(--m);font-size:.76rem}.mode-choice b{color:#315fb6}.mode-choice .is-active{color:#fff;border-color:var(--n);background:var(--n)}.mode-choice .is-active span{color:#b9cddd}.mode-choice .is-active b{color:#74e0bd}.relation-help{margin-top:12px;padding:13px;border-left:4px solid var(--c);border-radius:12px;background:#eef9fb;color:var(--m)}.second-step{margin-top:24px}.unit-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 5px;color:#315fb6;font-weight:850}.relation-row{display:grid;grid-template-columns:105px 1fr 60px 1fr;gap:8px;align-items:center;margin-top:10px}.relation-row em{color:var(--m);font-size:.72rem;font-style:normal}.relation-row>i{text-align:center;color:var(--m);font-size:.7rem;font-style:normal}.relation-row label{display:flex;overflow:hidden;border:1px solid #b9cde2;border-radius:13px;background:#fff}.relation-row input{width:100%;min-width:0;padding:13px;border:0;font:inherit;font-size:16px;font-weight:800}.relation-row label span{display:grid;min-width:48px;place-items:center;background:#f4f8fc}.relation-row .unknown strong{display:grid;width:100%;place-items:center;padding:13px;color:#315fb6;font-size:1.3rem}.relation-row.target{padding:10px;border-radius:15px;background:#f2f8ff}.unit-settings{margin-top:17px;border:1px solid var(--l);border-radius:14px}.unit-settings summary{display:flex;justify-content:space-between;padding:14px;font-weight:800;cursor:pointer}.unit-settings summary span{color:#315fb6;font-size:.7rem}.unit-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 15px}.unit-settings label span{display:block;margin-bottom:5px;font-size:.72rem;font-weight:750}.unit-settings input,.rounding select{width:100%;min-height:44px;padding:8px;border:1px solid #b9cde2;border-radius:10px;font:inherit}.rounding{display:block;margin-top:15px;font-weight:800}.rounding>span{display:block;margin-bottom:7px}.proportion-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.proportion-presets button{padding:8px 11px;border:1px solid var(--l);border-radius:99px;background:#f8fbfe;font-weight:800;cursor:pointer}.proportion-presets .is-active{color:#194fb2;border-color:#8caeed;background:#edf5ff}.proportion-error{margin-top:15px;padding:13px;color:#84251f;border:1px solid #efb2aa;border-radius:12px;background:#fff1ef}.actions{display:flex;gap:10px;margin-top:20px}.actions button{border:0}.privacy{color:#72849a;font-size:.75rem}.proportion-result{color:#fff;border-color:#173b60;background:linear-gradient(155deg,#081b34,#103963 63%,#0a6f78)}.proportion-result .eyebrow{color:#80e8c3}.result-head{display:flex;justify-content:space-between;gap:10px}.result-head>span{height:max-content;padding:8px 10px;color:#0b5d48;border-radius:99px;background:#d9f8eb;font-size:.72rem;font-weight:850}.proportion-answer{padding:21px;border-radius:18px;background:#ffffff12}.proportion-answer>span{color:#b9cbda}.proportion-answer>strong{display:block;margin:5px 0}.proportion-answer>strong b{font-size:3.1rem}.proportion-answer>strong small{font-size:1.2rem}.proportion-answer p{color:#d3e0e9}.equation-card,.check-card,.alternative-card{margin-top:10px;padding:15px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff0d}.equation-card span,.equation-card code,.equation-card small{display:block}.equation-card span,.equation-card small,.alternative-card span{color:#b7cbdc;font-size:.72rem}.equation-card code{margin:5px 0;color:#fff}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.result-metrics div{padding:14px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff0d}.result-metrics span{display:block;min-height:30px;color:#aec1d3;font-size:.72rem}.check-card p,.alternative-card p{color:#cbd9e4}.alternative-card strong{display:block;font-size:1.4rem;margin-top:6px}.result-decision{margin-top:13px;padding:18px;color:#183653;border-left:4px solid var(--g);border-radius:14px;background:#f1fbf7}.result-decision p{color:#50667c}.decision-card,.seo-card,.seo-dark{margin:34px auto;padding:42px}.decision-card h2,.seo-card h2,.seo-dark h2{font-size:clamp(2rem,4vw,3rem);margin:6px 0 14px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.decision-grid article{padding:23px;border:1px solid var(--l);border-radius:17px}.decision-grid span{color:#315fb6;font-weight:850}.decision-grid li{margin:8px 0;color:var(--m)}.decision-grid code{display:block;padding:12px;border-radius:10px;background:#f1f6fb;color:#17487b}.decision-question{margin-top:14px;padding:18px;border-left:5px solid var(--c);border-radius:14px;background:#eef9fb}.decision-question p{margin-bottom:0;color:var(--m)}.seo-card>p:not(.eyebrow),.seo-dark>p:not(.eyebrow){color:var(--m);line-height:1.78}.formula-grid,.unit-grid,.case-grid,.mistake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:23px 0}.formula-grid code,.unit-grid article,.case-grid article,.mistake-grid article{padding:20px;border:1px solid var(--l);border-radius:15px;background:#f8fafc}.case-grid{grid-template-columns:1fr 1fr}.unit-grid p,.case-grid p,.mistake-grid p{color:var(--m);line-height:1.65}.seo-dark{color:#fff;border-color:#173b60;background:linear-gradient(145deg,#081b34,#11466e)}.seo-dark .eyebrow{color:#80e8c3}.seo-dark>p:not(.eyebrow){color:#c7d7e4}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.process-grid article{padding:19px;border:1px solid #ffffff20;border-radius:15px;background:#ffffff0d}.process-grid b{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--g),var(--c))}.process-grid p{color:#c7d7e4}.formula-wide{padding:18px;border-radius:14px;background:#ffffff0d;text-align:center}.formula-wide code{color:#fff;font-size:1.15rem}.mistake-grid article{border-top:4px solid #6d93c4}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.faq-list details{padding:16px;border:1px solid var(--l);border-radius:14px}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{color:var(--m)}.proportion-pro .related-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:720px){.proportion-pro .container{width:calc(100% - 24px)}.proportion-pro .main-nav,.proportion-pro .header-cta,.ratio-board{display:none}.proportion-hero{padding:18px 0 19px}.proportion-hero-grid{display:block}.proportion-hero h1{font-size:2.28rem}.lead{font-size:.94rem;line-height:1.55;margin-bottom:16px}.proportion-work{width:100%;grid-template-columns:1fr;gap:14px;padding:0 0 20px}.proportion-form,.proportion-result{padding:21px 16px;border-left:0;border-right:0;border-radius:0}.mode-choice{grid-template-columns:1fr}.relation-row{grid-template-columns:75px 1fr}.relation-row>i{display:none}.relation-row label:last-child{grid-column:2}.unit-head{grid-template-columns:75px 1fr;gap:8px}.unit-head span:first-child{grid-column:2}.unit-head span:last-child{display:none}.unit-settings>div,.actions{grid-template-columns:1fr}.actions{display:grid}.proportion-answer>strong b{font-size:2.5rem}.decision-card,.seo-card,.seo-dark{width:calc(100% - 24px);margin:14px auto;padding:25px 18px;border-radius:20px}.decision-grid,.formula-grid,.unit-grid,.case-grid,.mistake-grid,.process-grid,.faq-list{grid-template-columns:1fr}.proportion-pro .related-grid{grid-template-columns:1fr}.proportion-form input,.proportion-form select{font-size:16px}}
@media(max-width:420px){.result-metrics{grid-template-columns:1fr}.mode-choice span{font-size:.7rem}}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.workflow-grid article{padding:19px;border:1px solid var(--l);border-radius:15px;background:#f8fafc}.workflow-grid b{display:grid;width:34px;height:34px;place-items:center;color:#fff;border-radius:9px;background:linear-gradient(145deg,var(--b),var(--c))}.workflow-grid h3{margin:8px 0}.workflow-grid p{color:var(--m)}.conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.conversion-grid article{padding:19px;border:1px solid #ffffff20;border-radius:15px;background:#ffffff0d}.conversion-grid p{color:#c7d7e4}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.checklist article{padding:19px;border:1px solid var(--l);border-radius:15px}.checklist p{color:var(--m)}@media(max-width:720px){.workflow-grid,.conversion-grid,.checklist{grid-template-columns:1fr}}