
:root{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:#383c35;background:#e9e7e2;font-size:18px;line-height:1.75}*{box-sizing:border-box}body{margin:0}header{padding:30px 5vw;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #d6d5cc}header a{text-decoration:none;letter-spacing:.18em;font-size:.85rem;color:inherit}header span{font-size:.75rem;color:#62675d}.layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:260px 1fr}aside{padding:40px 24px}nav{display:grid;gap:8px}button{font:inherit;border:0;border-radius:30px;padding:12px 22px;background:#454a40;color:#fff;cursor:pointer}nav button{text-align:left;background:transparent;color:#565c50;font-size:.82rem;padding:10px 15px}nav button[aria-current]{background:#d9ddd2;color:#292e25}main{background:#faf8f3;padding:65px clamp(25px,6vw,85px);min-width:0;min-height:80vh}h1,h2{font-weight:350;line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2.3rem,4.3vw,3.5rem);margin:14px 0 30px}h2{font-size:1.7rem;margin-top:42px}.eyebrow{text-transform:uppercase;font-size:.68rem;letter-spacing:.18em;color:#64695c}.lead{font-size:1.18rem}.small{font-size:.8rem;color:#62675d}label{display:block;margin:34px 0 12px;font-weight:500}textarea,select,input[type=number]{font:inherit;width:100%;padding:16px;color:inherit;background:#fffdfa;border:1px solid #d5d4cb;border-radius:8px}textarea{min-height:135px;resize:vertical}textarea::placeholder{color:#777a72;font-size:.85rem}a{color:#495d42;text-underline-offset:4px}button:hover{filter:brightness(1.08)}:focus-visible{outline:3px solid #7a886b;outline-offset:4px}.note,.pending{padding:22px;background:#eeeee5;border-radius:8px;margin:28px 0;font-size:.9rem}.secondary{background:transparent;color:#454a40;border:1px solid #8d9585}.text{background:transparent;color:#596151;font-size:.78rem}.actions{display:flex;justify-content:space-between;gap:14px;margin-top:48px;padding-top:28px;border-top:1px solid #d8d8cf}footer{padding:28px 5vw;color:#64695c;font-size:.78rem}li{margin-bottom:18px}.flow{padding-left:24px}.gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 20px}.gallery figure{flex:0 0 72%;margin:0;scroll-snap-align:start}.gallery img{width:100%;max-height:570px;object-fit:contain;background:#e9e7e2;border-radius:6px}.gallery figcaption{font-size:.7rem;color:#676d60}#status{font-size:.75rem}@media(max-width:760px){header{padding:22px;flex-direction:column;gap:8px}.layout{display:block}aside{padding:20px}nav{grid-template-columns:1fr 1fr;gap:3px}main{padding:35px 24px}.gallery figure{flex-basis:88%}.actions{flex-wrap:wrap}h1{font-size:2.5rem}}
.response-method{border:0;border-bottom:1px solid #d8d8cf;margin:32px 0;padding:0 0 20px}.response-method legend{font-weight:500}.response-method label{display:inline-flex;align-items:center;gap:8px;margin:12px 20px 0 0;font-weight:400;cursor:pointer}.response-method input{width:18px;height:18px;accent-color:#454a40}.response-method .small{margin-bottom:0}

.video-demo,.setup-photo{margin:32px 0}.video-demo video,.setup-photo img{display:block;width:100%;max-height:550px;object-fit:contain;border-radius:8px;background:#e9e7e2}.video-demo figcaption,.setup-photo figcaption{font-size:.85rem;margin-top:12px;color:#62675d}
details{border:1px solid #d5d4cb;border-radius:8px;padding:20px;margin:24px 0}summary{cursor:pointer;font-weight:500}details[open] summary{margin-bottom:24px}.answer-copy{white-space:pre-wrap;overflow-wrap:anywhere}h3{font-weight:500;font-size:1rem}select{max-width:100%}
