/* Shared article area: equal thumbnail cards, with content types on one tab row. */
.article-section{padding-block:37px 39px;scroll-margin-top:24px;color:var(--ink,#20362e)}
.article-section-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px}
.article-title-line{display:flex;align-items:center;gap:27px;min-width:0}
.article-title-line h2{font-size:29px;line-height:1.5;letter-spacing:.035em;font-weight:700;margin:0;flex-shrink:0}
.article-title-line p{font-size:15px;line-height:1.8;color:#596352;margin:0}
.article-section-more{display:inline-flex;align-items:center;justify-content:space-between;gap:19px;min-height:44px;font-size:15px;line-height:1.6;font-weight:700;color:#37606a;white-space:nowrap;flex-shrink:0}
.article-section-more span{font-size:22px;line-height:1}
.article-section-more:hover{color:var(--pink,#f26a60)}
.article-tab-bar{border-bottom:1px solid #e5ddd8}
.article-tabs{display:flex;align-items:stretch;gap:30px;min-width:0}
.article-tabs [role=tab]{position:relative;display:flex;align-items:center;justify-content:center;min-height:49px;padding:10px 2px 12px;border:0;background:transparent;color:#5a6257;font-size:15px;font-weight:700;line-height:1.6;white-space:nowrap;transition:color .18s}
.article-tabs [role=tab]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--pink,#f26a60);opacity:0;transition:opacity .18s}
.article-tabs [role=tab][aria-selected=true]{color:var(--pink,#f26a60)}
.article-tabs [role=tab][aria-selected=true]::after{opacity:1}
.article-tabs [role=tab]:hover{color:var(--pink,#f26a60)}
.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:51px;padding-block:3px}
.article-status{font-size:13px;line-height:1.8;color:#65705e;margin:0}
.article-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;min-height:44px;padding:7px 0 7px 13px;font-size:13px;line-height:1.65;color:#526747;flex-shrink:0}
.article-filter-toggle:hover,.article-filter-toggle[aria-expanded=true]{color:var(--pink,#f26a60)}
.article-filter-toggle svg{width:17px;height:17px;stroke-width:1.5}
.article-filter-toggle span[aria-hidden]{font-size:18px;line-height:1}
.article-filters{padding:18px 21px 19px;margin:0 0 22px;background:#f3f4eb;border:1px solid #e1e4d7;border-radius:5px}
.article-filters[hidden],.article-panel[hidden]{display:none}
.article-filter-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) auto;gap:18px;align-items:end}
.article-filter-form label{display:block;font-size:13px;font-weight:700;line-height:1.6;margin-bottom:6px;color:#42543c}
.article-filter-form select,.article-filter-form input{width:100%;min-width:0;min-height:46px;background:#fffefa;border:1px solid #b7c2ad;border-radius:4px;font:inherit;font-size:16px;color:var(--ink,#20362e);padding:9px 12px;line-height:1.5}
.article-filter-keyword>div{display:flex;gap:8px;min-width:0}
.article-filter-keyword button{min-width:82px;min-height:46px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 17px;background:var(--pink,#f26a60);border:1px solid var(--pink,#f26a60);border-radius:4px;color:white;font-size:15px;font-weight:700;line-height:1.5}
.article-filter-keyword button:hover{background:#f26a60;border-color:#f26a60}
.article-reset{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 3px;border:0;background:transparent;font-size:13px;color:#5d6f51;white-space:nowrap}
.article-reset:hover{color:var(--pink,#f26a60)}
.article-panel{min-width:0;scroll-margin-top:24px}
.article-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 23px;align-items:start}
.article-card{display:flex;flex-direction:column;min-width:0;position:relative}
.article-photo{display:block;width:100%;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:5px;background:#e8ece1}
.article-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.article-photo:hover img{transform:scale(1.025)}
.article-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:43px;height:43px;background:#fffdf9ed;color:#36503e;border-radius:50%;font-size:17px;line-height:1;box-shadow:0 1px 8px #1f38231a;padding-left:2px}
.article-play svg{width:18px;height:18px;fill:currentColor;stroke:none}
.article-video-label{position:absolute;left:8px;top:8px;background:#fffdf9ed;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:700;line-height:1.6;color:#3b5b42}
.article-card-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:10px;min-width:0;min-height:47px}
.article-card-meta .type-label{display:inline-block;max-width:100%;font-size:12px;line-height:1.55;padding:2px 7px;border-radius:3px;white-space:nowrap}
.article-card-meta time{display:block;font-size:13px;line-height:1.5;color:#687262;letter-spacing:.015em}
.article-card h3{font-size:17px;font-weight:700;line-height:1.7;letter-spacing:0;margin:8px 0 0;min-height:5.1em;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.article-card h3 a:hover{color:var(--pink,#f26a60)}


.article-theme-tags{display:flex;gap:0 9px;flex-wrap:wrap;align-items:center;margin-top:7px}
.article-topic-tag{display:inline-flex;align-items:center;min-height:33px;font-size:12px;line-height:1.6;color:#55704c;white-space:nowrap}
.article-topic-tag:hover{color:var(--pink,#f26a60);text-decoration:underline;text-underline-offset:4px}
.article-empty{padding:26px 22px;background:#f3f5ee;font-size:16px;line-height:1.9;color:#52634c;border-radius:5px;margin:0}
.social-section{padding-block:25px 28px}
.social-section .m-social-band{margin-top:0;padding-block:19px;min-height:89px}
.social-section .m-social-intro h3{font-size:22px}
.social-section .m-social-intro p{font-size:14px;margin-top:2px}

@media(max-width:1200px){
 .article-section{padding-block:31px 34px}
 .article-title-line{gap:23px}
 .article-title-line h2{font-size:27px}
 .article-title-line p{font-size:14px}
 .article-tabs{gap:25px}
 .article-tabs [role=tab]{font-size:14px;min-height:48px}
 .article-card-grid{gap:23px 18px}
 .article-card h3{font-size:16px;line-height:1.7}
 
 .article-card-meta .type-label{font-size:12px;padding-inline:6px}
 .article-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) auto;gap:14px}
 .social-section{padding-block:23px 26px}
 .social-section .m-social-band{padding-block:18px;min-height:91px;align-items:center}
 .social-section .m-social-intro h3{font-size:21px}
}
@media(max-width:900px){
 .article-section-head{align-items:flex-end;gap:17px}
 .article-title-line{display:block}
 .article-title-line h2{font-size:27px}
 .article-title-line p{margin-top:6px;font-size:14px}
 .article-section-more{font-size:14px;gap:14px}
 .article-tabs{justify-content:space-between;gap:9px}
 .article-tabs [role=tab]{font-size:13px;padding-inline:0}
 .article-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 21px}
 .article-card-meta .type-label{font-size:12px}
 .article-card h3{font-size:17px}
 
 .article-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
 .article-reset{grid-column:1/-1;justify-self:end;min-height:35px;padding:3px 0;margin-top:-5px}
 .social-section{padding-block:22px 27px}
 .social-section .m-social-band{min-height:0}
 .social-section .m-social-links{margin-top:16px}
}
@media(max-width:640px){
 .article-section{padding-block:27px 30px;scroll-margin-top:18px}
 .article-section-head{display:block;margin-bottom:12px}
 .article-title-line h2{font-size:26px;line-height:1.55;letter-spacing:.02em}
 .article-title-line p{font-size:14px;line-height:1.8;margin-top:6px}
 .article-section-more{display:flex;justify-content:flex-end;min-height:42px;font-size:14px;margin-top:2px;gap:15px}
 .article-tab-bar{border-bottom:0}
 .article-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px}
 .article-tabs [role=tab]{min-height:49px;padding:10px 0 11px;font-size:13px;line-height:1.5;letter-spacing:-.035em;border-bottom:1px solid #e4ddd8;white-space:normal;word-break:keep-all;overflow-wrap:normal}
 .article-tabs [role=tab]::after{bottom:-1px;height:3px}
 .article-toolbar{align-items:center;gap:10px;min-height:53px;padding-block:3px}
 .article-status{font-size:12px;line-height:1.65;max-width:55%}
 .article-filter-toggle{font-size:12px;line-height:1.65;gap:5px;padding-left:0;min-height:44px}
 .article-filter-toggle svg{width:16px;height:16px}
 .article-filters{padding:15px 14px 13px;margin-bottom:20px}
 .article-filter-form{display:block}
 .article-filter-form label{font-size:13px;margin-bottom:5px}
 .article-filter-keyword{margin-top:13px}
 .article-filter-form select,.article-filter-form input{font-size:16px;padding:10px;min-height:46px}
 .article-filter-keyword>div{gap:7px}
 .article-filter-keyword button{font-size:14px;min-width:65px;padding-inline:12px;min-height:46px;gap:5px}
 .article-filter-keyword button span[aria-hidden]{display:none}
 .article-reset{margin:8px 0 0 auto;padding:5px 0;min-height:40px;font-size:12px}
 .article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}
 .article-photo{border-radius:4px;aspect-ratio:16/10}
 .article-play{width:35px;height:35px;font-size:14px}
 .article-play svg{width:14px;height:14px}
 .article-video-label{font-size:10px;left:6px;top:6px;padding:2px 5px}
 .article-card-meta{gap:5px;margin-top:9px;min-height:47px}
 .article-card-meta .type-label{font-size:12px;padding:2px 5px;max-width:100%;white-space:normal;line-height:1.5}
 .article-card-meta time{font-size:13px;line-height:1.5;letter-spacing:0}
 .article-card h3{font-size:16px;line-height:1.65;min-height:4.95em;margin-top:7px;letter-spacing:0;-webkit-line-clamp:3}
 
 
 .article-theme-tags{gap:0 7px;margin-top:4px}
 .article-topic-tag{font-size:12px;line-height:1.6;min-height:37px;white-space:nowrap}
 .article-empty{padding:22px 16px;font-size:15px}
 .social-section{padding-block:22px 24px}
 .social-section .m-social-band{padding:19px 17px;min-height:0}
 .social-section .m-social-intro{gap:11px}
 .social-section .m-social-intro h3{font-size:21px;line-height:1.6}
 .social-section .m-social-intro p{font-size:14px;line-height:1.8;margin-top:4px}
 .social-section .m-social-links{margin-top:16px}
}
@media(max-width:380px){
 .article-card-grid{column-gap:13px}
 .article-tabs{column-gap:8px}
 .article-tabs [role=tab]{font-size:13px}
 .article-card-meta .type-label{font-size:12px;letter-spacing:-.025em}
}
@media(prefers-reduced-motion:reduce){
 .article-section *{transition:none!important;scroll-behavior:auto!important}
}
/* Shared link text uses the normal label size; only the arrow is enlarged. */
.article-section-more [data-article-more-label]{font-size:inherit;line-height:inherit}
.article-status{overflow-wrap:anywhere}
.social-section .m-social-intro h2{font-family:var(--font-ui);font-size:22px;line-height:1.6;font-weight:600;white-space:nowrap}
.article-empty [data-article-clear]{min-height:44px;margin-top:15px;padding:8px 16px;border:1px solid #aab99d;background:#fffdf9;border-radius:4px;font-size:14px}
@media(max-width:640px){.social-section .m-social-intro h2{font-size:21px;white-space:normal}.article-toolbar{gap:8px}.article-status{min-width:0;max-width:43%}.article-topic-tag{font-size:13px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.article-section *::before,.article-section *::after{transition:none!important}}