.ls-blog-categories{display:flex;flex-wrap:wrap;gap:8px 28px;padding:0 var(--ls-space);border-bottom:var(--rule-w) solid var(--ink)}
.ls-blog-categories a{display:block;padding:18px 0 16px;background:transparent;border-bottom:3px solid transparent;font-size:13px;font-weight:700;line-height:1.7}
.ls-blog-categories a[aria-current],.ls-blog-categories a:hover{border-bottom-color:var(--accent);color:#596411}
.ls-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}
.ls-blog-results,.ls-blog-sidebar{min-width:0}
.ls-blog-list-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}
.ls-blog-list-title h2{font-size:24px;line-height:1.6;overflow-wrap:anywhere}.ls-blog-list-title>p{font-size:14px;color:#666;white-space:nowrap}
.ls-blog-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--ink)}
/* The article is the shared interaction area; tag links stay independently clickable. */
.ls-blog-card{--blog-thumb:208px;--blog-gap:28px;--blog-pad-x:24px;--blog-pad-y:28px;position:relative;isolation:isolate;border:0;border-bottom:1px solid #c8c8be;background:#fff;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:var(--blog-pad-y) var(--blog-pad-x)}
.ls-blog-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#edf1de;opacity:0;transition:opacity .35s ease}
.ls-blog-card-main{display:block;min-width:0;padding-right:66px;color:inherit;text-decoration:none}
.ls-blog-card .ls-blog-card-main{background:transparent}
.ls-blog-card-main::after{content:"";position:absolute;inset:0;z-index:2}
.ls-blog-card.has-thumbnail{min-height:calc(var(--blog-thumb)*.525 + var(--blog-pad-y)*2)}
.ls-blog-card.has-thumbnail .ls-blog-card-main,.ls-blog-card.has-thumbnail .ls-blog-card-footer{margin-left:calc(var(--blog-thumb) + var(--blog-gap))}
.ls-blog-cover-frame{position:absolute;left:var(--blog-pad-x);top:50%;transform:translateY(-50%);width:var(--blog-thumb);overflow:hidden;z-index:1;border:1px solid #d9dcd0;background:#fff;transition:border-color .4s ease}
.ls-blog-cover{width:100%;aspect-ratio:1200/630;object-fit:contain;display:block;height:auto;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.ls-blog-card-copy{position:relative;z-index:1;padding:0}.ls-blog-card-category{font-size:12px;color:#596411;font-weight:700}
.ls-blog-card-copy h3{font-size:22px;line-height:1.65;margin:8px 0 10px;overflow-wrap:anywhere;transition:color .35s ease}
.ls-blog-card-copy p{font-size:14px;line-height:1.95;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ls-blog-card-footer{padding:16px 66px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:12px;color:#666}
.ls-blog-card-footer time{position:relative;z-index:1}
.ls-blog-card-tags,.ls-blog-tag-list{display:flex;flex-wrap:wrap;gap:8px 12px}
.ls-blog-card-tags a{position:relative;z-index:3;padding:2px 4px;margin:-2px -4px;transition:color .25s ease,background-color .25s ease}
.ls-blog-card a,.ls-blog-card a:hover,.ls-blog-card a:focus,.ls-blog-card a:hover h3{text-decoration:none}
.ls-blog-card-tags a:hover,.ls-blog-card-tags a:focus-visible{color:#526000;background:#e6ebd3}
.ls-blog-card-arrow{position:absolute;right:var(--blog-pad-x);top:50%;transform:translateY(-50%);z-index:1;display:grid;place-items:center;width:42px;height:42px;border:1px solid #cbd0b7;color:#596411;background:#fff;transition:background-color .35s ease,border-color .35s ease,color .35s ease}
.ls-blog-card-arrow>span{display:block;font-size:21px;line-height:1;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.ls-blog-card-main:focus-visible{outline:none}.ls-blog-card:has(a:focus-visible){outline:2px solid #596411;outline-offset:-2px;z-index:1}
@media(hover:hover) and (pointer:fine){
 .ls-blog-card:hover{z-index:1}
 .ls-blog-card:hover::before{opacity:1}
 .ls-blog-card:hover .ls-blog-cover-frame{border-color:#aab881}
 .ls-blog-card:hover .ls-blog-cover{transform:scale(1.045)}
 .ls-blog-card:hover h3{color:#43500a}
 .ls-blog-card:hover .ls-blog-card-arrow{background:#8a9c1a;border-color:#8a9c1a;color:#fff}
 .ls-blog-card:hover .ls-blog-card-arrow>span{transform:translateX(3px)}
}
.ls-blog-card:has(a:focus-visible)::before{opacity:1}
.ls-blog-sidebar{border-left:1px solid #ccc;padding-left:28px}.ls-blog-sidebar>section{border-top:1px solid #ccc;padding-top:24px;margin-top:28px}.ls-blog-sidebar h2,.ls-blog-search>label{font-size:15px;font-weight:700;line-height:1.7;display:block;margin-bottom:16px}
.ls-blog-search>div{display:flex;min-width:0}.ls-blog-search input[type=search]{border:1px solid #aaa;background:#fff;padding:12px;min-width:0;width:100%;border-radius:0;font-size:16px}.ls-blog-search button{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:10px 14px;font-size:12px;flex-shrink:0;cursor:pointer}
.ls-blog-category-list{list-style:none;padding:0;margin:0}.ls-blog-category-list li{display:flex;gap:12px;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ddd;background:#fff;padding:0 14px;border-inline-start:3px solid transparent;transition:background-color .22s ease,border-color .22s ease}.ls-blog-category-list a{flex:1;padding:14px 0;font-size:13px;line-height:1.7}.ls-blog-category-list span{font-size:12px;color:#666}.ls-blog-category-list a[aria-current]{font-weight:700;color:#596411}.ls-blog-tag-list a{color:inherit;text-decoration:none;transition:color .22s ease,border-color .22s ease;font-size:12px;line-height:1.6;padding:6px 9px;border:1px solid #c7cbb7;background:#fff;overflow-wrap:anywhere}.ls-blog-tag-list a[aria-current],.ls-blog-tag-list a:hover{background:#fff;border-color:var(--accent);color:#596411}
@media(min-width:1600px){.ls-blog-categories{padding-left:max(var(--ls-space),calc((100vw - 1400px)/2));padding-right:max(var(--ls-space),calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.ls-blog-layout{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.ls-blog-sidebar{padding-left:22px}}
@media(max-width:900px){.ls-blog-layout{grid-template-columns:minmax(0,1fr)}.ls-blog-sidebar{border-left:0;border-top:1px solid var(--ink);padding:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ls-blog-sidebar>section{margin:0}.ls-blog-search{grid-column:1/-1;max-width:540px}}
@media(max-width:600px){.ls-blog-categories{gap:0 20px}.ls-blog-categories a{padding:14px 0;font-size:12px}.ls-blog-layout{gap:36px}.ls-blog-sidebar{display:block}.ls-blog-sidebar>section{margin-top:28px}.ls-blog-list-title h2{font-size:22px}}
/* Blog links follow the site's editorial palette rather than browser defaults. */
.ls-blog-layout a,.ls-blog-categories a{color:inherit;text-decoration:none}
.ls-blog-categories a[aria-current],.ls-blog-categories a:hover,.ls-blog-category-list a[aria-current]{color:#596411}
.ls-blog-category-list li:is(:hover,:focus-within,:has(a[aria-current])){background:#edf1de;border-inline-start-color:var(--accent)}.ls-blog-category-list li:is(:hover,:focus-within,:has(a[aria-current])) :is(a,span){color:#596411;font-weight:700}.ls-blog-category-list a:is(:hover,:focus-visible){text-decoration:none;color:#596411}
.ls-blog-sidebar>section:first-child{margin-top:0;padding-top:0;border-top:0}


@media(max-width:600px){
 .ls-blog-card{--blog-thumb:112px;--blog-gap:16px;--blog-pad-x:18px;--blog-pad-y:24px}
 .ls-blog-card-main{padding-right:0}.ls-blog-card-copy h3{font-size:18px;line-height:1.65}
 .ls-blog-card-footer{padding-right:36px;gap:8px 12px}
 .ls-blog-card-arrow{top:auto;bottom:22px;transform:none;width:28px;height:28px}.ls-blog-card-arrow>span{font-size:18px}
 .single-post .ls-detail-image{display:block;height:auto}
}
@media(prefers-reduced-motion:reduce){
 .ls-blog-card,.ls-blog-card::before,.ls-blog-cover-frame,.ls-blog-cover,.ls-blog-card-copy h3,.ls-blog-card-arrow,.ls-blog-card-arrow>span,.ls-blog-card-tags a{transition:none!important}
 .ls-blog-card::before,.ls-blog-card:hover .ls-blog-cover,.ls-blog-card:hover .ls-blog-card-arrow>span{transform:none}
}

/* Article reading links share a simple underline-off response; taxonomy chips stay as chips. */
.single-post .ls-rich-body a:is(:hover,:focus-visible){text-decoration:none}
.ls-related-posts .ls-blog-card-tags a{color:#52600d;background:transparent;text-decoration:underline;text-underline-offset:3px}
.ls-related-posts .ls-blog-card-tags a:is(:hover,:focus-visible){color:#52600d;background:transparent;text-decoration:none}

/* Shared phone article grids place thumbnails above the titles. */
@media(max-width:600px){
 .ls-blog-cards-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;border-top:0}
 .ls-blog-cards-visual .ls-blog-card{padding:0;border-bottom:0;justify-content:flex-start;min-height:0}
 .ls-blog-cards-visual .ls-blog-card-main{padding:0}
 .ls-blog-cards-visual .ls-blog-card.has-thumbnail :is(.ls-blog-card-main,.ls-blog-card-footer){margin-left:0}
 .ls-blog-cards-visual .ls-blog-cover-frame{position:relative;left:auto;top:auto;transform:none;width:100%;border:0;border-bottom:1px solid #d9dcd0}
 .ls-blog-cards-visual .ls-blog-card-copy{padding:14px 12px 0}
 .ls-blog-cards-visual .ls-blog-card-copy h3{font-size:14px;line-height:1.7;margin:8px 0 0}
 .ls-blog-cards-visual .ls-blog-card-copy p{display:none}
 .ls-blog-cards-visual .ls-blog-card-footer{margin-top:auto;padding:14px 12px 16px;gap:8px 12px;line-height:1.6}
 .ls-blog-cards-visual .ls-blog-card-arrow{display:none}
}
@media(max-width:350px){
 .ls-blog-cards-visual{grid-template-columns:minmax(0,1fr);gap:24px}
 .ls-blog-cards-visual .ls-blog-card-copy h3{font-size:16px}
}

/* Compact editorial spacing for TOP, article lists and related posts. */
@media(max-width:600px){
 :is(.ls-feed-post,.ls-related-posts,.ls-blog-layout){padding-inline:16px}
 .ls-blog-categories{padding-inline:16px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .ls-blog-categories a{flex:0 0 auto;white-space:nowrap}
 .ls-blog-cards-visual{gap:22px 12px;align-items:start}
 .ls-blog-cards-visual .ls-blog-card-copy{padding:10px 8px 0}
 .ls-blog-cards-visual .ls-blog-card-copy h3{margin-top:6px}
 .ls-blog-cards-visual .ls-blog-card-footer{margin-top:0;padding:12px 8px;gap:6px 10px}
}