
.home-frontpage.shell{max-width:1580px;padding:25px 24px 40px;margin:0 auto}.magazine-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.magazine-feed{min-width:0}.magazine-lead{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;min-height:425px}.magazine-lead.lead-single{grid-template-columns:1fr}.feature-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.magazine-feature{position:relative;isolation:isolate;border-radius:14px;overflow:hidden;border:1px solid #dddff0;background:#18233f;color:#fff;min-width:0;box-shadow:0 7px 20px #20244409}.feature-image{position:absolute;inset:0;z-index:-2}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.feature-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101a3905 0%,#101a3950 38%,#101a39ed 100%)}.feature-main .feature-image::after{background:linear-gradient(90deg,#101a39d9 0%,#101a3999 65%,#101a3955),linear-gradient(0deg,#101a39bb,transparent 80%)}.feature-poster .feature-image img{opacity:.12;filter:blur(5px);transform:scale(1.04)}.feature-poster{background:linear-gradient(125deg,#171c3e,#282153 75%,#534ce1)}.feature-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative;padding:20px}.feature-main .feature-content{padding:30px;min-height:425px}.feature-content>.badge{position:static;align-self:flex-start;margin-bottom:auto;font-size:10px;max-width:100%;background:#6554f1!important;box-shadow:none}.feature-content h1,.feature-content h2{color:#fff;line-height:1.16;letter-spacing:-.6px;margin:20px 0 12px}.feature-content h1{font-size:clamp(27px,2.1vw,36px);max-width:630px;font-weight:800}.feature-content h2{font-size:18px;font-weight:750;line-height:1.25;margin:14px 0 10px;letter-spacing:-.25px}.feature-content h1 a,.feature-content h2 a{text-decoration:none}.feature-content h1 a:hover,.feature-content h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.feature-secondary h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.feature-excerpt{color:#e0e3f3;font-size:14px;line-height:1.55;max-width:610px;margin:0 0 19px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.feature-content .author{margin:0;color:#fff}.feature-content .author b{color:#f4f3ff;font-size:11px}.feature-content .author small{color:#cbd0e6;font-size:10px}.feature-content .avatar{background:#ffffff19;border-color:#ffffff35;color:#eee9ff}.feature-secondary .author .avatar{display:none}.feature-secondary .author small{margin-top:3px}.feature-actions{display:flex;gap:15px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #ffffff25}.feature-actions button,.feature-actions a{background:none;border:0;display:flex;align-items:center;gap:6px;font-size:11px;color:#e3dfff;text-decoration:none;padding:0}.feature-actions .action-icon{width:15px;height:15px}.feature-actions .feature-read{margin-left:auto;font-weight:750;color:#fff}.feature-actions button:hover,.feature-actions a:hover{color:#c0b6ff}
.magazine-section{margin-top:25px}.magazine-section .section-heading{margin:0 0 13px;padding:0}.magazine-section .section-heading h2,.magazine-categories .section-heading h2{font-size:17px;gap:9px}.magazine-section .section-heading button{font-size:11px}.magazine-latest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.magazine-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-frontpage .card{border-radius:12px;box-shadow:none;min-width:0}.home-frontpage .card-cover{height:135px;aspect-ratio:auto}.home-frontpage .card-cover .badge{font-size:8px;padding:5px 8px;max-width:calc(100% - 20px);left:10px;top:10px}.home-frontpage .card-body{padding:15px 14px 10px}.home-frontpage .card-body h3{font-size:16px;line-height:1.35;letter-spacing:-.2px;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.home-frontpage .card-body>p{display:none}.home-frontpage .card .author{margin-top:auto;gap:8px}.home-frontpage .card .author b{font-size:10px}.home-frontpage .card .author small{font-size:9px}.home-frontpage .card .avatar{width:24px;height:24px;font-size:8px;flex:none}.home-frontpage .card-meta{margin-top:12px;padding-top:10px;font-size:10px}.home-frontpage .card-meta button{font-size:10px}.home-frontpage .card-meta .action-icon{width:13px;height:13px}.magazine-more .card-cover{height:145px}.magazine-loading{min-height:425px;background:#fff;border:1px solid #e2e5ef;border-radius:14px}
.magazine-sidebar{display:flex;flex-direction:column;gap:18px;min-width:0}.magazine-sidebar .side-card,.magazine-sidebar .subscribe{margin:0;border-radius:13px;padding:20px;box-shadow:none}.magazine-sidebar .side-heading{margin-bottom:12px}.magazine-sidebar .side-heading h2{font-size:17px}.magazine-sidebar .rank-list{margin-top:0}.magazine-sidebar .rank-item{grid-template-columns:22px 67px minmax(0,1fr);gap:10px;padding:13px 0}.magazine-sidebar .rank-item img{width:67px;height:48px;border-radius:7px;object-fit:cover}.magazine-sidebar .rank-no{font-size:13px;font-weight:800;color:#6553e7}.magazine-sidebar .rank-item b{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:650}.magazine-sidebar .rank-item small{font-size:10px;margin-top:5px}.magazine-trend-tabs{display:flex;gap:9px;border-bottom:1px solid #e6e5f0;margin:0 0 1px}.magazine-trend-tabs button{flex:1;border:0;background:none;font-size:10px;padding:10px 0;color:#788099;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}.magazine-trend-tabs button[aria-pressed=true]{color:#5350ff;border-color:#6553e7;font-weight:750}.magazine-sidebar .subscribe h2{font-size:15px;line-height:1.4}.magazine-sidebar .subscribe p{font-size:12px;line-height:1.6;margin:10px 0 15px}.magazine-sidebar .subscribe form{gap:7px}.magazine-sidebar .subscribe input{min-width:0;font-size:11px}.magazine-sidebar .subscribe button{font-size:10px;padding:12px 9px}.magazine-sidebar .newsletter-consent,.magazine-sidebar .subscribe small{font-size:10px;line-height:1.5}.magazine-categories .section-heading{margin:0 0 12px}.category-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-tiles>a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:5px 9px;padding:13px 11px;border:1px solid #e2e2f0;background:linear-gradient(130deg,#fff,#f3f1ff);border-radius:10px;text-decoration:none}.category-tiles>a>span{grid-row:span 2;color:#6653ee}.category-tiles b{font-size:10px;line-height:1.4;overflow-wrap:anywhere}.category-tiles small{display:flex;gap:4px;align-items:center;font-size:8px;color:#7b809a}.category-tiles small svg{width:11px;height:11px}.category-tiles>a:hover{border-color:#9a8df3;background:#f0edff}.magazine-sidebar .about-card p{font-size:12px;line-height:1.6}.magazine-sidebar .about-card h2{font-size:15px}.magazine-sidebar .about-card a{font-size:11px}.magazine-sidebar .saved-shortcut{margin:0;font-size:12px}.magazine-page .footer{padding:25px 24px}.magazine-page .footer-main{max-width:1532px;margin:auto}.magazine-page .footer-brand .brand b{font-size:23px}.magazine-page .footer-brand .brand img{width:29px!important;height:29px!important}.magazine-page .footer small,.magazine-page .footer a,.magazine-page .footer button,.magazine-page .footer-meta{font-size:10px}
@media(min-width:1650px){.magazine-layout{grid-template-columns:minmax(0,1fr) 350px}.magazine-lead{min-height:450px}.feature-main .feature-content{min-height:450px}.feature-content h1{font-size:37px}.feature-content h2{font-size:20px}.home-frontpage .card-cover{height:147px}}
@media(max-width:1250px){.magazine-layout{grid-template-columns:minmax(0,1fr) 295px;gap:20px}.magazine-lead{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.feature-main .feature-content{padding:23px}.feature-content h1{font-size:28px}.feature-content h2{font-size:16px}.feature-actions{gap:12px}.feature-actions button>span{display:none}.magazine-latest{grid-template-columns:repeat(2,minmax(0,1fr))}.magazine-more{grid-template-columns:repeat(2,minmax(0,1fr))}.home-frontpage .card-cover{height:165px}}
@media(max-width:1000px){.magazine-layout{grid-template-columns:1fr}.magazine-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.magazine-sidebar .magazine-trends{grid-row:span 2}.magazine-sidebar .about-card{display:none}.magazine-lead{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.feature-content h1{font-size:32px}.magazine-more{grid-template-columns:repeat(3,minmax(0,1fr))}.magazine-latest{grid-template-columns:repeat(4,minmax(0,1fr))}.home-frontpage .card-cover{height:125px}.magazine-page .footer-main{gap:20px}}
@media(max-width:720px){.home-frontpage.shell{padding:18px 16px 30px}.magazine-lead{display:block;min-height:0}.feature-main .feature-content{min-height:385px;padding:23px}.feature-content h1{font-size:29px}.feature-excerpt{font-size:13px}.feature-stack{margin-top:13px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px}.feature-secondary .feature-content{min-height:218px;padding:15px}.feature-content h2{font-size:15px}.feature-secondary .badge{font-size:8px;padding:5px 7px}.feature-secondary .author small{font-size:9px}.feature-secondary .author b{font-size:9px}.magazine-latest,.magazine-more{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-frontpage .card-cover{height:125px}.home-frontpage .card-body{padding:12px 11px 10px}.home-frontpage .card-body h3{font-size:14px}.home-frontpage .card .author .avatar{display:none}.home-frontpage .card-meta button{font-size:9px}.home-frontpage .card-meta button .action-icon{width:12px}.magazine-sidebar{grid-template-columns:1fr;margin-top:6px}.magazine-sidebar .magazine-trends{grid-row:auto}.magazine-sidebar .about-card{display:block}.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.magazine-section .section-heading h2{font-size:16px}.magazine-section .section-heading button{font-size:10px}.magazine-page .footer{padding:25px 18px}}
@media(max-width:390px){.feature-content h1{font-size:26px}.feature-main .feature-content{padding:20px}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-actions{gap:11px}.feature-actions .feature-read{font-size:10px}.home-frontpage .card-meta button[data-save] span{display:none}}
@media(prefers-reduced-motion:reduce){.feature-image img{transition:none}}
.magazine-sidebar .saved-shortcut{grid-column:auto}.magazine-page .footer-main{padding:0}.magazine-briefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.magazine-briefs>a{display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px 16px;background:#fff;border:1px solid #e2e4ef;border-radius:11px;text-decoration:none}.magazine-briefs span{font-size:9px;color:#6754e8;grid-column:1/-1;font-weight:750;text-transform:uppercase}.magazine-briefs b{font-size:13px;line-height:1.4}.magazine-briefs .action-icon{width:16px;color:#6754e8}@media(max-width:720px){.sidebar.magazine-sidebar .side-card:first-child{grid-row:auto}.magazine-briefs{grid-template-columns:1fr}}

.magazine-tools{padding:18px;border:1px solid #e2e2f0;border-radius:13px;background:#fff}.magazine-tools .section-heading{margin:0 0 16px}.magazine-tools .section-heading h2{font-size:17px}.home-tool-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-tool-tiles>a{box-sizing:border-box;aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:10px;border-radius:11px}.home-tool-tiles>a>span{line-height:1;color:#6553e7}.home-tool-tiles>a>span svg{width:20px;height:20px}.home-tool-tiles b{font-size:12px;line-height:1.3}.home-tool-tiles small{font-size:10px;line-height:1.3}.home-tool-tiles em{margin-top:auto;font-size:10px;line-height:1.3;font-style:normal;font-weight:700;color:#6553e7;display:flex;align-items:center;gap:4px}.home-tool-tiles em svg{width:12px;height:12px;flex-shrink:0}.magazine-section .section-heading>a{display:flex;align-items:center;gap:7px;color:#6553e7;font-size:12px;text-decoration:none}@media(max-width:720px){.magazine-section .section-heading>a{font-size:10px}}
