.talim-footer-grid{grid-template-columns:1.3fr repeat(3,minmax(0,1fr))}.tools-hero{padding:72px 0;background-image:linear-gradient(90deg,rgba(28,39,52,.86) 0%,rgba(28,39,52,.74) 40%,rgba(28,39,52,.48) 68%,rgba(28,39,52,.24) 100%),url('/images/conceptstep/hero-modern-learning.webp');background-position:center 45%;background-size:cover;background-repeat:no-repeat;color:#fff}.tools-hero--compact{padding:52px 0}.tools-hero__inner{max-width:980px}.tools-hero h1{margin:8px 0 14px;font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;color:#fff}.tools-hero p{max-width:820px;margin:0;color:rgba(255,255,255,.86);font-size:1.08rem;line-height:1.7}.tools-eyebrow{display:inline-block;color:#0eb582;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tools-area{padding:54px 0 72px;background:#f7f8fb}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tool-card,.tool-panel,.tool-learning-link{background:#fff;border:1px solid #e3e5eb;border-radius:14px;box-shadow:0 14px 32px rgba(42,55,76,.06)}.tool-card{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:30px}.tool-card__icon{width:64px;height:64px;border-radius:12px;background:#ecfbf6;color:#0eb582;display:grid;place-items:center;font-size:1.1rem;font-weight:800}.tool-card h2,.tool-panel h2,.tool-learning-link h2{margin:5px 0 10px;color:#2a374c;font-size:1.45rem}.tool-card p,.tool-learning-link p{color:#667085;line-height:1.7}.tool-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.tool-card__tags span{border:1px solid #dfe5ea;border-radius:999px;padding:5px 9px;background:#fafbfc;color:#4b5563;font-size:.78rem;font-weight:700}.tool-card .witr_btn,.tool-learning-link .witr_btn{display:inline-flex;margin-top:4px}.programmer-calculator,.ieee-calculator{display:grid;gap:22px}.tool-panel{padding:28px}.tool-panel--primary{border-top:4px solid #0eb582}.tool-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.tool-panel__header h2{margin-bottom:0}.tool-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.tool-options label{display:grid;gap:5px;color:#667085;font-size:.78rem;font-weight:700}.tool-options select,.tool-field input,.tool-field select{min-height:46px;border:1px solid #d8dee9;border-radius:9px;background:#fff;color:#2a374c;padding:9px 12px;font:inherit;outline:none}.tool-options select:focus,.tool-field input:focus,.tool-field select:focus,.base-results input:focus,.base-results textarea:focus{border-color:#0eb582;box-shadow:0 0 0 3px rgba(14,181,130,.12)}.tool-input-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}.tool-field{display:grid;gap:7px;color:#4b5563;font-size:.86rem;font-weight:700}.tool-field--grow input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.08rem}.tool-message{min-height:1.35em;margin:10px 0 0;color:#667085;font-size:.88rem}.tool-message.is-error{color:#b42318}.base-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.base-results label{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;border:1px solid #e3e5eb;border-radius:10px;background:#f9fafb;overflow:hidden}.base-results span{padding:0 10px;color:#667085;font-size:.75rem;font-weight:800}.base-results input,.base-results textarea{width:100%;border:0;background:#fff;color:#182230;padding:11px 12px;font:600 .95rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:none;outline:none;box-sizing:border-box}.base-results__binary{grid-column:1/-1}.bit-editor{display:grid;grid-template-columns:repeat(16,minmax(26px,1fr));gap:5px}.bit-cell{display:grid;gap:3px;min-width:0}.bit-cell button{min-height:38px;border:1px solid #cfd6df;border-radius:7px;background:#fff;color:#6b7280;font:700 .85rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}.bit-cell button.is-on{background:#2a374c;color:#fff;border-color:#2a374c}.bit-cell small{text-align:center;color:#98a2b3;font-size:.62rem}.bit-cell:nth-child(4n){margin-right:7px}.bit-legend{display:flex;justify-content:space-between;margin-top:8px;color:#98a2b3;font-size:.72rem;font-weight:700}.tool-secondary-button,.operation-buttons button,.shift-buttons button,.ieee-special-buttons button{border:1px solid #d8dee9;border-radius:8px;background:#fff;color:#2a374c;padding:9px 12px;font:inherit;font-weight:700;cursor:pointer}.tool-secondary-button:hover,.operation-buttons button:hover,.shift-buttons button:hover,.ieee-special-buttons button:hover{border-color:#0eb582;background:#ecfdf7}.operation-layout{display:grid;grid-template-columns:minmax(200px,.8fr) 1.5fr minmax(180px,.7fr);gap:20px;align-items:start}.operation-operand p{margin:8px 0 0;color:#98a2b3;font-size:.78rem}.operation-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shift-box{display:grid;gap:10px}.shift-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-note{margin:20px 0 0;padding:14px 16px;border-left:4px solid #0eb582;background:#f1fbf7;color:#5d6675;line-height:1.6;font-size:.88rem}.tool-learning-link{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px}.tool-learning-link p{max-width:720px;margin-bottom:0}.tool-learning-link .witr_btn{flex:0 0 auto}.ieee-special-buttons{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.ieee-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ieee-input-grid__binary{grid-column:1/-1}.ieee-input-grid input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ieee-breakdown{display:grid;grid-template-columns:120px 260px minmax(0,1fr);gap:10px;margin-top:22px}.ieee-breakdown__part{display:grid;gap:6px;padding:16px;border:1px solid #dfe5ea;border-radius:10px;background:#fafbfc;min-width:0}.ieee-breakdown__part span{color:#667085;font-size:.75rem;font-weight:800;text-transform:uppercase}.ieee-breakdown__part strong{font:700 1rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.ieee-breakdown__part small{color:#98a2b3}.ieee-breakdown__part--sign{border-top:4px solid #ef4444}.ieee-breakdown__part--exponent{border-top:4px solid #3b82f6}.ieee-breakdown__part--fraction{border-top:4px solid #0eb582}.ieee-bit-editor{display:grid;grid-template-columns:repeat(32,minmax(22px,1fr));gap:4px;overflow-x:auto;padding-bottom:5px}.ieee-bit-editor button{min-width:24px;min-height:44px;border:1px solid #d8dee9;border-radius:6px;background:#fff;color:#475467;font:700 .82rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}.ieee-bit-editor button.is-on{color:#fff}.ieee-bit-editor button[data-part="sign"].is-on{background:#ef4444;border-color:#ef4444}.ieee-bit-editor button[data-part="exponent"].is-on{background:#3b82f6;border-color:#3b82f6}.ieee-bit-editor button[data-part="fraction"].is-on{background:#0eb582;border-color:#0eb582}.ieee-bit-labels{display:grid;grid-template-columns:1fr 8fr 23fr;gap:4px;margin-top:7px;color:#667085;font-size:.72rem;font-weight:700;text-align:center}.ieee-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ieee-facts article{display:grid;gap:8px;padding:16px;border:1px solid #e3e5eb;border-radius:10px;background:#fafbfc;min-width:0}.ieee-facts span{color:#667085;font-size:.78rem;font-weight:700}.ieee-facts strong{color:#2a374c;font:700 .98rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.ieee-formula{margin-top:16px;padding:18px;border-radius:10px;background:#253865;color:#fff;text-align:center;font-size:1.05rem;font-weight:700}.ieee-formula sup{font-size:.72em}.operation-buttons button:focus,.shift-buttons button:focus,.tool-secondary-button:focus,.ieee-special-buttons button:focus,.bit-cell button:focus,.ieee-bit-editor button:focus{outline:3px solid rgba(14,181,130,.2);outline-offset:1px}@media(max-width:980px){.talim-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid{grid-template-columns:1fr}.operation-layout{grid-template-columns:1fr}.ieee-breakdown{grid-template-columns:1fr 1fr}.ieee-breakdown__part--fraction{grid-column:1/-1}.ieee-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.bit-editor{grid-template-columns:repeat(8,minmax(28px,1fr))}}@media(max-width:680px){.talim-footer-grid{grid-template-columns:1fr}.tools-hero{padding:44px 0;background-position:64% center}.tools-area{padding:34px 0 50px}.tool-card{grid-template-columns:1fr;padding:22px}.tool-panel{padding:20px}.tool-panel__header,.tool-learning-link{display:block}.tool-options,.ieee-special-buttons{justify-content:flex-start;margin-top:14px}.tool-input-row,.ieee-input-grid,.base-results,.ieee-breakdown,.ieee-facts{grid-template-columns:1fr}.base-results__binary,.ieee-input-grid__binary,.ieee-breakdown__part--fraction{grid-column:auto}.tool-learning-link{padding:22px}.tool-learning-link .witr_btn{margin-top:18px}.bit-editor{grid-template-columns:repeat(4,minmax(34px,1fr))}.bit-cell:nth-child(4n){margin-right:0}.ieee-bit-editor{grid-template-columns:repeat(16,minmax(26px,1fr))}.ieee-bit-labels{display:none}}