.article-detail-module__nP2Boa__page.container{max-width:1180px;padding-block:32px 80px}.article-detail-module__nP2Boa__layout{grid-template-columns:minmax(0,1fr) 230px;grid-template-areas:"intro contents""body contents";gap:30px 48px;display:grid}.article-detail-module__nP2Boa__intro{grid-area:intro;min-width:0}.article-detail-module__nP2Boa__hero{isolation:isolate;border-radius:var(--radius-card);background:var(--media-surface,#202227);align-items:flex-end;min-height:460px;display:flex;position:relative;overflow:hidden}.article-detail-module__nP2Boa__hero>img,.article-detail-module__nP2Boa__hero>picture>img{object-fit:cover;z-index:-1}.article-detail-module__nP2Boa__caption{background:linear-gradient(#0000,#101216df 90px,#101216f5);width:100%;padding:100px 34px 32px}.article-detail-module__nP2Boa__caption h1{color:#fff;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(34px,3.8vw,52px);font-weight:600;line-height:1.1}.article-detail-module__nP2Boa__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px 20px;padding-block:22px;font-size:10px;display:flex}.article-detail-module__nP2Boa__meta>span{align-items:center;gap:6px;display:inline-flex}.article-detail-module__nP2Boa__meta>button{margin-left:auto}.article-detail-module__nP2Boa__description{color:var(--muted);font-size:17px;line-height:1.9}.article-detail-module__nP2Boa__author{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding-block:22px;display:flex}.article-detail-module__nP2Boa__author>span{letter-spacing:.1em;color:var(--muted);font-size:8px}.article-detail-module__nP2Boa__author>a{font-size:11px;font-weight:600}.article-detail-module__nP2Boa__body{grid-area:body;min-width:0}.article-detail-module__nP2Boa__body>div>:first-child{margin-top:0}.article-detail-module__nP2Boa__sidebar{grid-area:contents;min-width:0}.article-detail-module__nP2Boa__contents{border-left:1px solid var(--line);scrollbar-width:thin;max-height:calc(100dvh - 136px);margin-top:40px;padding-left:24px;position:sticky;top:112px;overflow-y:auto}.article-detail-module__nP2Boa__contents>summary{cursor:pointer;letter-spacing:.08em;justify-content:space-between;align-items:center;padding-block:3px 18px;font-size:9px;font-weight:600;list-style:none;display:flex}.article-detail-module__nP2Boa__contents>summary::-webkit-details-marker{display:none}.article-detail-module__nP2Boa__contents>summary>svg{flex-shrink:0}.article-detail-module__nP2Boa__contents nav{gap:3px;display:grid}.article-detail-module__nP2Boa__contents nav>a{color:var(--muted);overflow-wrap:anywhere;align-items:flex-start;gap:11px;padding-block:9px;font-size:11px;line-height:1.65;display:flex}.article-detail-module__nP2Boa__contents nav>a:hover{color:var(--ink)}.article-detail-module__nP2Boa__contents nav>a>span{flex-shrink:0;padding-top:3px;font-size:8px}.article-detail-module__nP2Boa__withoutContents{grid-template-columns:minmax(0,900px);grid-template-areas:"intro""body";justify-content:center}@media (max-width:1000px){.article-detail-module__nP2Boa__layout{grid-template-columns:minmax(0,1fr) 180px;column-gap:28px}.article-detail-module__nP2Boa__hero{min-height:400px}.article-detail-module__nP2Boa__caption{padding-inline:25px}.article-detail-module__nP2Boa__contents{padding-left:17px;top:100px}.article-detail-module__nP2Boa__withoutContents{grid-template-columns:1fr}}@media (max-width:760px){.article-detail-module__nP2Boa__page{padding-block:22px 55px}.article-detail-module__nP2Boa__layout{grid-template-columns:1fr;grid-template-areas:"intro""contents""body";gap:24px}.article-detail-module__nP2Boa__withoutContents{grid-template-areas:"intro""body"}.article-detail-module__nP2Boa__hero{min-height:360px}.article-detail-module__nP2Boa__caption{background:linear-gradient(#0000,#101216df 80px,#101216f5);padding:90px 23px 25px}.article-detail-module__nP2Boa__caption h1{font-size:clamp(30px,6.7vw,43px)}.article-detail-module__nP2Boa__meta{gap:12px;padding-block:18px}.article-detail-module__nP2Boa__description{font-size:15px}.article-detail-module__nP2Boa__contents{border-left:0;border-bottom:1px solid var(--line);max-height:none;margin:0;padding:0;position:static}.article-detail-module__nP2Boa__contents nav{padding-bottom:16px}}
.article-card{height:100%;display:block}.article-image{aspect-ratio:1.77;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-2);isolation:isolate;width:100%;position:relative;overflow:hidden}.article-image img{object-fit:cover;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.article-image:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 20%,#fff2 45%,#0000 65%);transition:transform .85s;position:absolute;inset:0;transform:translate(-120%)}.card-play{width:32px;height:32px;color:var(--accent);background:var(--theme-glass-strong,#f3f4f6df);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 2px 9px #0001}.card-play svg{margin-left:2px}.category-badge{letter-spacing:.025em;background:var(--theme-glass-strong,#f2f3f5e8);color:var(--accent);border:1px solid var(--theme-line,#ffffff90);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;align-items:center;padding:6px 10px;font-size:8px;font-weight:600;line-height:1.4;display:inline-flex}.article-image>.category-badge{z-index:1;position:absolute;bottom:15px;left:15px}.article-meta{color:var(--muted);align-items:center;gap:9px;margin-top:16px;font-size:8px;display:flex}.article-meta i{background:var(--muted);border-radius:50%;width:2px;height:2px}.article-card h3{letter-spacing:-.045em;color:var(--ink);justify-content:space-between;align-items:flex-start;gap:20px;margin-top:10px;font-size:22px;font-weight:600;line-height:1.35;display:flex}.article-card h3 svg{flex-shrink:0;width:19px;margin-top:3px}.article-card-info>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:11px;line-height:1.85;display:-webkit-box;overflow:hidden}.featured-card h3{font-size:29px}.featured-card .article-image{aspect-ratio:1.85}.featured-card .article-card-info>p{-webkit-line-clamp:2;max-width:95%}@media (hover:hover){.article-card:hover .article-image:after{transform:translate(120%)}.article-card:hover img{transform:scale(1.035)}.article-card:hover h3{color:var(--muted)}}@media (max-width:900px){.article-card h3{gap:12px}.featured-card h3{font-size:25px}}@media (max-width:700px){.article-card h3{font-size:23px}.featured-card h3{font-size:27px}.article-meta{font-size:9px}.article-image>.category-badge{bottom:13px;left:13px}.card-play{top:13px;right:13px}}@media (prefers-reduced-motion:reduce){.article-image img{transition:none}.article-image:after{display:none}}.article-card-lead,.article-card-tile{isolation:isolate;background:#20242c;border-radius:18px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -20px #11182780}.article-card-lead:before,.article-card-tile:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#12162008 10%,#12162045 30%,#121620e8 66%,#121620 100%);position:absolute;inset:0}.article-card-lead .article-image,.article-card-tile .article-image{aspect-ratio:auto;border:0;border-radius:0;height:100%;position:absolute;inset:0}.article-card-lead .article-image>.category-badge,.article-card-tile .article-image>.category-badge{top:20px;bottom:auto;left:20px}.article-card-lead .article-card-info,.article-card-tile .article-card-info{z-index:2;padding:28px;position:relative}.article-card-lead .article-card-info{padding:clamp(26px,3vw,42px)}.article-editor-label{letter-spacing:.13em;color:#fff;margin-bottom:12px;font-size:9px;font-weight:600;display:inline-block}.article-card-lead .article-meta,.article-card-tile .article-meta{color:#d4d9e3;margin-top:0}.article-card-lead .article-meta i,.article-card-tile .article-meta i{background:#d4d9e3}.article-card.article-card-lead h3,.article-card.article-card-tile h3{color:#fff}.article-card.article-card-lead h3{margin-top:16px;font-size:clamp(30px,3.3vw,46px);line-height:1.1}.article-card.article-card-tile h3{font-size:24px;line-height:1.2}.article-card-lead .article-card-info>p{color:#e0e4eb;margin-top:18px;font-size:13px;line-height:1.75}.article-card-tile .article-card-info>p{display:none}.article-card-lead h3>svg,.article-card-tile h3>svg{width:22px;height:22px}.article-card-row{border:1px solid var(--line);background:var(--panel-gradient,linear-gradient(115deg, #fff, #f8f9fb));border-radius:16px;grid-template-columns:minmax(0,30%) minmax(0,1fr);align-items:stretch;transition:border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.article-card-row .article-image{aspect-ratio:auto;border:0;border-radius:0;height:100%;min-height:210px}.article-card-row .article-card-info{align-self:center;min-width:0;padding:26px 32px}.article-card-row .article-meta{margin-top:0;font-size:9px}.article-card.article-card-row h3{margin-top:12px;font-size:clamp(21px,2vw,28px)}.article-card-row .article-card-info>p{max-width:80ch;font-size:13px;line-height:1.8}@media (hover:hover){.article-card-row:hover{border-color:var(--theme-line,#aab2bf);box-shadow:0 8px 24px #2026320a}}@media (max-width:900px){.article-card-row .article-card-info{padding:22px}.article-card-row .article-image{min-height:200px}}@media (max-width:600px){.article-card-lead .article-card-info,.article-card-tile .article-card-info{padding:24px}.article-card.article-card-lead h3{font-size:32px}.article-card.article-card-tile h3{font-size:23px}.article-card-row{border-radius:12px;grid-template-columns:minmax(0,31%) minmax(0,1fr)}.article-card-row .article-image{min-height:170px}.article-card-row .article-card-info{padding:16px 14px}.article-card-row .article-meta{flex-wrap:wrap;gap:5px;font-size:8px}.article-card.article-card-row h3{margin-top:8px;font-size:17px}.article-card-row h3>svg{display:none}.article-card-row .article-card-info>p{-webkit-line-clamp:2;font-size:11px;line-height:1.65}.article-card-row .category-badge{max-width:calc(100% - 12px);padding:5px;font-size:7px;bottom:8px;left:6px}.article-card-row .card-play{width:25px;height:25px;top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.article-card-row{transition:none}}