:root{--black:#17191D;--black-2:#1E2126;--black-3:#262A30;--graphite:#31363D;--smoke:#424850;--bg:#F1F1EF;--bg-2:#E9E9E6;--bg-3:#F7F7F5;--surface:#fff;--surface-dark:#202329;--surface-dark-2:#292D34;--gold:#C6A15B;--gold-2:#DEC382;--gold-soft:#F3E9D3;--wine:#7A2638;--wine-2:#96344A;--blue-gray:#65798A;--green:#66816F;--text:#202227;--text-2:#555B63;--text-3:#8A9097;--text-light:#F4F4F1;--text-light-2:#C8CBD0;--line:rgba(32,34,39,.10);--line-dark:rgba(255,255,255,.08);--shadow:0 6px 24px rgba(18,20,24,.10);--radius:10px;--radius-card:14px;--radius-large:20px;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 36px),var(--wrap));margin:auto}.brief{height:30px;background:var(--black);color:var(--text-light);font-size:12px}.brief .wrap{height:100%;display:flex;align-items:center;gap:22px;white-space:nowrap;overflow:hidden}.brief b{color:var(--gold-2)}.site-header{position:sticky;top:0;z-index:50;background:rgba(241,241,239,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:.2s}.site-header.scrolled{background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.nav-wrap{height:68px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:9px;min-width:max-content}.logo img{width:34px;height:34px;object-fit:contain}.logo strong{font-size:19px}.nav-wrap nav{display:flex;align-items:center;gap:18px;flex:1;overflow:auto}.nav-wrap nav a{color:var(--text-2);padding:23px 0 19px;position:relative;white-space:nowrap}.nav-wrap nav a.active,.nav-wrap nav a:hover{color:var(--black)}.nav-wrap nav a.active:after{content:"";position:absolute;height:2px;background:var(--gold);left:20%;right:20%;bottom:10px}.nav-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.nav-actions button{border:0;background:var(--black);color:white;padding:8px 12px;border-radius:8px}.hero{background:linear-gradient(135deg,#F4F4F1 0%,#E9E9E6 58%,#D9D8D3 100%);padding:54px 0}.hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:42px;align-items:center}.hero-copy h1,.page-hero h1{font-size:clamp(38px,5vw,72px);line-height:1.05;margin:12px 0 22px;letter-spacing:-.04em}.hero-copy p,.page-hero p{font-size:18px;color:var(--text-2);max-width:760px}.hero-art img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-large);box-shadow:var(--shadow)}.kicker,.eyebrow{display:inline-block;color:#8A6A2F;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.hero-tags,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{background:var(--graphite);color:#fff;padding:11px 16px;border-radius:9px;font-weight:700}.btn:hover{background:var(--gold);color:var(--black)}.btn.alt{background:white;color:var(--black);border:1px solid rgba(198,161,91,.45)}.status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.s-dark{background:var(--black);color:var(--gold-2)}.s-wine{background:#f3e5e8;color:var(--wine)}.s-blue{background:#e8eef2;color:var(--blue-gray)}.s-gold{background:var(--gold-soft);color:#765d2c}.s-wait{background:#eee8d8;color:#7b652e}.s-green{background:#e7eee9;color:#4e6d58}.section{padding:58px 0}.section:nth-of-type(even){background:var(--bg-3)}.section-head{display:grid;grid-template-columns:110px minmax(260px,420px) 1fr;gap:24px;align-items:end;margin-bottom:28px}.section-head h2{margin:0;font-size:32px;line-height:1.15}.section-head p{margin:0;color:var(--text-2)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.03)}.card h3{font-size:20px;margin:12px 0 7px}.card p{color:var(--text-2)}.card-top{display:flex;justify-content:space-between;gap:12px}.meta{color:var(--text-3);font-size:12px}.mini-grid,.verify-grid,.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.verify-grid{grid-template-columns:repeat(3,1fr)}.mini-grid article,.verify-grid article,.archive-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.archive-grid code{color:#8b6c31}.tag-wall{display:flex;flex-wrap:wrap;gap:12px}.tag-wall span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px}.rank-list{border-top:1px solid var(--line)}.rank-list a{display:grid;grid-template-columns:60px 1fr 110px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.rank-list b{font-size:28px;color:var(--gold)}.rank-list em{font-style:normal;color:var(--text-2)}.flash-list>div{display:grid;grid-template-columns:80px 1fr 110px;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.flash-list time{font-weight:800}.flash-list p{margin:0}.flash-list>div:nth-child(2){border-left:3px solid var(--wine);padding-left:15px}.h-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--gold)}.h-timeline>div{padding:22px;border-right:1px solid var(--line)}.h-timeline>div span{display:block;width:12px;height:12px;background:var(--gold);border-radius:50%;margin-top:-29px}.split-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;background:white;border-radius:18px;overflow:hidden}.split-feature img{height:100%;min-height:320px;object-fit:cover}.split-feature>div{padding:36px}.mag-list{border-top:2px solid var(--black)}.mag-list article{display:grid;grid-template-columns:70px 1.4fr 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.mag-list span{font-size:28px;color:var(--gold)}.mag-list h3,.mag-list p{margin:0}.verify-grid dl{display:grid;grid-template-columns:60px 1fr;gap:6px 12px}.verify-grid dt{font-weight:700}.verify-grid dd{margin:0;color:var(--text-2)}.compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.compare>div{background:#fff;border:1px solid var(--line);padding:26px;border-radius:14px}.compare>b{align-self:center;text-align:center;font-size:32px;color:var(--gold)}.banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.banner-grid article{background:var(--black-2);color:#fff;border-radius:16px;overflow:hidden}.banner-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1)}.banner-grid h3{padding:0 18px 18px}.matrix{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr 50px 1fr;align-items:center;text-align:center}.matrix div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.matrix span{color:var(--gold);font-size:24px}.comments{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.comments blockquote{margin:0;background:white;border-left:3px solid var(--gold);padding:18px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.week div{background:white;border:1px solid var(--line);padding:15px;border-radius:10px}.week span{display:block;color:var(--text-2);font-size:12px}.calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.calendar div{background:white;border:1px solid var(--line);padding:18px;border-radius:12px}.calendar b{color:var(--wine);display:block}.lesson{counter-reset:item;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0;list-style:none}.lesson li{background:white;padding:20px;border-radius:12px;border-top:3px solid var(--gold)}.trend{max-width:860px}.trend div{display:grid;grid-template-columns:150px 1fr 60px;gap:16px;align-items:center;margin:12px 0}progress{width:100%;accent-color:var(--gold)}.principles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.principles strong{background:var(--black-2);color:white;padding:18px;border-radius:12px;text-align:center}.faq{background:white;border-bottom:1px solid var(--line);padding:16px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--text-2)}.dark-band{background:var(--black-2)!important;color:white}.dark-band .section-head p,.dark-band .mag-list p{color:var(--text-light-2)}.dark-band .card,.dark-band .mini-grid article,.dark-band .verify-grid article,.dark-band .archive-grid article{color:var(--text)}.page-hero{padding:58px 0;background:linear-gradient(135deg,#f5f5f2,#deddd7)}.page-hero h1{font-size:52px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.v-timeline{border-left:2px solid var(--gold);padding-left:24px}.v-timeline article{position:relative;background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin:0 0 16px}.v-timeline article:before{content:"";position:absolute;left:-31px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--gold)}.footer{background:linear-gradient(135deg,#202329,#17191D);color:var(--text-light-2);border-top:1px solid var(--gold);padding:46px 0 90px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer h3,.footer h4{color:var(--text-light)}.footer a{display:block;margin:5px 0}.footer a:hover{color:var(--gold-2)}.copyright{border-top:1px solid var(--line-dark);margin-top:30px;padding-top:18px}.mobile-bar{display:none}.reveal{opacity:1;transform:none;transition:.35s}.js .reveal{opacity:0;transform:translateY(10px)}.js .reveal.in{opacity:1;transform:none}#backTop{position:fixed;right:20px;bottom:20px;border:0;background:var(--black);color:#fff;width:42px;height:42px;border-radius:50%;display:none}@media(max-width:1200px){.nav-wrap nav{gap:12px}.nav-actions a:nth-child(-n+2){display:none}.mini-grid,.archive-grid{grid-template-columns:repeat(2,1fr)}.lesson{grid-template-columns:repeat(3,1fr)}.principles{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.section-head{grid-template-columns:90px 1fr}.section-head p{grid-column:2}.hero-grid,.split-feature,.content-grid{grid-template-columns:1fr}.h-timeline{grid-template-columns:repeat(2,1fr)}.week{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.nav-wrap nav{display:none}.hero-copy h1{font-size:48px}.verify-grid,.banner-grid,.calendar{grid-template-columns:1fr 1fr}.matrix{grid-template-columns:1fr}.matrix span{transform:rotate(90deg)}.mag-list article{grid-template-columns:50px 1fr}.mag-list p{grid-column:2}}@media(max-width:768px){.brief span:nth-of-type(n+3){display:none}.section{padding:42px 0}.section-head{display:block}.section-head h2{font-size:28px;margin:5px 0 8px}.rank-list a{grid-template-columns:45px 1fr}.rank-list em{display:none}.flash-list>div{grid-template-columns:60px 1fr}.flash-list .status{grid-column:2;width:max-content}.h-timeline,.mini-grid,.verify-grid,.archive-grid,.comments,.banner-grid,.calendar,.lesson,.principles{grid-template-columns:1fr}.week{grid-template-columns:repeat(2,1fr)}.mobile-bar{display:flex;position:fixed;z-index:60;left:0;right:0;bottom:0;background:rgba(23,25,29,.96);color:#fff;justify-content:space-around;padding:10px 6px}.footer{padding-bottom:110px}.page-hero h1{font-size:40px}}@media(max-width:600px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.nav-actions a{display:none}.hero{padding:34px 0}.hero-copy h1{font-size:38px}.hero-copy p{font-size:16px}.hero-grid{gap:24px}.compare{grid-template-columns:1fr}.compare>b{transform:rotate(90deg)}.trend div{grid-template-columns:100px 1fr 45px}.footer-grid{grid-template-columns:1fr}}
