:root{--ink:#27323a;--dark:#31404a;--accent:#f2a65a;--soft:#fff7ec}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fbfaf7;line-height:1.72}a{color:#9b571d}.nav{background:var(--dark);color:white;padding:16px 28px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:5}.logo{font-weight:800;color:white;text-decoration:none}.spacer{flex:1}.dropdown{position:relative;display:inline-block}.dropbtn{background:#42535f;color:white;padding:10px 14px;border-radius:999px}.drop{display:none;position:absolute;right:0;background:white;min-width:310px;box-shadow:0 18px 45px #0003;border-radius:14px;overflow:hidden}.drop a{display:block;padding:12px 14px;text-decoration:none;color:var(--ink)}.dropdown:hover .drop{display:block}.wrap{max-width:820px;margin:auto;padding:34px 22px}.hero{width:100%;max-height:420px;object-fit:cover;border-radius:24px;box-shadow:0 18px 50px #0002}h1{font-family:Georgia,serif;font-size:clamp(36px,6vw,62px);line-height:1.05;margin:24px 0 10px}h2{font-family:Georgia,serif;font-size:31px;margin-top:38px}.dek{font-size:20px;color:#5d6970}.meta,.note{color:#61707a}.callout{background:var(--soft);border-left:6px solid var(--accent);padding:18px 20px;border-radius:16px;margin:24px 0}.card{background:white;border:1px solid #eee;border-radius:20px;padding:22px;margin:20px 0;box-shadow:0 8px 30px #0000000d}.related a,.footer a{display:inline-block;margin:6px 10px 6px 0}.footer{background:#24313a;color:#dde7ed;padding:24px;text-align:center}.footer a{color:#fff0d0}.faq dt{font-weight:800;margin-top:18px}.faq dd{margin:6px 0 14px 0}