.c33-csf{--navy:var(--c33-navy,#0b2239);--blue:var(--c33-blue,#2f6fed);--blue2:var(--c33-blue-dark,#1d4ed8);--gold:var(--c33-gold,#e8c979);--ink:var(--c33-ink,#172b3a);--muted:var(--c33-muted,#637276);--line:var(--c33-line,#dbe2df);--bg:#f7f9fc;max-width:930px;margin:0 auto 28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(11,34,57,.09);overflow:hidden;color:var(--ink);font:inherit}.c33-csf *{box-sizing:border-box}.c33-csf__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px 30px;background:linear-gradient(135deg,var(--navy),#173d64 68%,#24538a);color:#fff}.c33-csf__kicker{margin:0 0 7px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.75rem;color:var(--gold)}.c33-csf__heading h2{margin:0 0 10px;color:#fff;font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.15}.c33-csf__heading p:not(.c33-csf__kicker){margin:0;max-width:720px;color:#e6edf5;line-height:1.6}.c33-csf__badge{min-width:108px;padding:12px 15px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.1);text-align:center}.c33-csf__badge span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#d7e2ed}.c33-csf__badge strong{display:block;margin-top:3px;font-size:1rem;color:#fff}.c33-csf__body{padding:24px;background:linear-gradient(#fff,#fbfcfe)}.c33-csf__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:#f1f5f9}.c33-csf__tabs button,.c33-csf__choice-row button,.c33-csf__unit-toggle button{appearance:none;border:0;font:inherit;cursor:pointer}.c33-csf__tabs button{padding:12px;border-radius:11px;background:transparent;color:var(--muted);font-weight:800}.c33-csf__tabs button[aria-selected=true]{background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(11,34,57,.08)}.c33-csf__panel{padding:20px;margin-bottom:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.c33-csf__panel-head{margin-bottom:16px}.c33-csf__panel-head--split{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.c33-csf__panel-head h3,.c33-csf__method h3{margin:0 0 5px;color:var(--navy);font-size:1.08rem}.c33-csf__panel-head p{margin:0;color:var(--muted);line-height:1.55}.c33-csf__unit-toggle{display:flex;flex:0 0 auto;padding:3px;border:1px solid var(--line);border-radius:11px;background:#f5f7fa}.c33-csf__unit-toggle button{padding:7px 10px;border-radius:8px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:800}.c33-csf__unit-toggle button[aria-pressed=true]{background:var(--navy);color:#fff}.c33-csf__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.c33-csf__grid--compact{grid-template-columns:minmax(220px,420px)}.c33-csf label>span,.c33-csf__preview>span{display:block;margin-bottom:6px;font-weight:800;color:var(--ink);font-size:.9rem}.c33-csf input,.c33-csf select{width:100%;min-height:46px;border:1px solid #cfd9df;border-radius:11px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit;outline:none}.c33-csf input:focus,.c33-csf select:focus,.c33-csf button:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,237,.15);outline:none}.c33-csf small{display:block;margin-top:6px;color:var(--muted);font-size:.79rem;line-height:1.45}.c33-csf__input-unit{display:flex;align-items:stretch}.c33-csf__input-unit input{border-radius:11px 0 0 11px}.c33-csf__input-unit b{display:flex;align-items:center;justify-content:center;min-width:52px;padding:0 9px;border:1px solid #cfd9df;border-left:0;border-radius:0 11px 11px 0;background:#f4f7f9;color:#536571;font-size:.78rem}.c33-csf__preview{padding:12px 14px;border:1px dashed #c7d5e1;border-radius:12px;background:#f8fbff}.c33-csf__preview strong{display:block;color:var(--navy);font-size:1.05rem}.c33-csf__choice-row{display:flex;gap:8px;margin-bottom:15px}.c33-csf__choice-row button{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-weight:800}.c33-csf__choice-row button.is-active{border-color:var(--blue);background:#eef4ff;color:var(--blue2)}.c33-csf__check{display:flex!important;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fafcfd}.c33-csf__check input{width:auto;min-height:auto;margin-top:3px}.c33-csf__check span{margin:0!important}.c33-csf__check strong{display:block;color:var(--navy)}.c33-csf__actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}.c33-csf__actions button,.c33-csf__copy{min-height:45px;padding:10px 16px;border-radius:11px;font:inherit;font-weight:850;cursor:pointer}.c33-csf__primary{border:1px solid var(--blue2);background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.c33-csf__secondary,.c33-csf__copy{border:1px solid var(--line);background:#fff;color:var(--navy)}.c33-csf__error{margin-top:14px;padding:12px 14px;border-radius:11px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239;font-weight:700}.c33-csf__results{margin-top:22px}.c33-csf__answer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#173d64,var(--blue2));color:#fff;box-shadow:0 12px 26px rgba(29,78,216,.18)}.c33-csf__answer span{display:block;color:#dbeafe;font-weight:750;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.c33-csf__answer strong{display:block;margin-top:4px;color:#fff;font-size:clamp(1.55rem,4vw,2.45rem);line-height:1.05}.c33-csf__answer small{color:#dbeafe}.c33-csf__copy{flex:0 0 auto}.c33-csf__status{margin-top:12px;padding:11px 13px;border-radius:11px;background:#eef8f2;color:#17663a;font-weight:750}.c33-csf__status.is-warn{background:#fff7e6;color:#8a5a00}.c33-csf__status.is-bad{background:#fff1f2;color:#a51d34}.c33-csf__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:12px}.c33-csf__metric{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}.c33-csf__metric span{display:block;color:var(--muted);font-size:.78rem}.c33-csf__metric strong{display:block;margin-top:4px;color:var(--navy);font-size:1.03rem}.c33-csf__method{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}.c33-csf__method ol{margin:8px 0 0 20px;padding:0}.c33-csf__method li{margin:6px 0;color:#425565;line-height:1.5}.c33-csf__warnings{margin:12px 0 0;padding:12px 14px 12px 32px;border:1px solid #f5d89b;border-radius:12px;background:#fffaf0;color:#765213}.c33-csf__note{margin:12px 0 0;padding:11px 13px;border-left:3px solid var(--gold);background:#fffdf7;color:#5e6870;line-height:1.55}.c33-csf [hidden]{display:none!important}@media(max-width:700px){.c33-csf__heading{grid-template-columns:1fr;padding:23px 20px}.c33-csf__badge{text-align:left;min-width:0}.c33-csf__body{padding:16px}.c33-csf__panel{padding:16px}.c33-csf__panel-head--split{display:block}.c33-csf__unit-toggle{margin-top:12px;width:max-content}.c33-csf__grid,.c33-csf__grid--compact,.c33-csf__metrics{grid-template-columns:1fr}.c33-csf__answer{align-items:flex-start;flex-direction:column}.c33-csf__copy{width:100%}.c33-csf__actions button{flex:1 1 150px}}@media(max-width:430px){.c33-csf__tabs{grid-template-columns:1fr}.c33-csf__choice-row{display:grid;grid-template-columns:1fr 1fr}.c33-csf__unit-toggle{width:100%}.c33-csf__unit-toggle button{flex:1}.c33-csf__body{padding:12px}.c33-csf__heading{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.c33-csf *, .c33-csf *::before,.c33-csf *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.c33-csf{box-shadow:none;border:1px solid #aaa}.c33-csf__tabs,.c33-csf__actions,.c33-csf__copy{display:none!important}.c33-csf__heading{background:#fff!important;color:#000!important;border-bottom:1px solid #aaa}.c33-csf__heading h2,.c33-csf__heading p,.c33-csf__kicker{color:#000!important}.c33-csf__answer{background:#fff!important;color:#000!important;border:1px solid #999;box-shadow:none}.c33-csf__answer strong,.c33-csf__answer span,.c33-csf__answer small{color:#000!important}}