*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf8f2;color:#252824;font:17px/1.75 Georgia,serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{max-width:1100px;margin:auto;padding:0 32px}header{padding:30px 0;border-bottom:1px solid #deded3}.head{display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{font-size:24px;font-weight:bold;letter-spacing:-.5px}nav{display:flex;gap:26px;font:13px/1.5 system-ui,sans-serif}main{min-height:65vh}.hero{padding:76px 0 55px;max-width:820px}.eyebrow{font:11px/1.5 system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700}h1{font-weight:400;font-size:clamp(38px,5vw,68px);line-height:1.1;letter-spacing:-2px;margin:20px 0 25px}h2{font-size:28px;font-weight:400;line-height:1.3}h3{font-size:23px;font-weight:400}p{margin:0 0 22px}.intro{max-width:690px;color:#5c625a;font-size:20px}.rule{height:6px;width:65px;background:var(--accent);margin:32px 0}.guides{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 0 70px}.card{border-top:1px solid #cfd1c5;padding:25px 0}.number{font:12px system-ui,sans-serif;color:var(--accent)}.card p{color:#60665e;font-size:16px}.more{font:12px system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.article{max-width:740px;padding:55px 0 70px}.article h1{font-size:clamp(35px,5vw,54px)}.article h2{margin-top:38px}.back{font:12px system-ui,sans-serif;color:var(--accent)}.aside{padding:30px 0;border-top:1px solid #deded3;max-width:740px;color:#62675f}footer{border-top:1px solid #deded3;padding:28px 0 40px;color:#73766b;font:12px/1.7 system-ui,sans-serif}.foot{display:flex;justify-content:space-between;gap:20px}.ornament{color:var(--accent);width:100%;height:100px;display:block;opacity:.65;margin-bottom:32px}@media(max-width:640px){.wrap{padding:0 22px}.head{align-items:flex-start;flex-direction:column;gap:15px}header{padding:22px 0}.hero{padding-top:48px}h1{letter-spacing:-1px}.guides{grid-template-columns:1fr;gap:0}.foot{flex-direction:column;gap:10px}.intro{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}