.bases-page{padding-bottom:32px}.bases-hero{grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:80px;padding:64px 0 56px;display:grid}.bases-kicker{color:var(--accent);font-size:9px}.bases-hero h1{margin:18px 0 20px;font-size:clamp(48px,5.7vw,76px)}.bases-hero>div>p{max-width:560px;color:var(--muted);margin-bottom:22px;font-size:13px}.bases-jump-links{flex-wrap:wrap;gap:4px 20px;display:flex}.bases-jump-links a{border-bottom:1px solid var(--line);align-items:center;min-height:44px;font-size:11px;display:inline-flex}.bases-jump-links a:hover{color:var(--accent);border-color:var(--accent)}.bases-same-number{background:var(--green);color:var(--paper);border-radius:3px;padding:27px 28px 22px}.bases-same-number>.eyebrow{letter-spacing:1.5px;color:#ccd7ca;font-size:8px}.bases-same-number dl{margin:13px 0 14px}.bases-same-number dl>div{border-bottom:1px solid #607469;justify-content:space-between;align-items:center;gap:18px;padding:11px 0;display:flex}.bases-same-number dt{font-size:12px}.bases-same-number dt small{letter-spacing:1px;color:#ccd7ca;margin-top:5px;font-size:7px;display:block}.bases-same-number dd{font-size:25px;font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;margin:0}.bases-hero .bases-same-number>p{color:#ccd7ca;margin:0;font-size:10px}.bases-section{border-top:1px solid var(--line);padding:44px 0 48px;scroll-margin-top:24px}.bases-section-intro{max-width:710px;margin-bottom:28px}.bases-section h2,.bases-next h2{letter-spacing:-.8px;margin:13px 0 15px;font-size:clamp(30px,3.3vw,43px);line-height:1.15}.bases-section p{color:var(--muted);margin-bottom:14px;font-size:13px}.bases-section p strong{color:var(--ink);font-weight:500}.bases-section h3{margin:0 0 13px;font-size:15px;font-weight:500;line-height:1.45}.bases-section a:not(.base-convert-button){text-underline-offset:4px;text-decoration:underline #a5aea1}.bases-section a:hover{color:var(--accent)}.bases-foundations{grid-template-columns:1fr 1fr;gap:30px 48px;display:grid}.bases-foundations>.bases-section-intro{margin:0}.base-place-example{background:var(--white);border:1px solid var(--line);border-radius:3px;align-self:start;min-width:0;padding:24px}.base-table-scroll{border-radius:2px;max-width:100%;overflow-x:auto}.base-table-scroll table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums;width:100%;font-size:12px}.base-table-scroll caption{text-align:left;color:var(--muted);padding-bottom:14px;font-size:10px;line-height:1.5}.base-table-scroll th,.base-table-scroll td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 9px;font-weight:400}.base-place-table th{color:var(--muted);font-size:10px}.base-place-table td{text-align:center;padding-inline:8px}.base-place-table .base-digit-on{background:var(--green-light);color:var(--green);font-weight:500}.bases-section .base-place-sum{color:var(--green);font-family:var(--serif);margin:18px 0 14px;font-size:28px}.bases-source{color:var(--green);font-size:10px;line-height:1.7;display:inline-block}.bases-notation-note{background:var(--green-light);border-left:2px solid var(--green);grid-column:1/-1;padding:26px 30px}.bases-notation-note p{max-width:910px}.bases-note-links{flex-wrap:wrap;gap:15px 28px;font-size:10px;line-height:1.7;display:flex}.base-converter-form{background:var(--green-light);border-radius:3px;grid-template-columns:minmax(150px,1.2fr) minmax(160px,1fr) minmax(160px,1fr) auto;gap:12px 16px;padding:24px;display:grid}.base-field{min-width:0}.base-field label{margin:0 0 9px;font-size:11px;font-weight:500;display:block}.base-field input,.base-field select{background-color:var(--white);border:1px solid #a6b09f;border-radius:3px;width:100%;height:46px;padding:10px 13px;font-size:12px}.base-field select{padding-right:32px}.base-field input{font-size:16px}.base-field input[aria-invalid=true]{border-color:var(--accent)}.base-convert-button{min-height:46px;color:var(--white);background:var(--green);border-radius:3px;align-self:end;padding:11px 19px;font-size:11px}.base-convert-button:hover{background:#345344}.base-convert-button span{margin-left:9px}.bases-section .base-input-help,.bases-section .base-input-error{grid-column:1/-1;margin:0;font-size:10px;line-height:1.65}.bases-section .base-input-error{color:#913a27}.base-presets{flex-wrap:wrap;align-items:center;gap:5px 10px;margin:14px 0;display:flex}.base-presets>span{color:var(--muted);margin-right:8px;font-size:10px}.base-presets button{border:1px solid var(--line);min-height:44px;color:var(--green);background:var(--white);border-radius:3px;padding:9px 13px;font-size:10px}.base-presets button:hover{border-color:var(--green)}.bases-section .base-delimiter-note,.bases-nojs{max-width:900px;margin:16px 0 25px;font-size:11px}.base-result-summary{border:1px solid var(--line);background:var(--white);border-radius:3px 3px 0 0;padding:26px 30px 24px}.base-result-summary>.eyebrow{color:var(--muted);font-size:8px}.bases-section .base-result-equation{color:var(--green);font-family:var(--serif);flex-wrap:wrap;align-items:baseline;gap:12px;margin:14px 0 13px;font-size:clamp(30px,3.4vw,46px);line-height:1.3;display:flex}.base-numeral{overflow-wrap:anywhere}.base-numeral sub{font-family:var(--sans);margin-left:3px;font-size:.35em}.base-result-summary>p:last-child{margin:0;font-size:11px}.base-worked-grid{border:1px solid var(--line);border-top:0;border-radius:0 0 3px 3px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.base-worked-step{min-width:0;padding:26px 30px}.base-worked-step+.base-worked-step{border-left:1px solid var(--line)}.base-step-number{background:var(--green-light);width:28px;height:28px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;font-size:10px;display:inline-flex}.base-worked-step>p{font-size:11px}.base-work-table{min-width:320px}.base-work-table thead th{background:var(--green-light);color:var(--green);font-size:10px}.base-work-table tbody th,.base-work-table tbody td{font-size:11px}.base-work-table small{color:var(--muted);font-size:9px}.base-work-table strong{font-weight:500}.base-work-table .base-remainder{color:var(--green);background:var(--green-light);font-weight:500}.bases-section .base-step-answer{color:var(--green);overflow-wrap:anywhere;margin:19px 0 0;font-size:15px;line-height:1.7}.bases-section .base-read-up{color:var(--green);margin:14px 0 0;font-size:10px}.bases-culture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.bases-culture-grid article{padding-top:6px}.bases-culture-number{font-family:var(--serif);color:var(--green);margin-bottom:22px;font-size:55px;line-height:1;display:block}.bases-culture-grid p{font-size:12px}.bases-computer-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:start;gap:72px;display:grid}.bases-computer-copy h3:not(:first-child){margin-top:30px}.bases-hex-reference{background:var(--white);border:1px solid var(--line);border-radius:3px;min-width:0;padding:25px}.base-hex-table thead th{color:var(--muted);font-size:10px}.base-hex-table tbody th{color:var(--green);background:var(--green-light);font-weight:500}.base-hex-table tbody td:last-child{letter-spacing:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.base-hex-table th,.base-hex-table td{padding-block:8px}.base-byte-example{background:var(--green);color:var(--paper);border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:45px;margin-top:36px;padding:27px 32px;display:grid}.base-byte-example .eyebrow{color:#ccd7ca;font-size:8px}.base-byte-example h3{font-family:var(--serif);margin-top:14px;font-size:clamp(22px,2.5vw,30px);font-weight:400}.bases-section .base-byte-example p{color:#ccd7ca;max-width:720px;margin:0;font-size:11px}.base-byte-groups{gap:18px;display:flex}.base-byte-groups>div{flex-direction:column;align-items:center;gap:10px;display:flex}.base-byte-groups span:first-child{letter-spacing:3px;font-size:20px}.base-byte-groups span:nth-child(2){color:#ccd7ca;font-size:14px}.base-byte-groups strong{font-family:var(--serif);font-size:38px;font-weight:400}.bases-next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;padding:36px 0 0;display:flex}.bases-next h2{margin-bottom:8px;font-size:30px}.bases-next p{color:var(--muted);margin:0;font-size:12px}.bases-next>a{border:1px solid var(--green);min-height:46px;color:var(--green);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;gap:20px;padding:13px 18px;font-size:11px;display:inline-flex}.bases-next>a:hover{background:var(--green-light)}@media (width<=1050px){.bases-hero{grid-template-columns:minmax(0,1fr) 310px;gap:40px}.bases-foundations{gap:28px}.base-converter-form{grid-template-columns:1fr 1fr}.base-number-field{grid-column:1/-1}.base-convert-button{grid-column:1/-1;justify-self:start}.base-worked-step{padding:24px}.bases-computer-grid{gap:36px}.bases-culture-grid{gap:24px}}@media (width<=800px){.bases-hero{grid-template-columns:1fr;gap:28px;padding:40px 0}.bases-same-number{max-width:460px}.bases-hero h1{font-size:58px}.bases-foundations,.base-worked-grid,.bases-computer-grid,.bases-culture-grid{grid-template-columns:minmax(0,1fr)}.bases-foundations{gap:25px}.base-worked-step+.base-worked-step{border-left:0;border-top:1px solid var(--line)}.bases-culture-grid{gap:26px}.bases-culture-grid article+article{border-top:1px solid var(--line);padding-top:26px}.bases-culture-number{margin-bottom:14px;font-size:43px}.base-byte-example{grid-template-columns:minmax(0,1fr);gap:24px}.base-byte-groups{justify-content:flex-start;gap:32px}.bases-next{flex-direction:column;align-items:flex-start}}@media (width<=480px){.bases-hero h1{font-size:50px}.bases-section{padding:32px 0}.bases-section h2{font-size:33px}.base-place-example,.bases-notation-note,.base-converter-form,.base-result-summary,.base-worked-step,.bases-hex-reference,.base-byte-example{padding:22px 18px}.base-converter-form{grid-template-columns:minmax(0,1fr)}.base-convert-button{justify-self:stretch}.base-presets>span{flex-basis:100%}.base-place-table th{min-width:105px}}