
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f0e7;color:#252d29;font:18px/1.65 system-ui,sans-serif}main{max-width:980px;margin:auto;padding:48px 28px}header{padding:12px 0 30px}.eyebrow{letter-spacing:.18em;font-size:12px;font-weight:700;color:#78613b}h1{font:500 clamp(36px,6vw,62px)/1.08 Georgia,serif;letter-spacing:-.035em;max-width:800px}h2{font:500 32px/1.2 Georgia,serif}h3{font-size:23px;line-height:1.3;margin:0 0 16px}a{color:#284e3b;text-underline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}nav a,.button,button{background:#263d30;color:white;border-radius:9px;padding:11px 18px;text-decoration:none;font-weight:600;font-size:16px;border:0;cursor:pointer;margin:4px 4px 4px 0}section{margin:28px 0;padding:28px;background:#fffdf8;border:1px solid #dfd8c9;border-radius:18px}.step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px}.number{border:1px solid #c8bfa9;background:#f1eadc;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-family:Georgia;font-size:23px}.step p:first-of-type{margin-top:0}.copy{background:#eef2ea;border-left:4px solid #54705a;padding:14px 18px;margin:22px 0;border-radius:0 10px 10px 0}.copy p{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#506751;margin:0 0 6px!important}blockquote{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px}.files{background:#f1eadc;border-radius:10px;padding:16px 16px 16px 38px;overflow-wrap:anywhere}.flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-weight:600;color:#445948}.flow span{background:#e9e3d7;padding:12px 16px;border-radius:10px}.hint{border-left:4px solid #a1854b;padding-left:18px}.path{padding-top:24px}details{padding:16px 0;border-bottom:1px solid #e0dacd}summary{font-weight:600;cursor:pointer}footer{font-size:14px;color:#706b5f;margin-top:34px}li{margin:12px 0}p{margin:16px 0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b79049;outline-offset:5px}@media(max-width:620px){main{padding:28px 18px}section{padding:21px 18px}.step{grid-template-columns:1fr;gap:12px}h2{font-size:29px}.flow{gap:8px}.flow span{font-size:15px;padding:9px}nav a{flex:1 1 40%;text-align:center}body{font-size:17px}}
