@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#203a30;--accent:#b35634;--paper:#faf7ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{max-width:1280px;margin:auto;padding:24px 32px;border-bottom:1px solid #deded2;display:flex;justify-content:space-between;align-items:center}.brand{font:700 36px 'Playfair Display',Georgia,serif}.brand span{display:block;font:9px sans-serif;letter-spacing:3px}nav{display:flex;gap:24px;align-items:center}main{max-width:1240px;margin:auto;padding:32px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.2}h1{font-size:clamp(36px,6vw,76px);font-weight:500;letter-spacing:-2px}h2{font-size:32px}h3{font-size:23px}small{font-size:12px;letter-spacing:1px}.hero{padding:64px 48px 74px;background:#e9eddf;border-radius:8px;margin-bottom:50px}.hero h1{margin:20px 0}.hero p{max-width:570px;color:#617062}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}article{background:white;border:1px solid #e4e4d9;border-radius:10px;overflow:hidden}article img,.placeholder{width:100%;height:240px;object-fit:cover}.placeholder{display:grid;place-items:center;background:#e2e7d9;font:32px Georgia}.cardbody{padding:22px}.cardbody h3{margin:12px 0}.cardbody small{color:var(--accent)}input,select,button{font:inherit;border:1px solid #c9cebf;border-radius:5px;padding:12px;max-width:100%}input{background:white}button{background:var(--ink);color:white;cursor:pointer}.hero input{width:65%}.hero form{display:flex;gap:8px;max-width:660px}.detail{display:grid;grid-template-columns:1fr 2fr;gap:50px;background:white;padding:32px;border-radius:10px}.detail li{padding:8px 0}.heroimage{max-width:100%;width:100%;height:420px;object-fit:cover;border-radius:10px}.tip{padding:25px}.tip h2{font-size:24px}.tip p{font-size:14px}.tip a,aside a{text-decoration:underline}aside{background:#eee9db;padding:24px;margin:24px 0}.pages{justify-content:center;margin:40px}footer{background:#203a30;color:#eee;padding:50px;text-align:center;margin-top:60px}form{margin:20px 0}pre{font-size:13px}output{padding:15px}@media(max-width:800px){header{padding:16px;align-items:flex-start}nav{gap:10px;flex-wrap:wrap;font-size:13px;justify-content:flex-end}nav select{width:115px}main{padding:20px}.hero{padding:35px 22px}.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr;gap:15px}.brand{font-size:28px}}@media(max-width:520px){.grid{grid-template-columns:1fr}header nav>a{display:none}.heroimage{height:260px}.hero input{width:75%}}@media print{header,footer,button,script{display:none}.detail{display:block}.heroimage{height:200px}body{background:white}}
.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;background:white;padding:10px;z-index:5}.answer-summary{padding:22px;background:#e9eddf;border-radius:8px;margin:22px 0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:25px}.breadcrumbs a+a:before{content:'›';margin-right:12px}.intro{max-width:780px}.faq{border-bottom:1px solid #d8ddcf;padding:18px 0}.faq summary{font-weight:600;cursor:pointer}.footerlinks{justify-content:center;flex-wrap:wrap;margin:20px 0}.topics{margin-top:30px}.heroimage{height:auto;max-height:560px;aspect-ratio:16/9}article img{height:240px;aspect-ratio:3/2}[id]{scroll-margin-top:20px}