/* Monochrome editorial styling for blog directory pages, without changing article CSS */
body:has(.dir-page){--accent:#111111;--accent-dark:#111111;--soft:#f2f2f2;--bg:#f7f7f7;--line:#e5e5e5}
.dir-page .eyebrow{color:#555555}.dir-page .eyebrow::before{background:#111111}
/* Focused monochrome blog directory, applied only to the blog homepage and topic hubs */
.dir-page{background:#f7f7f7;color:#111111;line-height:1.6}.dir-page .wrap{max-width:1160px}
.dir-hero{padding:84px 0 58px;background:linear-gradient(135deg,#f8f8f8,#ffffff 60%,#efefef);border-bottom:1px solid #e5e5e5}
.dir-hero h1{max-width:950px;margin:16px 0 22px;font-size:clamp(2.7rem,6vw,5rem);line-height:1.08;letter-spacing:-.05em}
.dir-hero h1 em{font-style:normal;color:#202020}.dir-hero p{max-width:790px;color:#555555;font-size:1.08rem}
.dir-search{margin-top:33px;max-width:760px}.dir-search label{display:block;font-weight:800;margin-bottom:9px}.dir-search-field{display:flex;gap:8px;padding:8px;background:#fff;border:1px solid #dddddd;border-radius:15px;box-shadow:0 10px 28px rgba(13,50,31,.04)}
.dir-search-field input{min-width:0;flex:1;background:transparent;border:0;outline:0;padding:11px 12px;color:#111111;font:inherit}.dir-search-field button{background:#171717;border:none;color:white;border-radius:10px;padding:8px 17px;cursor:pointer}
.dir-search-hint{font-size:.82rem!important;margin:8px 0 0}.dir-filter-wrap{margin-top:22px;max-width:1050px;display:flex;gap:9px;flex-wrap:wrap}
.dir-filter,.dir-pill-links a,.dir-topic-nav a{font:inherit;font-size:.84rem;font-weight:750;border:1px solid #dddddd;background:#fff;border-radius:999px;padding:9px 16px;color:#333333;cursor:pointer}
.dir-filter.selected,.dir-filter:hover{color:white;background:#111111;border-color:#111111}
.dir-section{padding:62px 0;border-bottom:1px solid #e5e5e5}.dir-section-head{display:flex;gap:22px;align-items:end;justify-content:space-between;margin-bottom:26px}
.dir-section-head h2{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.12;margin:8px 0 0}
.dir-section-head p{max-width:390px;color:#666666;font-size:.95rem;margin:0}.dir-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.dir-card{background:#fff;border:1px solid #e0e0e0;border-radius:17px;padding:24px;display:flex;flex-direction:column;min-height:255px;transition:transform .2s,border-color .2s;overflow-wrap:anywhere}
.dir-card:hover{transform:translateY(-3px);border-color:#777777}.dir-kicker{color:#202020;text-transform:uppercase;letter-spacing:.075em;font-size:.69rem;font-weight:800}
.dir-card h3{font-size:1.16rem;letter-spacing:-.025em;line-height:1.28;margin:12px 0}.dir-card h3 a:hover{color:#111111}.dir-card p{color:#666666;font-size:.88rem;line-height:1.55;margin:0 0 20px}
.dir-read{color:#202020;font-size:.82rem;font-weight:800;margin-top:auto}.dir-topics-section{background:#f1f1f1}.dir-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.dir-topic{display:flex;flex-direction:column;gap:12px;min-height:195px;background:#fff;border:1px solid #e0e0e0;border-radius:17px;padding:23px;transition:border-color .2s,transform .2s}
.dir-topic:hover{border-color:#888888;transform:translateY(-2px)}.dir-topic-no{font-size:.65rem;font-weight:800;letter-spacing:.1em;color:#202020}
.dir-topic strong{font-size:1.21rem;line-height:1.15}.dir-topic>span:nth-child(3){font-size:.83rem;color:#666666;line-height:1.5}
.dir-topic-arrow{color:#202020;font-size:.78rem;font-weight:800;margin-top:auto}.dir-all-link{font-weight:750;font-size:.85rem;color:#202020}
.dir-feature-note{background:#151515;color:#fff;padding:34px;border-radius:22px;display:flex;justify-content:space-between;gap:28px;align-items:center}
.dir-feature-note h2{color:#fff;margin:8px 0 12px;font-size:clamp(1.55rem,3vw,2.3rem)}.dir-feature-note p{max-width:730px;color:#d5d5d5;margin:0}
.dir-feature-note ol{color:#d5d5d5;padding-left:22px;max-width:720px}.dir-feature-note li+li{margin-top:7px}
.dir-feature-note .eyebrow{color:#f0f0f0}.dir-feature-note .dir-pill-links a{background:#fff;color:#111111}
.dir-pill-links{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 0}.dir-pub-section .dir-pill-links{flex-direction:column}
.dir-topic-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.dir-hub-hero{padding:54px 0}.dir-hub-hero h1{font-size:clamp(2.45rem,5vw,4.3rem)}.dir-faq-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dir-faq{border:1px solid #dedede;border-radius:14px;padding:17px 20px;background:#fff}
.dir-faq summary{cursor:pointer;font-weight:800}.dir-faq p{color:#666666;font-size:.92rem;margin:12px 0 0}
.dir-related .dir-pill-links a:hover,.dir-topic-nav a:hover{background:#efefef}
.dir-page [hidden]{display:none!important}
@media(max-width:850px){.dir-grid,.dir-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dir-section-head,.dir-feature-note{align-items:flex-start;flex-direction:column}.dir-faq-wrap{grid-template-columns:1fr}}
@media(max-width:560px){.dir-hero{padding:50px 0 36px}.dir-grid,.dir-topic-grid{grid-template-columns:1fr}.dir-card{min-height:0}.dir-section{padding:42px 0}.dir-search-field button{padding:8px 10px}.dir-hero h1{font-size:2.6rem}.dir-feature-note{padding:22px}.dir-filter-wrap{gap:6px}.dir-filter{padding:7px 11px}}

/* Preserve the publishing pipeline's latest-article section while matching the clean layout. */
.dir-page #latest-posts{padding:62px 0;background:#f7f7f7;border-bottom:1px solid #e5e5e5}
.dir-page #latest-posts .bloghub-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.dir-page #latest-posts .bloghub-section-head h2{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.13}
.dir-page #latest-posts .bloghub-section-head p{max-width:420px;color:#666666}
.dir-page #latest-posts .bloghub-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.dir-page #latest-posts .bloghub-card{background:white;border:1px solid #e0e0e0;border-radius:17px;padding:24px;display:flex;flex-direction:column}
.dir-page #latest-posts .bloghub-card h3{font-size:1.16rem;line-height:1.28;margin:12px 0}
.dir-page #latest-posts .bloghub-card p{font-size:.88rem;color:#666666}
.dir-page #latest-posts .bloghub-read{margin-top:auto;font-weight:800;color:#202020}
@media(max-width:850px){.dir-page #latest-posts .bloghub-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dir-page #latest-posts .bloghub-card-grid{grid-template-columns:1fr}.dir-page #latest-posts .bloghub-section-head{flex-direction:column;align-items:start}}