:root{font-family:Georgia,'Times New Roman',serif;color:#262a36;background:#f5f1e8;font-size:18px;line-height:1.65;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#343b88;text-underline-offset:.18em}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #c7c0b3}.brand{font-weight:bold;font-size:1.45rem;text-decoration:none;color:#262a36}.brand span{background:#343b88;color:#fff;display:inline-block;border-radius:4px;padding:2px 12px;margin-right:10px;font-family:system-ui}nav,.links{display:flex;gap:18px;flex-wrap:wrap}nav{font:600 .9rem/1.5 system-ui}h1{font-size:clamp(2.1rem,6vw,3.8rem);line-height:1.08;max-width:850px;font-weight:normal}h2{font-size:1.6rem;line-height:1.25}p,li{max-width:74ch}.eyebrow{text-transform:uppercase;font:700 .76rem/1.4 system-ui;letter-spacing:.14em;color:#56588c}.intro{font-size:1.15rem}.layout{display:grid;grid-template-columns:minmax(0,1.05fr)minmax(0,1fr);gap:28px;align-items:start}.card{background:#fffdfa;border:1px solid #cbc3b2;box-shadow:0 6px 0 #e8e1d5;border-radius:6px;padding:24px;min-width:0}.card label{font:700 1rem/1.5 system-ui;display:block}input{font:1.1rem/1.5 ui-monospace,monospace;padding:14px;width:100%;max-width:100%;border:1px solid #74717a;border-radius:4px;margin:8px 0}button{font:650 .9rem/1.4 system-ui;min-height:46px;border:1px solid #343b88;border-radius:4px;background:#343b88;color:#fff;padding:11px 15px;cursor:pointer}button.secondary{background:#fff;color:#343b88}button:disabled{border-color:#aaa6b2;color:#5c5965;background:#e9e6ed;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.hint{font:.86rem/1.6 system-ui;color:#55515c}.error{color:#8d1826;font:650 .93rem/1.5 system-ui}.error:empty{display:none}.status{font:.9rem/1.5 system-ui;color:#41447b;min-height:1.5em}.result:empty:before{content:'Your checksum arithmetic will appear here.';color:#5a5660}.result>p:first-child{font:700 .7rem/1.4 system-ui;letter-spacing:.14em;color:#56588c}.result>h2{margin-top:8px}.result>p:nth-child(3){font:1.05rem/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font:.95rem/1.6 system-ui;padding:18px 0;border-top:1px solid #ddd5c5;border-bottom:1px solid #ddd5c5}.stats dd{margin:0;font-weight:750}table{border-collapse:collapse;width:100%;font:.85rem/1.5 system-ui}caption{text-align:left;margin-bottom:8px;font-weight:650}td,th{text-align:left;border-bottom:1px solid #ded7ca;padding:7px 9px}thead{background:#efebf5}.table-scroll{max-width:100%;overflow:auto}section{margin:38px 0}code{font:.9em ui-monospace,monospace;overflow-wrap:anywhere}.guide{max-width:850px}footer{border-top:1px solid #c7c0b3;font:.83rem/1.6 system-ui;color:#55515c;margin-top:40px}.skip{position:absolute;left:10px;top:-90px;background:#fff;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #b04e00;outline-offset:4px}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:1fr}header,main,footer{padding:19px}.card{padding:19px}h1{margin-top:20px}nav{gap:15px}.actions button{flex:1 1 130px}}@media print{header nav,.actions,footer,.skip{display:none}.layout{display:block}.card{box-shadow:none;border:0}.table-scroll{overflow:visible}}
