:root{--ink:#17212d;--deep:#111d29;--muted:#647280;--paper:#f8f7f2;--surface:#fff;--orange:#ef9a58;--pale:#eee9de;--teal:#264f50;--line:#dddcd7;--radius:18px;--width:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.2vw,5.5rem);font-weight:760}h2{font-size:clamp(1.8rem,3.2vw,3rem)}h3{font-size:1.4rem}h1 em,h2 em{font-style:normal;color:var(--orange)}p{line-height:1.9}.shell{width:min(calc(100% - 64px),var(--width));margin-inline:auto}.skip-link{position:absolute;z-index:1000;top:-100px;left:12px;background:#fff;padding:10px 20px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.site-header{background:var(--deep);color:#eef3f2;border-bottom:1px solid #34404a;position:relative;z-index:20}.header-inner{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:750;line-height:1.05;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:1.7px;font-weight:400;color:#a9bbc0;margin-top:7px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--orange);border-radius:50%;font-size:17px;color:var(--deep)}.primary-nav ul{list-style:none;display:flex;gap:7px;margin:0;padding:0}.primary-nav a{display:block;padding:9px 14px;border-radius:9px;font-size:14px;color:#dce1e3;transition:background .2s,color .2s}.primary-nav a:hover,.primary-nav a[aria-current]{background:#2d3c47;color:#fff}.menu-toggle{display:none}.eyebrow{font-size:11px;letter-spacing:.22em;color:#9f693f;font-weight:800;text-transform:uppercase;margin-bottom:20px}.eyebrow.light{color:#eab78c}.opening{display:grid;grid-template-columns:1.07fr .93fr;background:var(--deep);color:white;max-width:none;width:100%;padding-left:max(32px,calc((100vw - var(--width))/2));padding-right:max(32px,calc((100vw - var(--width))/2));min-height:650px}.opening-copy{padding:100px 7% 60px 0;align-self:center}.opening h1{max-width:690px}.opening .lead{max-width:610px;font-size:18px;color:#c4d0d0;line-height:2}.opening-visual{min-height:600px;position:relative;overflow:hidden;background:linear-gradient(145deg,#344852,#152832)}.opening-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.85}.opening-visual:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#111d29bb)}.visual-caption{z-index:2;position:absolute;bottom:34px;left:35px;display:grid;gap:8px}.visual-caption span,.tile-index{font-size:11px;letter-spacing:.18em}.visual-caption strong{font-size:26px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:5px;padding:14px 22px;font-weight:740;font-size:14px;line-height:1.5;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.accent{background:var(--orange);color:#15212e}.button.outline{border:1px solid #7a8991;color:#fff}.button.dark{background:var(--deep);color:white}.opening-tags{display:flex;flex-wrap:wrap;gap:10px;color:#a9b9be;font-size:12px;margin-top:70px}.opening-tags span{padding-left:12px;border-left:2px solid #65838c}.section-space{padding-block:108px}.section-head{max-width:850px;margin-bottom:38px}.section-head p:last-child{color:var(--muted);max-width:660px}.section-head.compact{margin-bottom:30px}.choice-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.choice-tile{min-height:315px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius);transition:transform .2s;position:relative;overflow:hidden}.choice-tile:hover{transform:translateY(-5px)}.choice-tile h3{font-size:clamp(1.5rem,2.3vw,2.2rem);margin:25px 0 12px}.choice-tile p{font-size:14px;line-height:1.85;max-width:290px}.choice-tile .text-arrow{font-size:13px;font-weight:800;margin-top:auto;padding-top:24px}.choice-one{background:#deaa83;color:#2e251d}.choice-two{background:#315960;color:#fff}.choice-three{background:#ece6da;color:#293640}.feature-band{background:#e9ece8;padding:65px 0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.feature-art{background:#cbd5d4;min-height:390px}.feature-art img{width:100%;height:400px}.feature-text h2{max-width:550px}.feature-text p{max-width:580px}.feature-text p:not(.eyebrow){color:#52606a}.inline-link{display:inline-block;font-size:15px;font-weight:750;border-bottom:2px solid #d6844c;padding-bottom:5px;margin-top:16px}.inline-link:hover{color:#b46d3d}.editorial-split{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:center}.editorial-main{border-top:1px solid #b9c1c0;padding-top:28px}.editorial-main h3{font-size:2.1rem;max-width:580px}.editorial-main p{max-width:690px;color:#596a70}.editorial-split img{width:100%;height:310px}.practical{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#e9dfd0;padding:70px;align-items:center;border-radius:var(--radius)}.practical h2{max-width:540px}.practical p{color:#585c5b;max-width:570px}.practical-list{display:grid}.practical-list>div{border-bottom:1px solid #c8bcab;padding:20px 0;display:grid;grid-template-columns:45px 1fr;column-gap:15px}.practical-list b{grid-row:1/3;color:#a46b40}.practical-list span{font-weight:750}.practical-list small{color:#73736f;font-size:13px}.bottom-note{text-align:center;padding:88px 0 116px;max-width:790px}.bottom-note p{color:#60717a}.site-footer{background:var(--deep);color:#c7d1d2;padding:65px 0 50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footer-brand{color:white;font-size:23px;font-weight:800}.site-footer p{font-size:13px;max-width:380px;color:#94a8b1;margin-top:17px}.site-footer h2{font-size:14px;color:white;margin:0 0 18px}.site-footer a:not(.footer-brand){display:block;font-size:13px;margin-bottom:9px}.site-footer a:hover{color:var(--orange)}.copyright{margin-top:30px}.page-heading{padding-top:105px}.page-heading h1{max-width:1000px}.page-heading h1 em{color:#ba7851}.page-heading>p:not(.eyebrow){font-size:18px;color:#61717b;max-width:760px}.page-heading-image{margin-top:48px;background:#293d41;height:350px;overflow:hidden}.page-heading-image img{width:100%;height:100%}.list-section{padding-top:90px}.list-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:32px}.list-intro h2{margin:0}.list-intro p{max-width:510px;color:var(--muted);margin:0}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.entry-card{background:white;border:1px solid #e2e0db;border-radius:13px;padding:32px;display:flex;gap:25px;min-height:365px}.entry-number{font-family:Georgia,serif;font-size:40px;color:#d1b6a0;line-height:1}.entry-body{min-width:0}.entry-card .eyebrow{margin-bottom:11px}.entry-card h3{font-size:24px}.entry-card p:not(.eyebrow){font-size:14px;color:#566570}.entry-card .entry-note{margin-top:23px;border-top:1px solid #e5e7e7;padding-top:17px;color:#386264!important}.related-panel{display:flex;gap:40px;align-items:center;justify-content:space-between;background:#ebe5d9;padding:52px 64px;border-radius:14px;margin-top:90px;margin-bottom:90px}.related-panel h2{font-size:32px}.related-panel p{max-width:690px;margin-bottom:0;color:#647078}.related-panel .button{flex-shrink:0}.series-lead{padding-block:105px 60px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:6%}.series-lead h1{max-width:800px}.series-lead p:not(.eyebrow){font-size:18px;max-width:700px;color:#62727a}.series-lead img{width:100%;height:420px;border-radius:150px 150px 12px 12px}.series-grid .entry-card:nth-child(3n + 2){background:#e5eceb}.reading-strip{background:#17393d;color:white;border-radius:16px;padding:60px;display:grid;grid-template-columns:1fr .75fr;gap:12%}.reading-strip p{color:#bfd2d0}.reading-strip h3{font-size:20px}.reading-strip li{margin-bottom:12px;color:#d1ddda}.guide-cover{background:#15383d;color:white}.guide-heading{padding-block:110px 120px}.guide-heading h1{max-width:950px}.guide-heading p:not(.eyebrow){max-width:750px;font-size:18px;color:#c7dbd8}.guide-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:8%;padding-block:85px}.guide-aside{align-self:start;position:sticky;top:25px}.guide-aside nav{display:grid;gap:4px;margin-bottom:42px}.guide-aside a{padding:10px 0;border-bottom:1px solid #d8dddd;font-size:14px}.guide-aside a:hover{color:#bf763f}.guide-aside img{border-radius:8px;width:100%;height:290px}.guide-articles article{padding:30px 0 47px;border-bottom:1px solid #d6dcd9;scroll-margin-top:40px}.guide-articles article:first-child{padding-top:0}.guide-num{color:#b8794d;font-family:Georgia,serif;font-size:29px}.guide-articles h2{font-size:clamp(1.5rem,2.4vw,2.25rem);margin:7px 0 16px}.guide-articles p{max-width:770px;color:#586b73;font-size:16px}.faq-heading{padding-top:105px;padding-bottom:65px}.faq-heading h1{max-width:860px}.faq-heading p:not(.eyebrow){max-width:660px;color:#64737b;font-size:18px}.faq-layout{display:grid;grid-template-columns:340px 1fr;gap:8%;align-items:start}.faq-layout h2{font-size:27px}.faq-layout>div>p{font-size:14px;color:#697880}.faq-layout img{margin-top:35px;width:100%;height:280px}.faq-items details{border-bottom:1px solid #cfd6d5}.faq-items details:first-child{border-top:1px solid #cfd6d5}.faq-items summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 5px;font-weight:750;font-size:17px;list-style:none}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary .plus{font-size:25px;color:#ac6e42;transition:transform .2s}.faq-items details[open] summary .plus{transform:rotate(45deg)}.faq-items details p{margin:0 0 28px;color:#5c6d75;padding:0 45px 0 5px}.about-layout{padding-block:100px 130px;display:grid;grid-template-columns:1.15fr .85fr;gap:9%;align-items:start}.about-layout h1{font-size:clamp(2.6rem,4.6vw,5rem)}.about-layout .lead{font-size:19px;color:#50636c}.about-layout h2{font-size:27px;margin-top:50px}.about-layout p:not(.eyebrow){max-width:680px}.about-layout .button{margin-top:25px}.about-image img{width:100%;height:690px;border-radius:250px 250px 12px 12px}
@media (max-width:1020px){.shell{width:min(calc(100% - 44px),var(--width))}.header-inner{min-height:75px}.primary-nav a{padding:9px 8px}.opening{padding-inline:24px}.opening-copy{padding:75px 15px 50px 0}.opening-tags{margin-top:35px}.choice-grid{grid-template-columns:repeat(2,1fr)}.choice-three{grid-column:1/-1;min-height:230px}.series-lead{padding-top:65px}.guide-layout{gap:5%;grid-template-columns:240px 1fr}}
@media (max-width:720px){body{font-size:15px}.shell{width:calc(100% - 36px)}.header-inner{min-height:74px}.brand{font-size:17px}.brand-mark{height:37px;width:37px}.brand small{font-size:9px}.menu-toggle{display:grid;gap:5px;border:1px solid #61747a;border-radius:5px;background:transparent;padding:11px;cursor:pointer}.menu-toggle span{display:block;background:#fff;width:22px;height:2px}.primary-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#1c2b37;padding:12px 18px 24px;box-shadow:0 18px 35px #111a2280}.primary-nav.is-open{display:block}.primary-nav ul{display:grid;gap:4px}.primary-nav a{padding:12px;border-bottom:1px solid #354751}.opening{display:flex;flex-direction:column-reverse;padding:0}.opening-visual{min-height:255px;height:255px}.opening-copy{padding:40px 22px 60px}.opening h1{font-size:clamp(2.8rem,10vw,4rem)}.opening .lead{font-size:16px}.visual-caption{bottom:20px;left:22px}.visual-caption strong{font-size:19px}.opening-tags{margin-top:30px}.section-space{padding-block:68px}.choice-grid{grid-template-columns:1fr}.choice-three{grid-column:auto}.choice-tile{min-height:270px}.feature-band{padding:40px 0}.feature-layout{grid-template-columns:1fr;gap:30px}.feature-art{min-height:230px}.feature-art img{height:250px}.editorial-split{grid-template-columns:1fr;gap:30px}.editorial-split img{height:220px}.editorial-main h3{font-size:1.65rem}.practical{grid-template-columns:1fr;padding:36px 25px;gap:20px}.bottom-note{padding:65px 0 80px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.footer-grid>div:first-child{grid-column:1/-1}.page-heading{padding-top:60px}.page-heading>p:not(.eyebrow){font-size:16px}.page-heading-image{height:190px;margin-top:30px}.list-section{padding-top:50px}.list-intro{display:block}.list-intro p{margin-top:14px}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:0;padding:24px 20px;gap:15px}.entry-number{font-size:28px}.entry-card h3{font-size:20px}.related-panel{display:block;padding:30px 25px;margin-top:55px;margin-bottom:60px}.related-panel h2{font-size:25px}.related-panel .button{margin-top:25px}.series-lead{grid-template-columns:1fr;padding-top:60px}.series-lead p:not(.eyebrow){font-size:16px}.series-lead img{height:210px;object-position:center 35%;border-radius:12px}.reading-strip{grid-template-columns:1fr;padding:28px 25px;gap:15px}.guide-heading{padding-block:65px 70px}.guide-heading p:not(.eyebrow){font-size:16px}.guide-layout{grid-template-columns:1fr;padding-block:45px}.guide-aside{position:static}.guide-aside nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:35px}.guide-aside nav a{border:1px solid #d3dbd8;border-radius:30px;padding:5px 12px;font-size:12px}.guide-aside img{display:none}.guide-articles article{padding:25px 0}.faq-heading{padding-top:60px;padding-bottom:35px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-layout img{display:none}.faq-layout h2{margin-bottom:6px}.faq-items summary{font-size:15px}.faq-items details p{padding-right:8px}.about-layout{grid-template-columns:1fr;padding-block:60px 70px}.about-image img{height:240px;border-radius:10px}.about-layout h2{margin-top:33px}}
@media (max-width:380px){.shell{width:calc(100% - 28px)}.opening-copy{padding-inline:17px}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.entry-card{padding:20px 15px}.footer-grid{gap:22px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
