.articles-layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}.articles-layout__main{min-width:0}.articles-layout__aside{display:grid;gap:2rem;align-content:start}.articles-heading{margin:0 0 2.6rem;text-align:left}.articles-heading__kicker{margin:0 0 .5rem;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.articles-heading__title{display:inline-block;margin:0;padding-bottom:.9rem;border-bottom:3px solid var(--navy);font-size:1.9rem;font-weight:700;letter-spacing:.03em;color:var(--navy)}.article-list{list-style:none;margin:0;padding:0}.article-list-item{display:grid;grid-template-columns:180px 1fr;gap:1.6rem;padding:1.8rem 0;border-bottom:1px solid var(--line);text-align:left}.article-list .article-list-item:first-child{padding-top:0}.article-list .article-list-item:last-child{border-bottom:none}.article-list--scroll{display:flex;gap:1.6rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:.2rem .2rem 1.2rem;margin:0 -.2rem}.article-list--scroll .article-list-item{flex:0 0 260px;width:260px;display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:4px;background:var(--card);scroll-snap-align:start}.article-list--scroll .article-card__thumb{aspect-ratio:16 / 10}.article-list--scroll .article-list-item:first-child{padding-top:1rem}.article-card{display:grid;grid-template-columns:200px 1fr;gap:1.4rem;padding:1.2rem;border:1px solid var(--line);border-radius:4px;background:var(--card)}.article-card__thumb{aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;background:var(--bg-muted)}.article-card__thumb img{width:100%;height:100%;object-fit:cover}.article-card__thumb--empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.78rem;text-align:center;padding:.6rem}.article-card__body{display:flex;flex-direction:column;gap:.6rem;min-width:0}.article-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.82rem}.article-card__date{color:var(--navy);font-weight:700}.article-card__category{display:inline-flex;align-items:center;padding:.2rem .8rem;border-radius:999px;background:var(--navy-tint);color:var(--navy);font-weight:700;font-size:.76rem;text-decoration:none}.article-card__category:hover{background:var(--navy);color:#fff}.article-card__title{font-size:1.05rem;font-weight:700;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}a.article-card__title-link{color:var(--text);text-decoration:none}a.article-card__title-link:hover{color:var(--navy);text-decoration:underline}.article-card__excerpt{font-size:.86rem;color:var(--muted);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-widget{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:1.4rem}.sidebar-widget__title{font-size:1rem;font-weight:700;color:var(--navy);margin:0 0 1.1rem;padding-bottom:.7rem;border-bottom:2px solid var(--navy-tint)}.recent-articles{list-style:none;margin:0;padding:0;display:grid;gap:1rem}a.recent-articles__link{display:grid;grid-template-columns:64px 1fr;gap:.8rem;text-decoration:none}.recent-articles__thumb{width:64px;height:64px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--bg-muted)}.recent-articles__thumb img{width:100%;height:100%;object-fit:cover}.recent-articles__title{font-size:.85rem;font-weight:400;color:var(--text);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}a.recent-articles__link:hover .recent-articles__title{color:var(--navy);text-decoration:underline}.category-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.category-list__item a{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:4px;color:var(--text);text-decoration:none;font-size:.88rem;font-weight:400;transition:.15s background,.15s color}.category-list__item a:hover,.category-list__item a.is-active{background:var(--navy-tint);color:var(--navy)}.category-list__count{color:var(--muted);font-size:.78rem}.ad-banner--square{width:300px;max-width:100%}.ad-banner--cases{width:300px;max-width:100%;margin-top:1rem}.ad-banner__link{display:block;width:100%;overflow:hidden}.ad-banner__link img{display:block;width:100%;height:auto}.article-detail__eyecatch{margin-bottom:1.8rem;border-radius:4px;overflow:hidden}.article-detail__eyecatch img{width:100%;height:auto;display:block}.article-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:1.1rem;font-size:.85rem}.article-detail__date{color:var(--navy);font-weight:700}.article-detail__reading{color:var(--muted)}a.article-detail__category{display:inline-flex;align-items:center;padding:.2rem .8rem;border-radius:999px;background:var(--navy-tint);color:var(--navy);font-weight:700;font-size:.76rem;text-decoration:none}a.article-detail__category:hover{background:var(--navy);color:#fff}.article-detail__title{font-size:1.6rem;font-weight:700;color:var(--navy);margin:0 0 1.8rem;line-height:1.6}.author-box{display:flex;align-items:flex-start;gap:1.1rem;margin-top:2.6rem;padding:1.3rem 1.5rem;border:1px solid var(--line);border-radius:4px;background:var(--bg-muted)}.author-box__icon{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.author-box__body{min-width:0}.author-box__label{margin:0 0 .3rem;font-size:.72rem;color:var(--muted);letter-spacing:.06em}.author-box__name{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.author-box__bio{margin:.5rem 0 0;font-size:.85rem;line-height:1.8;color:var(--muted)}.related-articles{margin-top:3.2rem}.related-articles__title{font-size:1.1rem;font-weight:700;color:var(--navy);margin:0 0 1.2rem}@media (max-width:980px){.articles-layout{grid-template-columns:1fr}.articles-layout__aside{grid-template-columns:1fr}}@media (max-width:640px){.article-list-item{grid-template-columns:1fr}.article-list--scroll .article-list-item{flex-basis:210px;width:210px}.article-card{grid-template-columns:1fr}.article-card__thumb{aspect-ratio:16 / 9}.related-articles__grid{grid-template-columns:1fr}.author-box{flex-direction:column;text-align:center}.ad-banner{margin-right:auto;margin-left:auto}.ad-banner--cases{margin-top:1rem}}