:root{color-scheme:light;--paper:#faf7ef;--ink:#213229;--pine:#213c30;--line:#d5d5c5;--accent:#f6cd78}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 "Source Sans 3",system-ui,sans-serif}a{color:#22513e;text-underline-offset:.19em}a:focus-visible{outline:3px solid #a65c18;outline-offset:4px}.wrap{width:min(100% - 2.5rem,70rem);margin-inline:auto}header{background:#fffdf6;border-bottom:1px solid var(--line)}.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem}.brand{font-weight:800;text-decoration:none;color:var(--ink)}.skip{position:absolute;top:-8rem;left:1rem;padding:.5rem;background:white}.skip:focus{top:0}.hero{background:var(--pine);color:#fffaf0}.hero .wrap{min-height:28rem;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:3rem;padding-block:3.6rem}.hero p{font-size:1.19rem;max-width:33rem}.hero h1,.article h1{font-family:"DM Serif Text",Georgia,serif;font-weight:500;font-size:clamp(2.55rem,6vw,5.5rem);line-height:1.02;letter-spacing:-.04em;margin:0}.button{display:inline-block;background:var(--accent);color:#25291c;padding:.7rem 1.1rem;border-radius:.35rem;font-weight:750;text-decoration:none}.button:hover{background:#ffdd96}.hero-picture{display:grid;place-items:center;min-height:17rem;background:#304e3c;border-radius:50% 50% .5rem .5rem}.cabinet{width:65%;max-width:15rem;aspect-ratio:1;background:#c58b57;border:9px solid #ebbf86;border-radius:.2rem;box-shadow:12px 17px 0 #233b2d;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 2fr;gap:5px;padding:5px}.cabinet i{display:block;background:#e4ad73;border:1px solid #88512f;position:relative}.cabinet i::after{content:"";position:absolute;width:24%;height:5px;background:#453528;border-radius:5px;left:38%;top:30%}.cabinet i:nth-child(3)::after,.cabinet i:nth-child(4)::after{width:5px;height:22%;left:76%}.cabinet i:nth-child(4)::after{left:16%}.listing{padding-block:2.5rem 4rem}.listing h2{font:2.3rem/1.15 Georgia,serif;margin:0 0 1rem}.topics{display:flex;gap:.6rem;flex-wrap:wrap}.topics a{padding:.35rem .8rem;border:1px solid var(--line);border-radius:20rem;text-decoration:none}.topics a:hover{background:#e8ebde}.group{margin-top:2.3rem;scroll-margin-top:1rem}.group h3{margin-bottom:.6rem}.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.8rem;margin:0}.cards a{height:100%;display:flex;flex-direction:column;gap:.45rem;background:#fffdf6;color:var(--ink);border:1px solid var(--line);border-radius:.5rem;text-decoration:none;padding:1.2rem}.cards a:hover{border-color:#668571;background:#fff}.cards strong{font-size:1.18rem;line-height:1.3}.more{margin-top:auto;color:#22513e;font-size:.92rem;font-weight:700}.article{max-width:46rem;padding-block:2rem 4rem}.article h1{font-size:clamp(2.4rem,7vw,4.4rem);margin-top:1.2rem}.intro{font-size:1.25rem}.article h2{font-size:1.25rem;margin:0 0 .45rem}.article section,.note{margin-block:1.5rem}.materials,.note{padding:1rem 1.2rem;border-radius:.45rem;background:#e9eee0}.note{background:#f4e7cd}.materials p,.note p,.steps p{margin:.2rem 0 0}.steps{padding-left:1.5rem}.steps li{padding-left:.35rem;margin-bottom:1rem}.steps li::marker{font-weight:800}footer{padding:1.3rem 0;border-top:1px solid var(--line);font-size:.92rem}@media(max-width:660px){.hero .wrap{grid-template-columns:1fr;gap:1.6rem;padding-block:2.4rem}.hero-picture{min-height:9rem;max-width:18rem}.cabinet{width:37%;border-width:5px;gap:2px;padding:2px;box-shadow:7px 9px 0 #233b2d}}