:root{--ink:#172026;--muted:#5c6670;--line:#d9e0e7;--panel:#f6f8fa;--paper:#ffffff;--accent:#0f766e;--accent-2:#b42318;--focus:#f2b705}*{box-sizing:border-box}html{color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit}.site-header{border-bottom:1px solid var(--line);background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 auto;max-width:1160px;padding:14px 20px}.brand{font-weight:800;text-decoration:none}.nav-links{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:flex-end}.nav-links a{color:var(--muted);font-size:14px;text-decoration:none}.nav-links a:hover{color:var(--ink)}.container{margin:0 auto;max-width:1120px;padding:0 20px}.breadcrumbs{background:#fff;border-bottom:1px solid var(--line);padding:12px 0}.breadcrumbs ol{align-items:center;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumbs li{color:var(--muted);font-size:14px;line-height:1.4}.breadcrumbs li+li:before{color:#8a96a3;content:"/";margin-right:8px}.breadcrumbs a{color:var(--accent);font-weight:800;text-decoration:none}.breadcrumbs span{color:var(--muted)}.hero{background:linear-gradient(180deg,#eef8f7,#fff);border-bottom:1px solid var(--line);padding:54px 0 34px}.hero-grid{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center}.eyebrow{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{line-height:1.15}h1{font-size:clamp(34px,6vw,62px);margin:10px 0 14px}h2{font-size:clamp(24px,3vw,34px);margin:0 0 16px}h3{font-size:19px;margin:0 0 8px}li,p{color:var(--muted);font-size:17px;line-height:1.65}.lead{font-size:20px;max-width:720px}.section{padding:42px 0}.grid{display:grid;grid-gap:18px;gap:18px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ad-placeholder,.affiliate-block,.card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:20px}.card{display:block;text-decoration:none}.card strong{display:block;font-size:19px;margin-bottom:6px}.card span{color:var(--muted);line-height:1.5}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button,.print-button{align-items:center;background:var(--accent);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font:800 16px/1 Arial,Helvetica,sans-serif;min-height:46px;padding:13px 18px;text-decoration:none}.button.secondary{background:#1f2933}.content-layout{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1fr) 300px}.tool-panel{background:var(--panel);border-bottom:1px solid var(--line);padding:28px 0}.print-sheet{background:white;border:1px solid #c9d3dc;box-shadow:0 10px 30px rgba(17,24,39,.08);color:#000;margin:18px auto 0;max-width:8.5in;min-height:10in;padding:.45in}.print-sheet,.print-sheet *{print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-sheet h2{color:#000;font-size:24px;margin-bottom:12px;text-align:center}.pattern-grid{display:grid;grid-gap:12px;gap:12px}.bars{display:grid;grid-template-columns:repeat(6,1fr);min-height:62px}.swatches{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,1fr)}.gray-step,.swatch{border:1px solid #111;min-height:58px}.gradient{border:1px solid #111;height:52px}.sample-row{align-items:end;border:1px solid #111;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,1fr);padding:12px}.color-pattern-svg{display:block;height:auto;width:100%}.thin-lines{background:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 8px);border:1px solid #111;height:88px}.alignment-box{aspect-ratio:1/1.25;border:2px solid #000;position:relative}.alignment-box:after,.alignment-box:before{background:#000;content:"";position:absolute}.alignment-box:before{height:1px;left:5%;right:5%;top:50%}.alignment-box:after{bottom:5%;left:50%;top:5%;width:1px}.diag-a,.diag-b{background:#000;height:1px;left:8%;position:absolute;right:8%;top:50%;transform-origin:center}.diag-a{transform:rotate(38deg)}.diag-b{transform:rotate(-38deg)}.rulers{display:grid;grid-gap:10px;gap:10px}.ruler{background:repeating-linear-gradient(90deg,#000 0 1px,transparent 1px 20px);border-bottom:2px solid #000;height:34px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:800}.ad-placeholder{color:#65717d;font-size:14px;min-height:120px;text-align:center}.affiliate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.affiliate-links a{border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:14px;font-weight:800;padding:8px 10px;text-decoration:none}.affiliate-links a:hover{border-color:var(--accent)}.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:26px 0}.site-footer p{font-size:14px}.footer-address{margin-top:8px}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px}.footer-links a{color:var(--ink);font-weight:800}@media (max-width:820px){.affiliate-grid,.cards,.content-layout,.hero-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.print-sheet{min-height:auto;padding:20px}}@media print{@page{margin:.35in;size:auto}body{background:#fff}.no-print,.site-footer,.site-header{display:none!important}.container,.print-sheet,.section,.tool-panel{margin:0;padding:0;max-width:none}.print-sheet{border:0;box-shadow:none;min-height:0;page-break-after:avoid}}