.soop-page{color:#26364d}.soop-heading{margin-bottom:28px}.soop-heading h1{margin:5px 0 14px;color:#101828;font-size:2.35rem;letter-spacing:0}.soop-heading>p:last-child{max-width:780px;margin:0;color:#5f6f86;line-height:1.8}.soop-eyebrow,.soop-step{margin:0;color:#087f73;font-size:.85rem;font-weight:800}.soop-tool{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:16px}.soop-form,.soop-result,.soop-comparison,.soop-guide{border:1px solid #d9e2ec;border-radius:8px;background:#fff}.soop-form{padding:26px;background:#f7fafc}.soop-form h2,.soop-comparison h2,.soop-guide h2{margin:4px 0 0;color:#172033;font-size:1.4rem;letter-spacing:0}.soop-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.soop-fields label{margin:0;color:#293a50;font-weight:800}.soop-fields label>span:first-child{display:block;margin-bottom:7px}.soop-fields select{width:100%;height:52px;margin:0;border:1px solid #cad6e2;border-radius:8px;background:#fff}.soop-fields small{display:block;margin-top:6px;color:#77869a;font-size:.73rem;line-height:1.45}.soop-wide{grid-column:1/-1}.soop-unit-input{display:flex;align-items:center;overflow:hidden;border:1px solid #cad6e2;border-radius:8px;background:#fff}.soop-unit-input:focus-within{border-color:#0f8b7d;box-shadow:0 0 0 3px rgba(15,139,125,.12)}.soop-unit-input input{width:100%;height:50px;margin:0;border:0!important;background:transparent;box-shadow:none!important}.soop-unit-input b{padding:0 14px;color:#68798f}.soop-actions{display:flex;gap:10px;margin-top:20px}.soop-actions button{min-height:48px;margin:0;border-radius:8px;background:#087f73;color:#fff;font-weight:800}.soop-actions .secondary{border:1px solid #cad6e2;background:#fff;color:#334155}.soop-status{margin:12px 0 0;color:#65768b;font-size:.82rem}.soop-result{padding:24px;background:#f2faf8}.soop-result>p{margin:0;color:#087f73;font-size:.82rem;font-weight:800}.soop-result>strong{display:block;margin:8px 0 5px;color:#123b38;font-size:2rem;line-height:1.2}.soop-result>span{color:#65768b;font-size:.8rem}.soop-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.soop-result-grid div{padding:12px;border:1px solid #cfe3dd;border-radius:8px;background:#fff}.soop-result-grid span{display:block;color:#7b899b;font-size:.68rem}.soop-result-grid strong{display:block;margin-top:4px;color:#33475d;font-size:.82rem}.exchange-check{margin-top:12px;padding:11px;border-radius:7px;background:#fff0ef;color:#9b3d37;font-size:.78rem;font-weight:800;text-align:center}.exchange-check[data-ok=true]{background:#dff2ec;color:#08705c}.soop-comparison,.soop-guide{margin-top:20px;padding:24px}.soop-grade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.soop-grade-grid article{margin:0;padding:16px;border:1px solid #dce5ed;border-radius:8px;background:#f8fafc}.soop-grade-grid span,.soop-grade-grid strong,.soop-grade-grid p{display:block}.soop-grade-grid span{color:#718096;font-size:.73rem}.soop-grade-grid strong{margin:6px 0;color:#26394f}.soop-grade-grid p{margin:0;color:#087f73;font-size:.78rem;font-weight:800}.soop-viewer-cost{margin-top:12px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.soop-viewer-cost span{display:block;color:#718096;font-size:.74rem}.soop-viewer-cost strong{display:block;margin:5px 0;color:#33465c;font-size:1.15rem}.soop-viewer-cost p{margin:0;color:#718096;font-size:.78rem;line-height:1.55}.soop-guide header>p:last-child{margin:9px 0 0;color:#64748b;line-height:1.75}.soop-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.soop-guide-grid section{padding-top:18px;border-top:2px solid #dce9e6}.soop-guide-grid h3{margin:0 0 8px;color:#1b2a3e;font-size:1.05rem;letter-spacing:0}.soop-guide-grid p{margin:0;color:#5d6d82;line-height:1.75}.soop-guide code{padding:2px 5px;border-radius:4px;background:#edf3f5;color:#17685f}.soop-note{margin:24px 0 0;padding:14px 16px;border-left:4px solid #087f73;background:#f2f8f6;color:#53677a;line-height:1.65}@media(max-width:980px){.soop-tool{grid-template-columns:1fr}}@media(max-width:736px){.soop-heading h1{font-size:1.9rem}.soop-form,.soop-result,.soop-comparison,.soop-guide{padding:20px}.soop-fields,.soop-result-grid,.soop-grade-grid,.soop-guide-grid{grid-template-columns:1fr}.soop-wide{grid-column:auto}.soop-actions{flex-direction:column}.soop-result>strong{font-size:1.7rem}}