.section-heading{max-width:820px;margin:0 auto 38px;text-align:center}
.section-heading p{color:var(--muted)}
.intro-copy{max-width:820px;margin:0 auto;text-align:center}
.intro-copy h2{font-size:clamp(1.75rem,3vw,2.5rem)}
.intro-copy p{color:var(--muted)}
.blog-tools{margin-top:38px}
.tool-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.filters{flex:1}
.search{flex:0 0 260px}
.filters{display:flex;flex-wrap:wrap;gap:10px}
.filter{padding:7px 10px;border:1px solid #cfbfd2;border-radius:7px;background:#fff;color:var(--deep);font:inherit;font-size:.76rem;font-weight:600;line-height:1.35;box-shadow:0 7px 18px rgba(62,23,71,.06);cursor:pointer;white-space:nowrap}
.filter:hover,.filter[aria-pressed="true"]{border-color:var(--purple);background:#fbf4fb;color:var(--deep)}
.filter-link{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--deep);font-weight:650;text-decoration:underline;text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:4px}
.search{width:min(100%,280px);padding:11px 14px;border:1px solid #d8c8dc;border-radius:7px;font:inherit;font-size:.92rem}
.search:focus{outline:2px solid var(--purple);outline-offset:2px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(51,10,67,.07);transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(51,10,67,.13)}
.card-image{overflow:hidden;aspect-ratio:16/10;background:#eaddec}
.card-image img{width:100%;height:100%;object-fit:cover}
.card-content{display:flex;flex:1;flex-direction:column;padding:24px}
.card-category{margin:0 0 12px;color:var(--purple);font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.card-content h2{margin:0 0 12px;font-size:1.42rem;line-height:1.3}
.card-content p:not(.card-category){color:var(--muted);font-size:.96rem}
.card-link{display:inline-flex;gap:8px;align-items:center;margin-top:auto;padding-top:10px;color:var(--deep);font-weight:700;text-decoration:none}
.card-link span{transition:transform .2s}
.card-link:hover span{transform:translateX(4px)}
.empty-state{display:none;margin:20px 0;text-align:center;color:var(--muted)}
.lexicon{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:38px;border:1px solid var(--line);border-radius:18px;background:#fff}
.lexicon h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.lexicon p{color:var(--muted)}
.lexicon-icon{display:grid;min-height:200px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#fbf4fb,#f0def4);color:var(--deep)}
.lexicon-icon svg{width:104px;height:104px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-row{align-items:center;flex-direction:row;flex-wrap:wrap}.search{width:260px;flex:0 0 260px}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.card-content{padding:21px}.filters{gap:8px}.search{width:100%;flex:1 1 100%}.filter{padding:6px 8px;font-size:.72rem}.lexicon{grid-template-columns:1fr;padding:24px;gap:24px}.lexicon-icon{min-height:150px}.actions .btn{width:100%}}
@media(min-width:901px){.tool-row{flex-wrap:nowrap}.filters{flex-wrap:nowrap;gap:6px}.search{width:230px;flex:0 0 230px;padding:9px 11px}}
.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),370px));justify-content:start}
.card-content h2 a{text-decoration:none}
.card-content h2 a:hover{color:var(--purple)}
