:root{--ink:#14213d;--brand:#0b7a75;--brand-dark:#075f5a;--muted:#667085}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#1f2933;font:18px/1.8 Georgia,serif}
a{color:var(--brand)}
a:hover,a:focus{color:var(--brand-dark)}
header{padding:0 7vw;background:#fff;color:#1f2933;box-shadow:0 5px 24px rgba(15,23,42,.05)}
.topbar{max-width:1120px;margin:auto;padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;font-family:system-ui,sans-serif}
.site-name{color:var(--ink);text-decoration:none;font-size:.95rem;font-weight:800;letter-spacing:.03em}
.topbar nav{display:flex;gap:1.3rem}
.topbar nav a{color:#4b5563;text-decoration:none;font-size:.88rem}
.topbar nav a:hover,.topbar nav a:focus{color:var(--ink)}
.topbar nav a[aria-current="page"]{color:var(--ink);font-weight:700}

.page-intro{max-width:780px;margin:0 auto;padding:2.6rem 0 0}
.page-intro h1{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink);max-width:760px;margin:.2em 0 .6em}
.byline{font:600 .78rem system-ui,sans-serif;letter-spacing:.03em;color:#8892a0;margin:0 0 1.1em}
.lede{font-size:1.05rem;color:#3f4b5c;margin:0}

.breadcrumbs{max-width:780px;margin:1.6rem auto 0;font:600 .78rem system-ui,sans-serif;letter-spacing:.03em;color:#8892a0}
.breadcrumbs a{color:#4b5563;text-decoration:none}
.breadcrumbs a:hover{color:var(--ink)}

main{max-width:780px;margin:0 auto;padding:2.2rem 0 4.5rem}
h2{font-size:1.7rem;line-height:1.2;color:var(--ink);margin-top:2.4em}
p{margin:1.1em 0}

.related{background:#f4f6f8;padding:1.8rem;border-radius:6px;margin-top:2.5rem}
.related a{color:var(--brand-dark);font-weight:700}

.faq-list dt{font:700 1.08rem/1.4 Georgia,serif;color:var(--ink);margin-top:1.8em}
.faq-list dt:first-child{margin-top:0}
.faq-list dd{margin:.5em 0 0;color:#3f4b5c}

.instructions{background:#f4f6f8;border-left:4px solid var(--ink);padding:1.2rem 1.5rem;border-radius:4px;margin:1.6rem 0;font-family:system-ui,sans-serif;font-size:.95rem;color:#3f4b5c}
.btn-print{font:700 .92rem system-ui,sans-serif;background:var(--ink);color:#fff;border:none;border-radius:4px;padding:.75rem 1.4rem;cursor:pointer;margin:0 0 1.8rem}
.btn-print:hover{background:#1f2f52}

.invoice{border:1px solid #d8dde4;border-radius:6px;padding:clamp(1.2rem,4vw,2.4rem);font-family:system-ui,sans-serif;color:#1f2933;background:#fff}
.invoice-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.6rem;border-bottom:2px solid var(--ink);padding-bottom:1.2rem;margin-bottom:1.2rem}
.invoice-label{font:700 .72rem system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8892a0;margin:0 0 .3em}
.invoice-meta h2{margin:0 0 .4em;color:var(--ink);font-size:1.5rem}
.invoice-meta table{border-collapse:collapse}
.invoice-meta th{text-align:left;color:#667085;font-weight:600;font-size:.85rem;padding:.15em .8em .15em 0}
.invoice-meta td{font-size:.9rem;padding:.15em 0}
.invoice-to{margin-bottom:1.6rem}
.invoice-lines{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.92rem}
.invoice-lines th,.invoice-lines td{padding:.6em .5em;text-align:left;border-bottom:1px solid #e5e9ef}
.invoice-lines thead th{color:#667085;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--ink)}
.invoice-lines td:nth-child(2),.invoice-lines th:nth-child(2),.invoice-lines td:nth-child(3),.invoice-lines th:nth-child(3),.invoice-lines td:nth-child(4),.invoice-lines th:nth-child(4){text-align:right}
.invoice-lines tfoot th{text-align:right;border-bottom:none;font-weight:600}
.invoice-lines tfoot td{text-align:right;border-bottom:none}
.invoice-lines tfoot tr.invoice-total th,.invoice-lines tfoot tr.invoice-total td{font-size:1.1rem;font-weight:800;color:var(--ink);border-top:2px solid var(--ink);padding-top:.7em}
.invoice-pay{background:#f4f6f8;border-radius:4px;padding:1.1rem 1.3rem;margin-top:1.6rem;font-size:.92rem}
.invoice-note{font-style:italic;color:#667085;margin-top:1.2rem;font-size:.92rem}

footer{background:var(--ink);color:#cbd5e1;font:14px system-ui,sans-serif;padding:2.5rem 7vw;text-align:center}
footer a{color:#fff}
footer p{margin:.5em 0;line-height:1.6}
footer nav{margin-top:.6em}
footer nav a{margin-right:.3em}

@media(max-width:640px){
.topbar{align-items:flex-start;gap:1rem;flex-direction:column}
.topbar nav{gap:.9rem;flex-wrap:wrap}
.page-intro,.breadcrumbs,main{padding-left:1.5rem;padding-right:1.5rem}
main{padding-top:2rem;padding-bottom:3rem}
}
@media print{header,footer,.breadcrumbs,.instructions,.btn-print,.related,.page-intro{display:none!important}body{background:#fff}main{padding:0;margin:0;max-width:none}.invoice{border:none;padding:0}}