*{box-sizing:border-box}html{scroll-behavior:smooth}.seo-page{margin:0;color:#f1efdd;background:#0b2722;font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.seo-page a{color:inherit}.seo-page a:focus-visible{outline:3px solid #f5d99c;outline-offset:5px}.site-header{max-width:1260px;margin:auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #a2baa22b}.brand{display:flex;gap:8px;align-items:center;text-decoration:none;font:700 26px Georgia,serif;white-space:nowrap}.brand em{color:#ead19c;font-style:normal}.site-header nav{display:flex;align-items:center;gap:25px;font-size:14px}.site-header nav>a:not(.play){text-decoration:none;color:#c9d8ca}.play{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 24px;border-radius:10px;background:#ecd297;color:#143c2e!important;text-decoration:none;font-weight:750;font-size:15px;box-shadow:0 4px 0 #b1914b}.play:hover{background:#ffe7b3}.seo-page main{max-width:1200px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;min-height:530px;padding:60px 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#dbc088}.hero h1{font:500 clamp(36px,4.3vw,64px)/1.08 Georgia,serif;letter-spacing:-1.6px;max-width:700px;margin:22px 0}.intro{color:#c9d9cb;max-width:650px;font-size:18px;line-height:1.75;margin-bottom:30px}.hero-art{position:relative;height:340px;background:radial-gradient(ellipse,#62916b35,transparent 68%);display:flex;align-items:center;justify-content:center}.hero-art img{position:absolute;width:170px;height:auto;max-height:290px;border-radius:12px;box-shadow:0 16px 30px #0005}.hero-art .card-left{transform:translateX(-45px) rotate(-14deg)}.hero-art .card-right{transform:translateX(50px) rotate(12deg)}.hero-art>span{position:absolute;bottom:0;font-size:19px;letter-spacing:15px;color:#b7bd9c}.guide-content{max-width:900px;margin:auto;border-top:1px solid #738e7344}.guide-content section{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:32px 0;border-bottom:1px solid #738e7333}.chapter{font:24px Georgia;color:#baa270;padding-top:4px}.guide-content h2,.more h2,.closing h2{font:500 29px/1.25 Georgia;margin:0 0 15px}.guide-content p{margin:0;color:#cad7ca;max-width:75ch}.more{margin:70px 0}.more h2{margin:12px 0 22px}.more>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.more a{display:flex;justify-content:space-between;align-items:center;gap:20px;text-decoration:none;padding:20px;border-radius:12px;border:1px solid #718b6555;background:#12392e;font-size:15px}.more a:hover{border-color:#d2bd81}.more a span{color:#d2bd81;font-size:24px}.closing{text-align:center;margin:60px auto 75px;padding:30px;background:radial-gradient(ellipse,#315a3e55,transparent 75%)}.seo-page footer{border-top:1px solid #718b6533;max-width:1200px;margin:auto;padding:30px 32px 50px;color:#9eb6a4;font-size:12px}.seo-page footer .brand{font-size:22px;color:#e1d4b0}.seo-page footer p{margin:6px 0}.skip{position:fixed;top:-80px;left:12px;z-index:10;background:#f4d695;color:#123d31;padding:12px}.skip:focus{top:12px}table{border-collapse:collapse;width:100%;max-width:500px;font-size:15px}caption{text-align:left;color:#b7cdbd;margin-bottom:12px}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid #748b6955}thead{color:#efd499;background:#244333}tbody th{font-weight:500}td{font-variant-numeric:tabular-nums}
@media(max-width:700px){.site-header{padding:14px 20px;gap:10px}.brand{font-size:22px}.brand img{width:38px;height:38px}.site-header nav{gap:12px}.site-header nav>a:not(.play){display:none}.site-header .play{font-size:12px;min-height:40px;padding:8px 12px}.seo-page main{padding:0 22px}.hero{grid-template-columns:1fr;gap:15px;padding:40px 0 30px}.hero h1{font-size:42px;letter-spacing:-1px;margin:15px 0}.intro{font-size:16px;margin-bottom:24px}.hero-art{height:255px;order:2}.hero-art img{width:130px}.hero-art>span{bottom:0;font-size:15px}.guide-content section{grid-template-columns:30px 1fr;gap:10px;padding:27px 0}.guide-content h2,.more h2{font-size:25px}.guide-content p{font-size:15px;line-height:1.8}.chapter{font-size:19px}.more{margin:40px 0}.more>div{grid-template-columns:1fr}.more a{padding:16px;font-size:14px}.closing{padding:25px 0;margin:35px 0 45px}.closing h2{font-size:29px}.seo-page footer{padding:24px 22px}.eyebrow{font-size:10px;letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}