.resource-thumbnail-module__wr2-6G__thumbnail{background:var(--cover-bg);color:#162b48;border-bottom:1px solid #152c4810;container-type:inline-size}.resource-thumbnail-module__wr2-6G__green{--cover-bg:#e6f5ee;--cover-accent:#087953}.resource-thumbnail-module__wr2-6G__blue{--cover-bg:#eaf1ff;--cover-accent:#245bd1}.resource-thumbnail-module__wr2-6G__purple{--cover-bg:#f0edff;--cover-accent:#6946bf}.resource-thumbnail-module__wr2-6G__pink{--cover-bg:#fff0f3;--cover-accent:#ac3860}.resource-thumbnail-module__wr2-6G__orange{--cover-bg:#fff3e4;--cover-accent:#985618}.resource-thumbnail-module__wr2-6G__cyan{--cover-bg:#e5f5fa;--cover-accent:#12718a}.resource-thumbnail-module__wr2-6G__canvas{aspect-ratio:16/9;padding:6.5% 7%;position:relative;overflow:hidden}.resource-thumbnail-module__wr2-6G__heading{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.resource-thumbnail-module__wr2-6G__guide{color:#566579;margin-left:5px;font-weight:400}.resource-thumbnail-module__wr2-6G__part{color:var(--cover-accent);letter-spacing:.04em;white-space:nowrap}.resource-thumbnail-module__wr2-6G__headline{z-index:1;white-space:pre-line;letter-spacing:-.055em;width:75%;margin-top:6%;font-size:clamp(21px,6.7cqi,30px);font-weight:700;line-height:1.45;display:block;position:relative}.resource-thumbnail-module__wr2-6G__artwork{object-fit:contain;width:34%;height:auto;position:absolute;bottom:17%;right:2%}.resource-thumbnail-module__wr2-6G__topics{color:var(--cover-accent);letter-spacing:-.025em;font-size:clamp(12px,3.3cqi,14px);font-weight:500;position:absolute;bottom:9%;left:7%}@container (max-width:290px){.resource-thumbnail-module__wr2-6G__guide{display:none}.resource-thumbnail-module__wr2-6G__artwork{width:30%;bottom:23%;right:0}}
.article-collection{min-width:0}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.article-card{background:#fff;border:1px solid #dfe7f1;border-radius:16px;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 12px #183b6805}.article-card:hover{border-color:#b5cbe8;transform:translateY(-3px);box-shadow:0 12px 28px #183b6812}.article-card:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.article-cover{aspect-ratio:16/10;background:#edf2f8;flex-shrink:0;position:relative;overflow:hidden}.article-cover>img{object-fit:cover;transition:transform .35s}.article-card:hover .article-cover>img{transform:scale(1.035)}.article-cover-label{z-index:1;color:#24559a;overflow-wrap:anywhere;background:#fffffff2;border:1px solid #ffffffc9;border-radius:6px;max-width:calc(100% - 32px);padding:5px 10px;font-size:12px;font-weight:700;line-height:1.5;position:absolute;bottom:14px;left:16px}.article-card-body{flex-direction:column;flex:1;min-width:0;padding:22px 24px 20px;display:flex}.article-card-meta{color:#3468b2;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:650;line-height:1.6;display:flex}.article-card-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.article-card-meta>time{color:#8290a3;flex-shrink:0;font-size:11px;font-weight:400}.article-card h3{color:#182c49;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2lh;margin-top:10px;font-size:19px;font-weight:750;line-height:1.55;display:-webkit-box;overflow:hidden}.article-card-body>p{color:#6b7b92;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-block:11px 20px;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.article-read{color:#2463da;border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:13px;font-weight:650;line-height:1.5;display:flex}.article-read>svg{flex-shrink:0;transition:transform .2s}.article-card:hover .article-read>svg{transform:translate(3px)}.article-browse-hint{display:none}.home-restored>section.home-articles{padding-block:0 64px}.article-detail{background:#fff;border:1px solid #dfe7f1;border-radius:16px;max-width:850px;margin:0 auto;padding:36px}.article-detail-meta{color:#3468b2;border-bottom:1px solid #e5eaf2;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-bottom:24px;font-size:14px;display:flex}.article-detail-meta>time{color:#8290a3;font-size:13px}.article-detail-cover{aspect-ratio:16/10;background:#edf2f8;border-radius:12px;margin:28px 0 0;position:relative;overflow:hidden}.article-detail-cover>img{object-fit:cover}.article-detail-cover>figcaption{z-index:1;color:#fff;overflow-wrap:anywhere;background:linear-gradient(#0000,#14233bcc);padding:24px 16px 12px;font-size:12px;line-height:1.6;position:absolute;bottom:0;left:0;right:0}.article-detail section{margin-top:32px}.article-detail h2{color:#182c49;letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:12px;font-size:23px;line-height:1.5}.article-detail p{color:#52627a;word-break:keep-all;overflow-wrap:anywhere;font-size:16px;line-height:1.95}.article-source{background:#f7faff;border:1px solid #dfe7f1;border-radius:12px;margin-top:32px;padding:20px 22px}.article-source>strong{color:#243b5e;font-size:16px;line-height:1.6;display:block}.article-source>p{margin-top:8px;font-size:14px;line-height:1.8}.article-source>a{color:#2463da;overflow-wrap:anywhere;align-items:center;gap:7px;min-height:40px;margin-top:10px;font-size:14px;font-weight:650;display:inline-flex}.article-source>a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.article-detail-footer{justify-content:center;margin-top:32px;display:flex}@media (max-width:1000px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-card-body{padding:20px}}@media (max-width:700px){.article-collection{--article-gutter:20px}.article-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9cb9df #edf2f8;grid-template-columns:none;grid-auto-columns:calc(100% - 16px);grid-auto-flow:column;gap:14px;width:100%;margin-inline:0;padding:6px 0 16px;scroll-padding-inline:0;overflow-x:auto}.article-grid::-webkit-scrollbar{height:5px}.article-grid::-webkit-scrollbar-track{margin-inline:var(--article-gutter);background:#edf2f8;border-radius:5px}.article-grid::-webkit-scrollbar-thumb{background:#9cb9df;border-radius:5px}.article-card{scroll-snap-align:start;scroll-snap-stop:normal}.article-cover-label{bottom:12px;left:14px}.article-card-body{padding:18px}.article-card h3{font-size:18px}.article-card-body>p{margin-bottom:18px;line-height:1.7}.article-browse-hint{color:#71829a;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:12px;line-height:1.6;display:flex}.article-browse-hint>svg{flex-shrink:0}.home-restored>section.home-articles{padding-bottom:40px}.article-detail{padding:24px 20px}.article-detail-meta{gap:6px 12px;padding-bottom:20px;font-size:13px}.article-detail-cover{border-radius:9px;margin-top:22px}.article-detail h2{font-size:21px;line-height:1.55}.article-detail p{font-size:15px}.article-source{padding:18px}.article-source>p{font-size:14px}}@media (max-width:360px){.article-collection{--article-gutter:16px}.article-card-body{padding:16px}}@media (prefers-reduced-motion:reduce){.article-card,.article-cover>img,.article-read>svg{transition:none}.article-card:hover,.article-card:hover .article-cover>img,.article-card:hover .article-read>svg{transform:none}}