/* Volta Change Orders · public pages under /change-orders/ (GEO pages, 2026-09-22). Same tokens as the app: the :root block
   comes from /app/change-orders/co.css (Ink & Safety Orange). This file only lays out reading pages: one column, the answer
   in the first viewport, plain headings, a sources list. No prices appear on these pages. */
@import url(/app/change-orders/co.css);
main{max-width:760px;padding:8px 16px 56px}
.top{max-width:760px}
.hero{padding:22px 0 10px}
.kicker{color:var(--text2);font-size:15px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:8px}
h1{font-size:34px;line-height:1.15;margin-bottom:14px}
@media(max-width:480px){h1{font-size:28px}}
.answer{font-size:19px;line-height:1.5;color:var(--heading)}
.answer p+p{margin-top:12px}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.ctas .btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:220px;margin:0;padding:14px 20px}
.ctas .btn.quiet{border-color:var(--heading)}
.note{font-size:14px;color:var(--text2);margin-top:8px}
section.block{margin-top:26px}
section.block h2{font-size:24px;margin:0 0 8px}
section.block h3{font-size:18px;color:var(--heading);margin:16px 0 6px}
section.block p{margin:10px 0}
section.block ul,section.block ol{margin:8px 0 8px 22px}
section.block li{margin:6px 0}
section.block a{color:var(--heading)}
.box{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:18px 18px;margin:14px 0}
.box.warn{background:var(--warn-bg);border-color:var(--warn-line)}
.money{color:var(--money);font-weight:600}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 8px;border-top:1px solid var(--border)}
th{color:var(--heading);font-weight:600;border-top:0}
tr:first-child td{border-top:0}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:0 8px}
details{border-top:1px solid var(--border)}
details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:600;color:var(--heading);min-height:56px;display:flex;align-items:center;list-style:none;padding:10px 0;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";margin-left:auto;color:var(--text2);font-weight:400;font-size:24px;line-height:1;transition:transform .15s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 14px;margin:0}
.sources{font-size:14px;color:var(--text2)}
.sources ol{margin-left:20px}
.sources li{margin:5px 0;word-break:break-word}
.sources a{color:var(--text2)}
.related{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.related a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--heading);text-decoration:none;font-size:15px;font-weight:600}
.related a:hover{border-color:var(--heading)}
.foot{max-width:760px}
.updated{font-size:13px;color:var(--text2);margin-top:22px}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:3px solid var(--heading);outline-offset:2px;border-radius:4px}
.dl{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.dl .btn{width:auto;min-width:200px;margin:0;display:inline-flex;align-items:center;justify-content:center}
pre,code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}
pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px;overflow-x:auto}
.esnote{font-size:15px;color:var(--text2)}