*{box-sizing:border-box}
:root{color-scheme:light;--paper:#f5f4ef;--ink:#17252c;--soft:#526168;--line:#c4cec5;--orange:#b63d1c;--dark:#173239;--display:#dbe7cd}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}
[hidden]{display:none!important}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--orange)}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait}
.wrap{max-width:1160px;margin:auto;padding:0 36px}
.skip{position:absolute;top:-100px;left:12px;z-index:5}
.skip:focus{top:12px;background:var(--paper);padding:12px}
header{border-bottom:1px solid var(--line)}
.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{text-decoration:none;font-size:32px;font-weight:900;letter-spacing:-1.8px;line-height:1.05}
.logo span{color:var(--orange)}
.logo small{display:block;font-size:11px;font-weight:400;letter-spacing:.25px;margin-top:10px}
.main-nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;font-weight:700}
.main-nav a{text-decoration:none;padding:9px 0}
.main-nav a[aria-current]{border-bottom:2px solid var(--orange)}
.breadcrumb{font-size:12px;color:var(--soft);padding-top:24px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}
.breadcrumb li+li:before{content:'/';margin-right:10px;color:#75857a}
.intro{padding:34px 0 26px;max-width:850px}
.eyebrow{margin:0 0 12px;color:var(--orange);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700}
h1{font-size:clamp(36px,5vw,60px);line-height:1.08;letter-spacing:-2.7px;margin:0 0 22px}
h1 span{color:var(--orange)}
.lead{font-size:19px;line-height:1.6;color:var(--soft);max-width:66ch;margin:0 0 18px}
.byline{font-size:12px;color:var(--soft);margin:0}
.jump-nav{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 0;font-size:12px}
.jump-nav a{padding:7px 12px;border:1px solid var(--line);border-radius:4px;text-decoration:none}
.jump-nav a:hover{border-color:var(--orange)}
.quick-note{border-left:3px solid var(--orange);padding:13px 18px;background:#e7eadf;font-size:14px;margin:0 0 32px}
.quick-note p{margin:0}
h2{font-size:clamp(27px,3vw,36px);letter-spacing:-1px;line-height:1.2;margin:0 0 16px}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}
.section-head p{font-size:14px;color:var(--soft);margin:0}
.section-head h2{margin-bottom:8px}
.count-mark{flex:none;width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:700 23px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--orange)}
.search-tools{background:#e7eadf;border:1px solid var(--line);border-radius:7px;padding:18px 22px;margin-bottom:24px}
.search-row{display:flex;align-items:flex-end;gap:12px}
.search-field{flex:1}
.search-field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
input[type=search],input[type=tel]{width:100%;min-width:0;padding:11px 12px;border:1px solid #7d918a;border-radius:4px;background:#fff;color:var(--ink)}
.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px}
.filter-row button,.reset{padding:8px 13px;min-height:40px;border:1px solid #7d918a;border-radius:4px;background:var(--paper);color:var(--dark);font-size:12px;font-weight:700}
.filter-row button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:var(--paper)}
.result-count{font-size:12px;color:var(--soft);margin:0 0 0 auto}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.code-card{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fafaf6;display:flex;flex-direction:column}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px 0}
.card-num{font:12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--soft)}
.badge{font-size:10px;font-weight:700;letter-spacing:.25px;background:#e0e9df;color:#294c42;border:1px solid #b6c6b6;border-radius:4px;padding:4px 8px}
.badge.change{background:#f4e4d5;color:#823313;border-color:#d8b89b}
.badge.erase{background:#f6e3de;color:#8d3021;border-color:#d8aca1}
.card-body{padding:12px 22px 0;flex:1}
.code-card h3{font-size:21px;letter-spacing:-.4px;line-height:1.25;margin:0 0 16px}
.code-display{position:relative;margin:0 0 16px;border:1px solid #41605c;border-radius:5px;background:var(--dark);padding:16px 18px;color:var(--display)}
.display-label{display:block;color:#bed0c4;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:7px}
.code-display code{display:block;font:700 clamp(24px,3.1vw,36px)/1.3 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;letter-spacing:.2px;white-space:nowrap;overflow-x:auto;padding-bottom:2px}
.code-card[data-kind=change] .code-display code{font-size:clamp(23px,3vw,34px)}
.code-card p{color:var(--soft);font-size:14px;line-height:1.55;margin:0 0 12px}
.code-card .effect{color:var(--ink);font-size:12px}
.card-actions{padding:6px 22px 20px}
.action{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:700;padding:10px 14px;border:1px solid var(--dark);background:var(--dark);color:var(--paper);border-radius:4px}
.action:hover{background:#284a50}
.card-source{font-size:11px;color:var(--soft);padding:12px 22px;background:#efefe8;border-top:1px solid var(--line)}
.builder{padding-top:16px;margin-top:14px;border-top:1px solid var(--line)}
.builder label,.copy-fallback label{display:block;font-size:12px;font-weight:700;margin:0 0 7px}
.builder .input-help{font-size:11px;margin:7px 0 10px}
.builder .action{margin-top:4px}
.builder-error{font-size:12px;color:#a0321b;margin-top:8px}
.builder-result{padding-top:14px}
.builder-result output{display:block;font:700 21px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;background:#e7eadf;padding:12px;border-radius:4px;margin-bottom:9px}
.copy-fallback{margin-top:14px}
.copy-fallback textarea{display:block;width:100%;min-height:72px;resize:vertical;border:1px solid #7d918a;border-radius:4px;padding:10px;background:#fff;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.empty{border:1px solid var(--line);padding:24px;border-radius:6px}
.article-section{border-top:1px solid var(--line);margin-top:48px;padding-top:38px;scroll-margin-top:20px}
.prose{max-width:78ch}
.prose p,.prose li{color:var(--soft);font-size:15px}
.prose h3{font-size:19px;letter-spacing:-.3px;margin:26px 0 10px}
.prose li{margin:8px 0}
.prose strong{color:var(--ink)}
code{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}
.prose code{color:var(--ink);background:#e7eadf;padding:2px 5px;border-radius:3px}
.inline-source{font-size:12px;color:var(--soft)}
.inline-source a{margin-right:12px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;max-width:100%;margin:22px 0}
table{border-collapse:collapse;width:100%;min-width:700px;text-align:left;font-size:13px}
caption{text-align:left;padding:14px 17px;background:#e7eadf;font-weight:700;color:var(--ink)}
th,td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:#edeee6;font-size:11px}
tbody th{font-weight:700}
tbody tr:last-child>*{border-bottom:0}
td code{white-space:nowrap}
.mailbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.provider{border:1px solid var(--line);padding:20px 22px;border-radius:6px}
.provider h3{font-size:19px;margin:0 0 12px}
.provider p{font-size:14px;color:var(--soft);margin:10px 0}
.provider .inline-source{font-size:12px}
.provider code{font-weight:700;overflow-wrap:anywhere}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-size:16px;font-weight:700;padding-right:12px}
.faq details p{font-size:14px;color:var(--soft);max-width:76ch}
.history{background:#e7eadf;padding:22px;border-radius:6px;font-size:14px;margin-top:26px}
.history p{color:var(--soft)}
.sources-list{padding-left:22px;font-size:13px}
.sources-list li{padding:7px 0;color:var(--soft);scroll-margin-top:25px}
.sources-list li:target{background:#e7eadf}
.sources-list a{overflow-wrap:anywhere}
.sources-list .verify{font-size:11px;margin-left:10px}
.sources-note{font-size:12px;color:var(--soft);max-width:84ch}
.return{display:inline-block;margin-top:30px;font-size:13px;font-weight:700}
footer{border-top:1px solid var(--line);padding:26px 0 35px;margin-top:50px}
.footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--soft)}
.footer nav{display:flex;flex-wrap:wrap;gap:12px 22px}
@media(max-width:720px){.wrap{padding:0 22px}.header{min-height:112px;flex-wrap:wrap;padding-top:23px;padding-bottom:18px;gap:16px}.logo{font-size:28px}.main-nav{gap:8px 18px;font-size:12px}.main-nav a{padding:5px 0}.intro{padding-top:26px}h1{letter-spacing:-1.6px}.lead{font-size:17px}.cards,.mailbox-grid{grid-template-columns:1fr}.search-tools{padding:15px}.result-count{margin:4px 0 0;width:100%}.card-top{padding-top:17px}.card-body{padding-top:12px}.code-display code{font-size:30px}.article-section{margin-top:36px;padding-top:28px}.section-head{gap:14px}.count-mark{width:48px;height:48px;font-size:20px}.footer{flex-direction:column}.breadcrumb{padding-top:18px}}
@media(max-width:380px){.wrap{padding:0 18px}.card-top,.card-body{padding-left:17px;padding-right:17px}.card-actions,.card-source{padding-left:17px;padding-right:17px}.code-display{padding:14px}.code-display code{font-size:26px}.search-row{flex-wrap:wrap}.reset{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}