/* UI18: searchable guides and calmer article navigation. */
.knowledge-hub .service-intro{max-width:61ch}
.guide-explorer{margin-top:2rem}
.guide-controls{padding:28px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}
.guide-controls label{display:block;margin-bottom:6px;color:var(--color-brand);font-size:22px;font-weight:650;letter-spacing:-.02em;line-height:1.4}
.guide-search-heading p{margin:0 0 18px;font-size:14px!important;line-height:1.65!important;color:var(--color-muted)}
.guide-search-row{position:relative;display:flex;align-items:center}
.guide-search-row input{width:100%;min-width:0;border-radius:10px;padding:14px 52px;background:#fff;min-height:56px;border-color:#8da69e;font-size:16px}
.guide-search-row input::-webkit-search-cancel-button{display:none}
.guide-search-row input:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-color:var(--color-brand)}
.guide-search-icon{position:absolute;left:17px;display:flex;color:#596c65;pointer-events:none}
.guide-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--color-brand)}
.guide-search-clear:hover{background:var(--color-brand-soft)}
.service-page .guide-filter-label{margin:22px 0 10px;font-size:12px;font-weight:650;color:var(--color-muted);letter-spacing:.04em}
.guide-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.guide-filters button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:54px;padding:12px 14px;background:transparent;border:1px solid var(--color-border);border-radius:10px;font-family:var(--font-body);font-size:15px;font-weight:650;letter-spacing:-.01em;line-height:1.5;text-align:left;color:var(--color-brand);transition:background .15s,border-color .15s}
.guide-filters button:hover{background:var(--color-brand-soft);border-color:#71978d}
.guide-filters button[aria-pressed=true]{background:var(--color-brand);border-color:var(--color-brand);color:#fff}
.guide-filters [data-guide-filter-label]{font-family:var(--font-body);font-weight:700;font-synthesis:none;font-size:16px;line-height:1.4;letter-spacing:-.015em}
.guide-filter-total{display:grid;place-items:center;flex:none;min-width:26px;height:26px;border-radius:7px;background:#e2e8e3;color:#475450;font-size:12px;font-weight:650}
.guide-filters button[aria-pressed=true] .guide-filter-total{background:#ffffff20;color:#fff}
.guide-controls[hidden],.guide-explorer [hidden]{display:none!important}
.guide-results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:14px}
.guide-count{margin:0;font-size:13px!important;color:var(--color-muted)}
.guide-reset{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0 8px 10px;border:0;background:transparent;color:var(--color-brand);font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.guide-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.guide-active-filters button{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:44px;padding:8px 12px;border:1px solid #9fb8ae;border-radius:8px;background:#d4e4dd;color:#301e52;font-size:13px;font-weight:600}
.guide-active-filters button>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:36ch}
.guide-active-filters svg{flex:none}
.knowledge-hub .article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.knowledge-hub .hub-card{position:relative;padding:26px;border-radius:12px;gap:0;transition:border-color .18s ease,background .18s ease}
.knowledge-hub .hub-card:focus-within{outline:3px solid var(--color-brand);outline-offset:3px;border-color:var(--color-brand)}
.guide-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.guide-topic{font-size:11px;font-weight:700;letter-spacing:.06em;color:#1f6965}
.guide-badge{padding:3px 9px;border-radius:999px;background:#d4e4dd;color:#1f6965;font-size:11px;font-weight:700}
.knowledge-hub .hub-card h3{font-size:20px;line-height:1.4;margin:0 0 12px;text-wrap:pretty}
.knowledge-hub .hub-card h3 a{color:var(--color-brand);text-decoration:none}
.knowledge-hub .hub-card h3 a::after{content:'';position:absolute;inset:0;border-radius:12px}
.knowledge-hub .hub-card h3 a:focus-visible{outline:none}
.knowledge-hub .hub-card>p{font-size:15px;line-height:1.75;margin:0 0 22px}
.guide-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border)}
.guide-card-bottom span:first-child{font-size:12px;color:var(--color-muted)}
.guide-card-bottom .text-link{font-size:14px;color:var(--color-brand)}
.guide-empty{padding:28px;margin-top:20px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:12px}
.guide-empty h3{margin:0 0 12px}
.guide-cta{background:#d4e4dd;padding:28px;border-radius:12px;border:1px solid var(--color-border)}
.service-page .guide-cta h2{margin-top:0}
.guide-cta .service-page-actions{margin:20px 0 0}
.service-page .article-read-time{font-size:13px;line-height:1.6;margin:14px 0;color:var(--color-muted)}
.article-outline{margin:28px 0;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);overflow:hidden}
.article-outline summary{min-height:52px;padding:16px 20px;font-size:15px;font-weight:650;color:var(--color-brand);cursor:pointer}
.article-outline[open] summary{border-bottom:1px solid var(--color-border)}
.article-outline nav{padding:12px 20px 18px}
.article-outline ol{margin:0;padding-left:20px;display:grid;gap:3px}
.article-outline a{display:inline-flex;align-items:center;min-height:36px;padding:5px 0;font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
.knowledge-article section h2[id]{scroll-margin-top:7rem}
@media(max-width:1000px){.knowledge-hub .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .guide-controls{padding:20px 16px;border-radius:12px}
 .guide-controls label{font-size:20px}
 .guide-search-heading p{font-size:13px!important;margin-bottom:16px}
 .guide-search-row input{padding-left:44px;padding-right:44px;min-height:52px}
 .guide-search-icon{left:14px}
 .guide-search-clear{right:2px}
 .guide-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .guide-filters button{padding:10px;font-size:14px;font-weight:650;gap:6px;min-height:56px}
 .guide-filters [data-guide-filter-label]{font-size:15px;line-height:1.45}
 .guide-filter-total{min-width:23px;height:23px;font-size:11px}
 .guide-results-bar{flex-wrap:wrap;gap:0 8px}
 .guide-reset{padding-left:0}
 .knowledge-hub .article-grid{grid-template-columns:1fr;gap:16px}
 .knowledge-hub .hub-card{padding:22px}
 .knowledge-hub .hub-card h3{font-size:21px}
 .guide-cta{padding:22px}
 .guide-cta .service-page-actions{display:grid;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.knowledge-hub .hub-card,.guide-filters button{transition:none}}