.subbase-form [hidden]{display:none!important}.subbase-hero .pill-row{margin-top:18px}.subbase-hero .pill{white-space:nowrap}.subbase-box>p{margin-top:6px}.subbase-form{margin-top:18px}.subbase-mode{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subbase-mode legend{font-weight:800;color:#173b2b;margin-bottom:10px}.subbase-mode label{display:flex;gap:10px;align-items:flex-start;border:1px solid #d4ddd6;border-radius:14px;padding:14px;background:#fff;cursor:pointer}.subbase-mode input{margin-top:3px}.subbase-mode span{display:flex;flex-direction:column;gap:4px}.subbase-mode strong{color:#173b2b}.subbase-mode small{color:#66736b;line-height:1.45}.optional{font-size:.72rem;font-weight:700;color:#68766d}.subbase-help{margin:18px 0 2px;padding:14px 16px;border-radius:14px;background:#eef5ef;border:1px solid #c9dacd;color:#294337}.subbase-help strong{color:#173b2b}.subbase-error{display:none;margin-top:14px;padding:13px 15px;border-radius:12px;background:#fff0ed;border:1px solid #efc0b8;color:#762d25;font-weight:750}.subbase-error.show{display:block}.subbase-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;padding:18px;border-radius:18px;background:#173b2b}.subbase-empty{grid-column:1/-1;color:#fff;display:flex;flex-direction:column;gap:5px;padding:7px}.subbase-empty span{color:#dce7df;font-size:.9rem}.subbase-result{min-height:94px;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between}.subbase-result span{color:#dce7df;font-size:.79rem;font-weight:700}.subbase-result strong{color:#fff;font-size:1.28rem;line-height:1.15;letter-spacing:-.02em}.subbase-result.primary{background:#f2b84b;border-color:#f2b84b}.subbase-result.primary span,.subbase-result.primary strong{color:#173b2b}.subbase-warning{grid-column:1/-1;padding:13px 15px;border-radius:13px;background:#fff5dc;border:1px solid #f2cf78;color:#624916}.subbase-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.subbase-method>div{border:1px solid #d4ddd6;border-radius:16px;padding:17px;background:#fff}.subbase-method strong{color:#173b2b}.subbase-method p{margin:6px 0 0}.subbase-formula{margin:22px 0;padding:19px;border-radius:16px;background:#173b2b;color:#fff}.subbase-formula strong{display:block;font-size:1.08rem}.subbase-formula p{margin:8px 0 0;color:#dce7df}.subbase-example,.subbase-sources{margin:22px 0;padding:18px;border:1px solid #d4ddd6;border-radius:16px;background:#f8faf8}.subbase-example p:last-child,.subbase-sources p:last-child{margin-bottom:0}.subbase-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px}.subbase-links a{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #d4ddd6;border-radius:15px;background:#fff;text-decoration:none}.subbase-links a:hover{border-color:#9fb6a7;transform:translateY(-1px)}.subbase-links span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#6a786f}.subbase-links strong{color:#173b2b}.subbase-links small{color:#66736b;line-height:1.45}@media(max-width:760px){.subbase-hero .hero-art{display:none}.subbase-hero{padding-bottom:24px}.subbase-hero .pill-row{gap:8px}.subbase-hero .pill{white-space:normal}.subbase-box{margin-top:4px}.subbase-mode,.subbase-results,.subbase-links{grid-template-columns:1fr}.subbase-results{padding:13px}.subbase-result{min-height:78px}.subbase-method{grid-template-columns:1fr}}