/* Only article index and category pages load this sheet. No global feed rules. */
.front-ui .article-index-page{width:var(--community-shell);max-width:1360px;margin:24px auto 44px;color:#20312a;min-width:0}
.front-ui .article-index-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 2px 22px;margin:0;background:none;border:0;min-width:0}
.front-ui .article-index-heading-copy{min-width:0;flex:1}
.front-ui .article-index-heading h1{font-size:30px;line-height:1.35;letter-spacing:-.03em;font-weight:750;margin:0;color:#14281f}
.front-ui .article-index-heading p{font-size:14px;line-height:1.75;color:#68766e;margin:8px 0 0;max-width:880px}
.front-ui .article-index-heading p:empty{display:none}
.front-ui .article-index-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 9px;font-size:13px;color:#78837c;line-height:1.5}
.front-ui .article-index-breadcrumb a{color:#4c6756;text-decoration:none}
.front-ui .article-index-submit{gap:7px;flex-shrink:0;background:#264b34;color:#fff;border:1px solid #264b34;border-radius:8px;box-shadow:none;font-weight:650;white-space:nowrap}
.front-ui .article-index-submit:hover{background:#193b26;border-color:#193b26}
.front-ui .article-index-channels{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding:10px;background:#fff;border:1px solid #e0e7e2;border-radius:10px;margin:0 0 20px;min-width:0}
.front-ui .article-index-channels a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 15px;font-size:14px;font-weight:550;line-height:1.5;border-radius:6px;color:#59675f;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.front-ui .article-index-channels a:hover{background:#f1f6f2;color:#244d32}
.front-ui .article-index-channels a[aria-current="page"]{background:#264b34;color:#fff;font-weight:650}
.front-ui .article-index-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;min-width:0}
.front-ui .article-index-main{min-width:0;background:#fff;border:1px solid #e0e7e2;border-radius:12px;overflow:hidden}
.front-ui .article-index-list-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:17px 22px;border-bottom:1px solid #e9eeea;background:#fff}
.front-ui .article-index-list-heading>div{display:flex;align-items:center;gap:10px;min-width:0}
.front-ui .article-index-list-heading h2{font-size:16px;line-height:1.5;margin:0;font-weight:700;color:#22392a}
.front-ui .article-index-list-heading>div>span{font-size:12px;color:#6c7e71;background:#f0f5f1;border-radius:5px;padding:1px 7px;white-space:nowrap}
.front-ui .article-index-list-heading>small{font-size:12px;color:#7b867e}
.front-ui .article-index-feed{display:block;min-width:0}
.front-ui .article-index-row{display:grid;grid-template-columns:minmax(0,1fr) 164px;align-items:center;gap:24px;padding:21px 22px;margin:0;border:0;border-bottom:1px solid #edf0ed;border-radius:0;box-shadow:none;min-width:0;background:#fff}
.front-ui .article-index-row:last-child{border-bottom:0}
.front-ui .article-index-row:hover{background:#fcfdfc}
.front-ui .article-index-copy{min-width:0}
.front-ui .article-index-copy h2{font-size:19px;line-height:1.55;letter-spacing:-.015em;font-weight:700;margin:0;display:block}
.front-ui .article-index-copy h2 a{color:#192d21;text-decoration:none;overflow-wrap:anywhere}
.front-ui .article-index-copy h2 a:hover{color:#3d704a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.front-ui .article-index-summary{font-size:14px;line-height:1.75;color:#69766e;margin:7px 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.front-ui .article-index-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;font-size:12px;line-height:1.6;color:#7c877f;margin-top:10px}
.front-ui .article-index-meta a{text-decoration:none}
.front-ui .article-index-meta .article-index-category{background:#edf4ed;border-radius:4px;color:#426544;padding:2px 7px;max-width:100%;font-weight:550;overflow-wrap:anywhere}
.front-ui .article-index-author{color:#586b5d;overflow-wrap:anywhere}
.front-ui .article-index-author:hover{color:#244d32;text-decoration:underline}
.front-ui .article-index-meta time{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.front-ui .article-index-tags{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:7px;font-size:12px;line-height:1.7}
.front-ui .article-index-tags a{color:#7a877e;text-decoration:none;overflow-wrap:anywhere;max-width:100%}
.front-ui .article-index-tags a:hover{color:#30583b;text-decoration:underline}
.front-ui .article-index-cover{display:block;width:164px;aspect-ratio:8/5;overflow:hidden;border-radius:8px;background:#eff3f0;align-self:center;line-height:0}
.front-ui .article-index-cover img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0;transition:transform .2s ease}
.front-ui .article-index-cover:hover img{transform:scale(1.035)}
.front-ui .article-index-feed>.article-ad{margin:12px 22px;border-radius:8px;overflow:hidden}
.front-ui .article-index-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 20px;border-top:1px solid #e9eeea;background:#fdfefd;min-width:0}
.front-ui .article-index-pagination>a,.front-ui .article-index-pagination>span{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font-size:13px;line-height:1.5;padding:8px 13px;border:1px solid #dce5df;border-radius:7px;background:#fff;text-decoration:none;color:#3b5843}
.front-ui .article-index-pagination>a:hover{background:#edf4ee;border-color:#9ab19d}
.front-ui .article-index-pagination>span[aria-disabled="true"]{color:#a0aaa3;background:#f7f9f7;border-color:#edf0ed}
.front-ui .article-index-pagination>.article-index-page-number{color:#78837c;background:none;border:0;gap:5px}
.front-ui .article-index-page-number b{color:#2d5639;font-weight:750}
.front-ui .article-index-empty{padding:54px 20px;text-align:center;color:#6e7d72}
.front-ui .article-index-empty h2{margin:0 0 8px;font-size:18px;color:#38513f}
.front-ui .article-index-empty p{margin:0 0 18px;font-size:14px}
.front-ui .article-index-empty a{display:inline-flex;gap:8px;font-size:14px;color:#305e3b;text-decoration:none;padding:8px 12px;border:1px solid #dce5df;border-radius:6px}
.front-ui .article-index-sidebar{min-width:0}
.front-ui .article-index-sidebar>.listing-sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;position:static;margin:0;padding:0;min-width:0}
.front-ui .article-index-sidebar .listing-sidebar>section{padding:18px;border-radius:10px;border:1px solid #e0e7e2;box-shadow:none;margin:0;min-width:0;overflow:visible;height:auto}
.front-ui .article-index-sidebar .side-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;padding:0 0 10px;border-bottom:1px solid #edf0ed}
.front-ui .article-index-sidebar .side-title h3{font-size:15px;line-height:1.5;margin:0;color:#2d4634}
.front-ui .article-index-sidebar .side-title>a{font-size:12px;color:#7c897f}
.front-ui .article-index-sidebar .side-title>span{display:none}
.front-ui .article-index-sidebar .sidebar-topic{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin:0;border-bottom:1px solid #f0f3f0;background:none;border-radius:0;text-decoration:none}
.front-ui .article-index-sidebar .sidebar-topic:last-child{border-bottom:0;padding-bottom:0}
.front-ui .article-index-sidebar .sidebar-topic b{font-size:13px;font-weight:550;line-height:1.6;color:#445c49;min-width:0}
.front-ui .article-index-sidebar .sidebar-topic small{font-size:12px;flex-shrink:0;color:#8b958e}
.front-ui .article-index-sidebar .sidebar-tags{display:flex;flex-wrap:wrap;gap:7px 6px;padding:8px 0 0}
.front-ui .article-index-sidebar .sidebar-tags a{padding:3px 7px;max-width:100%;font-size:12px;line-height:1.7;background:#f5f8f5;border:0;border-radius:5px;color:#6a7b6e;overflow-wrap:anywhere}
.front-ui .article-index-sidebar .sidebar-tags small{color:#93a094;margin-left:3px}
.front-ui .article-index-sidebar .sidebar-author{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f3f0}
.front-ui .article-index-sidebar .sidebar-author:last-child{border-bottom:0;padding-bottom:0}
.front-ui .article-index-sidebar .sidebar-author i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ecf3ed;color:#57765b;font-style:normal;font-size:13px;flex-shrink:0}
.front-ui .article-index-sidebar .sidebar-author span{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:8px}
.front-ui .article-index-sidebar .sidebar-author b{font-size:13px;color:#4d6252;min-width:0}
.front-ui .article-index-sidebar .sidebar-author small{font-size:12px;color:#909b92;white-space:nowrap}
.front-ui .article-index-sidebar .article-ad{margin:0;min-width:0;border-radius:10px;overflow:hidden}
.front-ui .article-index-sidebar .side-stats{display:flex;justify-content:space-between;gap:12px;padding:4px 8px;background:none;border:0;border-radius:0;font-size:12px;color:#88958b}
.front-ui .article-index-sidebar .side-stats b{font-size:16px;font-weight:650;color:#54705b}
@media(max-width:1100px){.front-ui .article-index-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.front-ui .article-index-row{grid-template-columns:minmax(0,1fr) 140px;gap:18px;padding:18px}.front-ui .article-index-cover{width:140px}.front-ui .article-index-copy h2{font-size:18px}}
@media(max-width:900px){.front-ui .article-index-layout{grid-template-columns:minmax(0,1fr)}.front-ui .article-index-sidebar{display:none}.front-ui .article-index-row{grid-template-columns:minmax(0,1fr) 160px}.front-ui .article-index-cover{width:160px}}
@media(max-width:600px){.front-ui .article-index-page{margin:18px auto 24px}.front-ui .article-index-heading{align-items:flex-start;gap:12px;padding:0 0 16px}.front-ui .article-index-heading h1{font-size:24px}.front-ui .article-index-heading p{font-size:13px;line-height:1.65;margin-top:7px}.front-ui .article-index-submit{padding:8px 10px;font-size:13px;gap:3px;min-height:38px}.front-ui .article-index-breadcrumb{font-size:12px;gap:6px}.front-ui .article-index-channels{padding:7px;gap:4px;margin-bottom:14px;border-radius:8px}.front-ui .article-index-channels a{font-size:13px;min-height:34px;padding:6px 10px}.front-ui .article-index-main{border-radius:9px}.front-ui .article-index-list-heading{padding:13px 14px}.front-ui .article-index-list-heading h2{font-size:15px}.front-ui .article-index-list-heading>small{font-size:12px}.front-ui .article-index-row{grid-template-columns:minmax(0,1fr) 86px;gap:12px;padding:16px 14px;align-items:start}.front-ui .article-index-copy h2{font-size:16px;line-height:1.6}.front-ui .article-index-cover{width:86px;aspect-ratio:1.15;border-radius:6px;align-self:start;margin-top:4px}.front-ui .article-index-summary{font-size:13px;line-height:1.65;margin:6px 0 8px}.front-ui .article-index-meta{gap:4px 9px;margin-top:8px;font-size:12px}.front-ui .article-index-meta time{flex-basis:100%}.front-ui .article-index-tags{gap:3px 9px;margin-top:6px;font-size:12px}.front-ui .article-index-feed>.article-ad{margin:8px 14px}.front-ui .article-index-pagination{gap:6px;padding:14px 8px}.front-ui .article-index-pagination>a,.front-ui .article-index-pagination>span{padding:8px 9px;font-size:12px;gap:4px}.front-ui .article-index-empty{padding:38px 18px}}
@media(max-width:600px){
  .front-ui .article-index-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}
  .front-ui .article-index-heading-copy{display:contents}
  .front-ui .article-index-heading h1{grid-column:1;grid-row:1}
  .front-ui .article-index-heading p{grid-column:1/-1;margin:0}
  .front-ui .article-index-breadcrumb{grid-column:1/-1;grid-row:1;margin:0}
  .front-ui .article-index-submit{grid-column:2;grid-row:1}
  .front-ui.page-category .article-index-heading h1,.front-ui.page-category .article-index-submit{grid-row:2}
}
@media(prefers-reduced-motion:reduce){.front-ui .article-index-cover img{transition:none}.front-ui .article-index-cover:hover img{transform:none}}