:root{color:#202020;font-synthesis:none;background:teal;font-family:Segoe UI,Tahoma,Arial,sans-serif;line-height:1.65}*{box-sizing:border-box}body{margin:0;padding:40px 20px}a{color:navy;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline-offset:4px;outline:3px solid navy}.skip-link{z-index:1;background:#fff;padding:8px 16px;position:absolute;top:8px;left:24px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.page-window{background:silver;border:2px solid #202020;border-color:#fff #202020 #202020 #fff;max-width:980px;margin:0 auto;padding:3px;box-shadow:8px 8px #0000002e}.titlebar{color:#fff;background:navy;justify-content:space-between;align-items:center;gap:16px;padding:7px 12px;font-size:.875rem;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:focus-visible{outline-color:#fff}.brand img,.paint-icon{image-rendering:pixelated}.menu{flex-wrap:wrap;gap:4px 24px;padding:8px 16px;font-size:.875rem;display:flex}.menu a{color:#202020}.menu [aria-current=page]{font-weight:700}main{background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray}.hero{padding:54px 64px 42px}.paint-icon{float:right;margin:8px 0 24px 32px}.eyebrow{color:#4b4b4b;margin:0 0 18px;font-size:.875rem;font-weight:600}h1{letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.1}.intro{max-width:660px;margin-bottom:28px;font-size:1.125rem}.paint-button{color:#202020;background:silver;border:2px solid #202020;border-color:#fff #202020 #202020 #fff;outline:1px solid gray;padding:10px 24px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:inset -1px -1px gray}.paint-button:active{box-shadow:none;border-color:#202020 #fff #fff #202020}.paint-button:focus-visible{outline:3px solid navy}.hero-note{color:#555;margin:18px 0 0;font-size:.875rem}.contents{clear:both;background:#f3f3f3;border-block:1px solid #d5d5d5;flex-wrap:wrap;gap:8px 20px;padding:18px 64px;font-size:.875rem;display:flex}.contents span{font-weight:700}.article{padding:0 64px 48px}.article section{padding-top:40px;scroll-margin-top:24px}h2{letter-spacing:-.02em;margin:0 0 18px;font-size:1.5rem;line-height:1.3}p{margin:0 0 16px}.tool-list{margin:24px 0 0}.tool-list>div{border-top:1px solid #d5d5d5;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:18px 0;display:grid}dt{font-weight:700}dd{margin:0}.steps{padding-left:24px}.comparison-scroll{max-width:100%;margin-top:24px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:start;width:100%;min-width:540px}.comparison-table caption{text-align:start;padding-bottom:12px;font-weight:600}.comparison-table th,.comparison-table td{vertical-align:top;border:1px solid #d5d5d5;padding:16px}.comparison-table thead{background:#f3f3f3}.comparison-table tbody th{width:25%}.source-note{color:#555;margin-top:12px;font-size:.875rem}.steps li{margin-bottom:16px;padding-left:8px}details{border-top:1px solid #d5d5d5}details:last-child{border-bottom:1px solid #d5d5d5}summary{cursor:pointer;padding:18px 4px;font-weight:600}details p{padding:0 4px 8px}footer{flex-wrap:wrap;gap:8px 20px;padding:14px 16px 10px;font-size:.875rem;display:flex}footer span{margin-inline-end:auto}@media (width<=640px){body{padding:12px 8px}.hero{padding:32px 24px}.paint-icon{width:64px;height:64px;margin:0 0 16px 16px}.eyebrow{max-width:180px}h1{clear:both}.contents{padding:18px 24px}.contents span{flex-basis:100%}.article{padding:0 24px 32px}.tool-list>div{grid-template-columns:1fr;gap:6px}}