:root{--bg:#FFF9EC;--card:#fff;--soft:#F7EBCB;--primary:#E9B92F;--green:#6A8247;--heading:#302718;--body:#514637;--muted:#746651;--line:#E7DCC4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #6A8247;outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto;min-width:0}.site-head{background:#fffdf6;border-bottom:1px solid var(--line);position:relative;z-index:12}.head-inner{height:66px;max-width:1160px;width:calc(100% - 40px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}.brand b{font-size:18px;color:var(--heading);display:block;line-height:1.3}.brand small{font-size:10px;letter-spacing:.11em;color:var(--muted);display:block}.logo{height:30px;width:auto;max-width:85px}.logo-mark{display:grid;place-items:center;background:var(--primary);color:var(--heading);width:30px;height:30px;border-radius:10px;font-weight:800}.top-links,.quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2.2vw,28px)}.top-links a,.quick-links a{font-size:15px;padding:8px 2px;white-space:nowrap}.top-links [aria-current],.quick-links [aria-current]{color:#42582b;border-bottom:2px solid var(--green)}.quick-links{width:min(1160px,calc(100% - 40px));margin:auto;border-top:1px solid var(--line);min-height:42px}.menu-button,.mobile-menu,.menu-shade,.bottom-nav{display:none}.skip{position:absolute;left:8px;top:-90px;background:white;z-index:50;padding:8px}.skip:focus{top:8px}.section{margin-block:56px}.section h2{font-size:25px;line-height:1.4;color:var(--heading);margin:0 0 22px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap}.eyebrow{font-size:13px;letter-spacing:.08em;font-weight:700;color:#546a39}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:36px;margin-block:38px 52px}.hero h1{font-size:34px;line-height:1.3;color:var(--heading);margin:12px 0 18px;letter-spacing:-.02em}.hero p{max-width:590px}.hero-media,.picture{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center;min-width:0}.hero-media img{width:100%;max-height:300px}.picture img{width:100%;max-height:180px}.media-fallback{display:flex;align-items:center;justify-content:center;min-height:130px;max-width:100%;padding:18px;color:#4d5734;font-size:18px;line-height:1.5;text-align:center;font-weight:700;letter-spacing:.02em}.hero-media .media-fallback{min-height:200px;width:100%;font-size:24px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;background:var(--primary);border:1px solid #bd9222;border-radius:10px;font-weight:700;color:var(--heading)}.btn.secondary{background:white;border-color:var(--line)}.grid{display:grid;gap:18px;min-width:0}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.card h3{font-size:19px;color:var(--heading);margin:12px 0}.card p{margin:0 0 12px}.card .picture{margin-bottom:12px}.text-link{color:#42592e;font-weight:700;text-decoration:underline;text-underline-offset:4px}.feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:center}.feature .picture img{max-height:190px}.notes{display:grid;grid-template-columns:1fr;gap:16px}.note{border-left:4px solid var(--primary);padding:8px 20px;background:#fffdf6;border-radius:0 10px 10px 0}.note h3{margin:5px 0;font-size:19px;color:var(--heading)}.reading-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;align-items:start}.reading-split .note{margin-bottom:12px}.asym{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.asym .card:nth-child(2){margin-top:22px;background:var(--soft)}.editorial{background:var(--soft);border-radius:14px;padding:26px;border:1px solid var(--line)}.editorial p{margin:0 0 13px}.tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tip{padding:20px;border-top:3px solid var(--green);background:white;border-radius:8px}.mobile-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:center}.app-picture img{max-height:380px;width:auto}.app-icon img{max-height:64px;width:auto}.app-icon .media-fallback{min-height:64px}.page-lead{margin:38px 0 30px;border-bottom:1px solid var(--line);padding-bottom:24px}.page-lead h1{font-size:32px;line-height:1.35;color:var(--heading);margin:9px 0 16px}.page-lead>p{max-width:850px}.article-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.75fr);gap:30px}.article-body{min-width:0}.article-body section{margin-bottom:30px}.article-body h2{font-size:24px;line-height:1.45;color:var(--heading);margin:0 0 12px}.article-body p{margin:0 0 15px}.aside{align-self:start;background:var(--soft);padding:18px;border-radius:12px;min-width:0}.aside h2{font-size:18px;margin:6px 0 12px}.aside a{display:block;padding:9px 0;border-bottom:1px solid #dccc9f}.article-figure{margin:0 0 26px}.article-figure img{max-height:190px;width:100%}.article-figure .media-fallback{min-height:145px}.article-bottom{padding:20px 0;border-top:1px solid var(--line)}.article-bottom a{display:inline-block;margin:5px 12px 5px 0}.site-footer{margin-top:55px;border-top:1px solid var(--line);background:#f7ebcb}.footer-inner{padding-block:32px}.footer-brand{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--heading)}.footer-brand>p{flex-basis:100%;margin:0 0 15px}.footer-brand>span{font-size:12px;color:var(--muted)}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.footer-groups h2{font-size:16px;color:var(--heading)}.footer-links{display:flex;gap:5px 13px;flex-wrap:wrap}.footer-links a{font-size:14px;display:inline-block;padding:3px 0}.footer-note{margin-top:24px;border-top:1px solid #dccca7;padding-top:16px;font-size:13px}.footer-note a{text-decoration:underline}@media(max-width:1000px){.three,.tips{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 240px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.container{width:calc(100% - 36px)}.head-inner{width:calc(100% - 36px);height:60px}.brand b{font-size:16px}.brand small{font-size:9px}.top-links,.quick-links{display:none}.menu-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 12px;border:1px solid var(--line);background:var(--soft);border-radius:9px;white-space:nowrap}.mobile-menu:not([hidden]){display:block;position:absolute;top:60px;left:0;right:0;background:#fffdf4;z-index:30;padding:14px 18px 26px;max-height:calc(100dvh - 70px);overflow-y:auto;box-shadow:0 15px 30px #30271822}.menu-shade:not([hidden]){display:block;position:fixed;inset:60px 0 0;background:#30271888;z-index:11}.menu-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-title button{min-height:44px;background:white;border:1px solid var(--line);padding:6px 14px;border-radius:9px}.mobile-menu section{margin:12px 0}.mobile-menu h2{font-size:15px;margin:12px 0 5px;color:var(--heading)}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.menu-grid a{display:flex;align-items:center;min-height:44px;padding:7px 10px;border-radius:7px;background:#f7ebcb70;font-size:14px}.menu-grid [aria-current]{border-left:3px solid var(--green);background:var(--soft)}body.menu-open{overflow:hidden}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fffdf6;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-height:56px;display:flex;align-items:center;justify-content:center;font-size:14px}.bottom-nav [aria-current]{box-shadow:inset 0 3px var(--green);background:var(--soft)}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.hero{grid-template-columns:1fr;gap:19px}.hero h1{font-size:28px}.hero-media img{max-height:220px}.section{margin-block:38px}.section h2{font-size:22px}.three,.two,.tips,.feature,.reading-split,.asym,.mobile-feature,.article-layout{grid-template-columns:1fr}.asym .card:nth-child(2){margin-top:0}.article-layout{gap:12px}.aside{order:2}.page-lead h1{font-size:28px}.article-body h2{font-size:22px}.app-picture img{max-height:300px}.picture img,.feature .picture img,.article-figure img{max-height:170px}.card{padding:17px}.editorial{padding:18px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.brand{gap:6px}.brand b{font-size:15px}.brand small{letter-spacing:0;font-size:8px}.logo{height:26px;max-width:54px}.footer-groups{grid-template-columns:1fr}.hero-media .media-fallback{min-height:160px;font-size:20px}.page-lead h1{font-size:26px}}