.home-magazine{--mag-accent:#704bd7;--mag-card:#fff;--mag-soft:#f0ebfb}
.home-magazine #main{padding-top:0}
.mag-masthead{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:38px 0 30px}
.mag-kicker{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--mag-accent);margin:0 0 10px}
.mag-masthead h1{font-size:42px;line-height:1.12;letter-spacing:-1.5px;margin:0}
.mag-masthead-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 3px}
.mag-opening{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;margin-bottom:30px}
.mag-lead{position:relative;border-radius:18px;overflow:hidden;min-height:425px;background:#29213f}
.mag-lead>a{display:flex;align-items:flex-end;position:relative;min-height:100%;height:100%;color:#fff}
.mag-lead>a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17112500 0%,#17112545 25%,#171125df 72%,#171125fa 100%)}
.mag-lead>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.mag-lead>a:hover>img{transform:scale(1.025)}
.mag-lead-copy{position:relative;z-index:1;padding:32px;width:100%}
.mag-lead-label{font-size:10px;letter-spacing:1px;font-weight:650;color:#eee4ff;display:flex;gap:12px;align-items:center;margin-bottom:14px}
.mag-lead-label>span{color:#b997ff}
.home-magazine .mag-lead h2{font-size:33px;line-height:1.15;letter-spacing:-.8px;margin:0 0 14px;color:#fff!important}
.mag-lead-copy>p{color:#ded6e9;font-size:14px;line-height:1.65;margin:0 0 20px}
.mag-lead-bottom{display:flex;justify-content:space-between;gap:12px;color:#d6c7ea;font-size:10px}
.mag-lead-bottom>span{color:#fff;font-weight:650}
.mag-lead-save{position:absolute;z-index:2;right:18px;top:18px}
.mag-lead-save .icon-button{background:#241a3e70;color:#fff;border:1px solid #ffffff50}
.mag-headlines{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.mag-headlines-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin:0 0 4px}
.mag-headline{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;min-width:0}
.mag-headline:last-child{border-bottom:0;padding-bottom:2px}
.mag-headline h3{font-size:20px;line-height:1.3;letter-spacing:-.45px;margin:7px 0 9px;font-weight:650}
.mag-headline h3 a:hover,.mag-card h3 a:hover{color:var(--mag-accent)}
.mag-headline img{width:108px;height:90px;object-fit:cover;border-radius:10px}
.mag-small-category{color:var(--mag-accent);font-size:10px;font-weight:650}
.mag-headline-time{font-size:10px;color:var(--muted)}
.mag-topics{display:flex;align-items:center;gap:10px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.mag-topics>span{font-size:11px;color:var(--muted);margin-right:7px}
.mag-topics>a{font-size:11px;font-weight:600;padding:9px 15px;border:1px solid var(--line);border-radius:30px;background:var(--mag-card);color:var(--ink)}
.mag-topics>a:hover{background:var(--mag-soft);border-color:var(--mag-accent)}
.mag-section{padding:36px 0 4px;scroll-margin-top:24px;min-width:0}
.mag-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.mag-section-heading h2{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:0 0 7px}
.mag-section-heading p:not(.mag-kicker){font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.mag-row-actions{display:flex;gap:20px;align-items:center;flex-shrink:0}
.mag-row-actions>a,.mag-more{font-size:11px;color:var(--mag-accent);font-weight:600}
.mag-arrows{display:flex;gap:6px}.mag-arrows[hidden]{display:none}
.mag-arrows>button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--mag-card);color:var(--ink);cursor:pointer}
.mag-arrows>button:disabled{opacity:.3;cursor:default}
.mag-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1px;padding:2px 1px 14px;scrollbar-width:thin;scrollbar-color:#bba6df transparent}
.mag-card{min-width:0;scroll-snap-align:start}
.mag-card-image{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:11px;background:var(--mag-soft)}
.mag-card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.mag-card-image:hover>img{transform:scale(1.04)}
.mag-reading{position:absolute;bottom:8px;right:8px;font-size:9px;padding:4px 7px;border-radius:5px;background:#20172bd9;color:white}
.mag-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 9px;font-size:9px;color:var(--muted)}
.mag-card-meta>span{font-weight:650;color:var(--mag-accent)}
.mag-card h3{font-size:18px;font-weight:650;line-height:1.4;letter-spacing:-.35px;margin:0;min-height:4.2em}
.mag-card h3 a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mag-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;border-top:1px solid var(--line);padding-top:7px}
.mag-card-foot>a{font-size:10px;color:var(--muted)}
.mag-card-foot>a>span{margin-left:8px;color:var(--mag-accent)}
.mag-card-foot .icon-button{width:29px;height:29px}
.mag-card-foot svg{width:16px;height:16px}
.mag-tool-section{margin-top:26px;padding:30px;border-radius:16px;background:var(--mag-soft)}
.home-magazine .mag-tool-section .product-grid{margin:0;gap:18px}
.home-magazine .newsletter-banner{margin-top:44px}
.mag-lexicon{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:30px 0 50px;padding:24px 0;border-top:1px solid var(--line)}
.mag-lexicon h2{font-size:24px;margin:0 0 8px}.mag-lexicon p:not(.mag-kicker){font-size:13px;color:var(--muted);margin:0}
.mag-empty{padding:50px 24px;background:var(--mag-soft);border-radius:18px}
html[data-theme=dark] .home-magazine{--mag-accent:#c0a3ff;--mag-card:#211b2d;--mag-soft:#251e34}
@media(max-width:1000px){.mag-opening{grid-template-columns:1.2fr 1fr;gap:24px}.mag-lead-copy{padding:24px}.home-magazine .mag-lead h2{font-size:28px}.mag-headline{grid-template-columns:minmax(0,1fr) 88px;gap:12px}.mag-headline img{width:88px;height:80px}.mag-headline h3{font-size:17px}.mag-masthead h1{font-size:35px}.mag-track{grid-auto-columns:calc((100% - 48px)/3)}}
@media(max-width:700px){.mag-masthead{padding:26px 0 22px}.mag-masthead h1{font-size:29px;letter-spacing:-1px}.mag-masthead-note{display:none}.mag-opening{grid-template-columns:1fr;gap:24px}.mag-lead{min-height:400px}.mag-headline{grid-template-columns:minmax(0,1fr) 100px;padding:15px 0}.mag-headline img{width:100px;height:76px}.mag-headline h3{font-size:18px}.mag-headlines-label{margin-bottom:2px}.mag-section-heading{align-items:center;gap:12px}.mag-section-heading h2{font-size:23px}.mag-section-heading p:not(.mag-kicker){font-size:11px}.mag-row-actions{gap:10px}.mag-row-actions>a{font-size:10px}.mag-arrows{display:none}.mag-track{grid-auto-columns:76%;gap:18px}.mag-section{padding-top:30px}.mag-card-image{aspect-ratio:16/9}.mag-card h3{min-height:0}.mag-tool-section{padding:22px 18px}.mag-tool-section .mag-section-heading{align-items:flex-start;flex-direction:column}.mag-tool-section .home-tools-grid{grid-template-columns:1fr 1fr}.mag-lexicon{align-items:flex-start;flex-direction:column}.mag-lexicon h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.mag-card-image>img,.mag-lead>a>img{transition:none}}