
.landing-utility-actions{margin-top:var(--space-5);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.landing-random-button{font-weight:600}
.landing-random-button:hover{border-color:var(--brand-border-strong)}
.landing-random-button:disabled{cursor:wait}
.landing-main-grid .quote-card{min-width:0}
.listing-sort{display:inline-flex;align-items:center;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-soft);gap:var(--space-1)}
.listing-sort a{position:relative;min-height:var(--control-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease,border-color .14s ease;-webkit-tap-highlight-color:transparent}
.listing-sort a:hover{color:var(--text-ui);background:var(--white)}
.listing-sort a:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}
.listing-sort a:active{transform:translateY(1px)}
.listing-sort a.is-active{background:var(--white);color:var(--brand);box-shadow:none}
.listing-sort a[aria-current="page"]{cursor:default}
.shared-quote-callout{margin:0 0 var(--space-6);padding:var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-soft)}
.shared-quote-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}
.shared-quote-head h2{margin:var(--space-1) 0 0;font-size:20px;letter-spacing:-.2px}
.shared-quote-head>a{min-height:var(--control-md);display:inline-flex;align-items:center;color:var(--brand);font-size:13px;font-weight:600;text-decoration:none}
.shared-quote-grid{max-width:var(--content-compact)}
.landing-page{padding:var(--page-pad-top) 0 var(--page-pad-bottom)}
.landing-head .breadcrumb{margin-bottom:var(--space-3)}
.landing-title-row{display:flex;justify-content:space-between;gap:var(--space-6);align-items:flex-start}
.landing-head .page-intro{margin:var(--space-2) 0 0;max-width:var(--content-lead)}
.landing-head:not(.is-directory):not(.is-paginated){padding-bottom:var(--space-6);margin-bottom:var(--space-6)}
.landing-head:not(.is-directory) .page-intro{max-width:var(--content-lead)}
.landing-head:not(.is-directory) .topic-shortcuts{margin-top:var(--space-4)}
.landing-head:not(.is-directory) .landing-utility-actions{margin-top:var(--space-3)}
.landing-head.is-directory{max-width:none;padding:0 0 var(--space-6);margin-bottom:0;border-bottom:0}
.landing-head.is-directory .breadcrumb{margin-bottom:var(--space-4)}
.landing-head.is-directory .landing-title-row{max-width:none}
.landing-head.is-directory .page-intro{max-width:var(--content-lead);margin-top:var(--space-2)}

.topic-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}
.topic-shortcuts a.is-empty{opacity:.62;border-style:dashed}
.topic-shortcuts-label{min-height:var(--control-md);display:inline-flex;align-items:center;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}

.landing-featured{padding:var(--space-1) 0 var(--space-7)}
.hub-preview-list{display:flex;flex-direction:column;gap:0}
.hub-preview-section{padding:var(--space-6) 0;border-top:1px solid var(--border-light)}
.all-topic-quotes{padding:var(--space-7) 0 var(--space-3);border-top:1px solid var(--border-light)}
.landing-main-grid{margin-top:0}

.landing-quick-filter{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-soft)}
.landing-quick-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2)}
.landing-quick-filter-head>div{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}
.landing-quick-filter-head strong{color:var(--text-ui);font-size:14px}
.landing-quick-filter-head span{color:var(--muted);font-size:12px;line-height:1.45}
.landing-filter-status{flex:0 0 auto}
.landing-filter-chips,.listing-toolbar>div{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.quote-card.is-landing-filter-hidden{display:none}
.listing-toolbar{min-height:var(--control-md);margin:0 0 var(--space-4);padding:var(--space-1) 0 var(--space-3);border-bottom:1px solid var(--border-light);color:var(--muted);font-size:13px}
.listing-order-text{font-weight:500;color:var(--muted)}
.listing-count>span{font-size:11px}

.related-topics{padding-top:var(--space-6);border-top:1px solid var(--border)}
.related-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.related-link-grid a,.directory-link-grid a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-lg);padding:var(--space-3);font-size:14px;font-weight:600}
.related-link-grid a>span:first-child,.directory-link-grid a>span:first-child{display:flex;min-width:0;flex-direction:column}
.related-link-grid small,.directory-link-grid small{margin-top:var(--space-1);color:var(--muted);font-size:11px;font-weight:500}
.landing-content-guide{width:100%;max-width:none;margin-top:var(--space-8);padding-top:var(--space-7);border-top:1px solid var(--border-light)}
.landing-seo-copy{min-width:0;max-width:none;color:var(--text-2)}
.landing-content-label{display:block;margin:0 0 var(--space-2);color:var(--brand);font-size:12px;font-weight:700;line-height:1.4}
.landing-seo-copy h2{margin:0 0 var(--space-3);color:var(--text);font-size:22px;line-height:1.32;letter-spacing:-.25px}
.landing-content-prose{color:var(--text-2);font-size:15px;line-height:1.72}
.landing-content-primary .landing-content-prose{max-width:var(--content-lead)}
.landing-content-prose p{margin:0 0 var(--space-3)}
.landing-content-prose p:last-child{margin-bottom:0}
.landing-content-links{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-light)}
.landing-content-links-label{display:block;margin-bottom:var(--space-2);color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}
.landing-content-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.landing-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7);margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--border-light)}
.pagination-status{margin:0 0 var(--space-2);color:var(--muted);font-size:12px;text-align:center}

.directory-search-wrap{margin:0 0 var(--space-7)}
.directory-control-panel{position:relative;margin:0 0 var(--space-6);padding:0}
.directory-control-panel .directory-search{max-width:none;margin:0}
.directory-control-panel .listing-search-icon{display:grid}
.directory-search{margin-top:0}
.directory-filter-help{max-width:none;margin:var(--space-2) var(--space-1) 0;min-height:var(--control-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--muted);font-size:12px;line-height:1.45}
.directory-filter-help>span{min-width:0;color:var(--muted)}
.directory-filter-reset{min-height:var(--control-md);flex:0 0 auto;padding:var(--space-1) var(--space-2);border:0;background:transparent;color:var(--brand);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.directory-filter-reset:hover{text-decoration:underline}
.directory-filter-reset:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}
.directory-filter-reset:disabled{opacity:.55;cursor:not-allowed}
.directory-group[hidden],.directory-link-grid a[hidden]{display:none}
.directory-group.is-empty{border-style:dashed;background:var(--bg-soft)}
.directory-filter-empty{margin:0 0 var(--space-6);padding:var(--space-7) var(--space-6);border-radius:var(--radius-lg)}
.directory-filter-empty .public-empty-actions{justify-content:center}

.directory-intents{margin-top:var(--space-7);padding-top:var(--space-7);border-top:1px solid var(--border-light)}
.directory-intents.is-priority{margin:0 0 var(--space-7);padding:0;border:0}
.directory-intents .section-head,.directory-intents.is-priority .section-head,.p1-intent-selector .section-head{margin-bottom:var(--space-3)}
.directory-intent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}
.directory-intent-grid>a{min-width:0;min-height:96px;padding:var(--space-3);display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);transition:border-color .15s ease,background .15s ease,transform .15s ease}
.directory-intent-grid>a:hover{transform:translateY(-1px)}
.directory-intent-icon{width:38px;height:38px;border-radius:var(--radius-lg);background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
.directory-intent-icon .ui-icon{width:18px;height:18px}
.directory-intent-grid>a>span:nth-child(2){min-width:0;display:flex;flex-direction:column}
.directory-intent-grid strong{font-size:13px;line-height:1.3}
.directory-intent-grid small{margin-top:var(--space-1);color:var(--muted);font-size:11px;line-height:1.45}
.directory-intent-grid>a:hover small{color:var(--text-2)}

.directory-section-head{margin:var(--space-7) 0 var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--border-light)}
.directory-section-head>div{max-width:var(--content-lead)}
.directory-section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.directory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.directory-group{min-width:0;padding:var(--space-4);display:flex;flex-direction:column;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--white);transition:border-color .15s ease,box-shadow .15s ease}
.directory-group:hover{border-color:var(--border);box-shadow:var(--shadow-xs)}
.directory-group-head{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}
.directory-group-copy{min-width:0;flex:1}
.directory-title-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}
.directory-icon{width:40px;height:40px;flex:0 0 40px;border-radius:var(--radius-lg);background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
.directory-icon .ui-icon{width:19px;height:19px}
.directory-group h2{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.015em}
.directory-count{min-height:26px;display:inline-flex;align-items:center;flex:0 0 auto;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--bg-soft);color:var(--text-2);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.directory-group h2 a:hover{color:var(--brand)}
.directory-group p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.directory-link-grid{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.directory-link-grid a{min-height:52px;padding:var(--space-2) var(--space-3);border-color:var(--border-light);background:var(--bg-soft);font-size:13px;font-weight:600}
.directory-link-grid a:hover{border-color:var(--brand-border);background:var(--brand-soft)}
.directory-link-grid a:focus-visible{border-color:var(--brand-border-strong);background:var(--brand-soft);color:var(--brand)}
.directory-link-grid a.is-empty{opacity:.62}
.directory-link-grid small{font-variant-numeric:tabular-nums}
.directory-editor-note{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--bg-soft)}

.p1-intent-selector{margin:var(--space-6) 0 var(--space-6);padding:var(--space-4) 0 0;border-top:1px solid var(--border-light)}
.p1-intent-selector .section-head p:last-child{max-width:var(--content-lead)}
.p1-intent-selector-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.directory-title-line,.directory-title-line>*,.directory-filter-help>*,.directory-link-grid a,.directory-link-grid a>*,.directory-intent-grid>a>*,.related-link-grid a,.related-link-grid a>*{min-width:0}
.directory-group h2,.directory-link-grid a,.directory-link-grid small,.directory-intent-grid strong,.directory-intent-grid small,.related-link-grid a{overflow-wrap:anywhere}

@media(min-width:1200px){
.landing-head:not(.is-directory):not(.is-paginated){padding-bottom:var(--space-5)}
.landing-featured{padding-bottom:var(--space-6)}
}
@media(max-width:1023px){
.related-link-grid,.directory-intent-grid,.p1-intent-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.directory-groups{grid-template-columns:1fr}
}
@media(max-width:767px){
.listing-sort{width:100%;display:grid;grid-template-columns:1fr 1fr}
.listing-sort a{min-height:var(--control-md)}
.shared-quote-callout{padding:var(--space-3);margin-bottom:var(--space-5)}
.shared-quote-head{align-items:flex-start;flex-direction:column;gap:var(--space-2)}
.shared-quote-head>a{min-height:var(--control-md)}
.landing-title-row{flex-direction:column;gap:var(--space-3)}
.landing-utility-actions{width:100%;margin-top:0}
.landing-head{padding-bottom:var(--space-5);margin-bottom:var(--space-5)}
.landing-head.is-paginated{padding-bottom:var(--space-3);margin-bottom:var(--space-4)}
.landing-head.is-directory{padding-bottom:var(--space-5)}
.landing-head.is-directory .breadcrumb{margin-bottom:var(--space-3)}
.landing-head:not(.is-directory):not(.is-paginated){padding-bottom:var(--space-4);margin-bottom:var(--space-4)}
.landing-head:not(.is-directory) .topic-shortcuts{margin-top:var(--space-3);overflow:visible}
.landing-head:not(.is-directory) .landing-utility-actions{margin-top:var(--space-2)}
.landing-head .page-intro{margin-top:var(--space-2)}
.topic-shortcuts a{flex:0 0 auto}
.topic-shortcuts-label{position:static;padding:0 var(--space-1) 0 0;background:transparent}
.landing-random-button{width:100%;justify-content:center}
.landing-featured{padding-bottom:var(--space-5)}
.hub-preview-section{padding:var(--space-5) 0}
.landing-quick-filter{margin-bottom:var(--space-3);padding:var(--space-3) 0 0;border:0;border-top:1px solid var(--border-light);border-radius:0;background:transparent}
.landing-quick-filter-head{align-items:flex-start;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}
.landing-filter-status{flex:auto}
.landing-filter-chips{gap:var(--space-1)}
.landing-filter-chips button{flex:0 0 auto}
.listing-toolbar{min-height:0;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}
.related-link-grid{grid-template-columns:1fr}
.directory-control-panel{margin-top:var(--space-4);margin-bottom:var(--space-6)}
.directory-filter-help{align-items:flex-start;flex-direction:column;gap:var(--space-1)}
.directory-filter-reset{padding-inline:0}
.directory-intents{margin-top:var(--space-6);padding-top:var(--space-6)}
.directory-intents.is-priority{margin-bottom:var(--space-6)}
.directory-intents.is-priority .directory-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:0}
.directory-intents.is-priority .directory-intent-grid>a{min-height:84px}
.directory-section-head,.related-topics{margin-top:var(--space-6);padding-top:var(--space-5)}
.directory-groups{grid-template-columns:1fr;gap:var(--space-3)}
.directory-group{padding:var(--space-4)}
.directory-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.p1-intent-selector{margin:var(--space-5) 0 var(--space-6);padding-top:var(--space-4)}
.p1-intent-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:0}
}
@media(max-width:430px){
.directory-filter-empty .public-empty-actions{justify-content:flex-start}
.topic-shortcuts-label{font-size:11px}
.landing-quick-filter-head>div>span,.directory-intents.is-priority .section-head p{display:none}
.directory-intents .section-head p{display:none}
.directory-intents.is-priority .directory-intent-grid,.directory-link-grid,.p1-intent-selector-grid{grid-template-columns:1fr}
.directory-intent-grid>a{min-height:78px}
.directory-title-line{align-items:flex-start;flex-direction:column;gap:var(--space-1)}
.directory-count{min-height:auto;padding-left:0;background:transparent}
.directory-group-head{gap:var(--space-2)}
.directory-group h2{font-size:18px}
.directory-group p{line-height:1.45}
.related-link-grid a{min-height:46px}
.landing-content-pills .ui-chip{flex-basis:100%}
}
@media(max-width:359px){
.directory-control-panel .directory-search button{padding-inline:var(--space-3)}
}
@media(prefers-reduced-motion:reduce){
.listing-sort a{transition:none}
.listing-sort a:active{transform:none}
.directory-intent-grid>a,.directory-group{transition:none}
.directory-intent-grid>a:hover{transform:none}
}

@media (max-width:767px){
.landing-content-guide{margin-top:var(--space-7);padding-top:var(--space-6)}
.landing-content-grid{grid-template-columns:1fr;gap:0;margin-top:var(--space-6);padding-top:0}
.landing-content-grid .landing-seo-copy{padding-top:var(--space-5)}
.landing-content-grid .landing-seo-copy+.landing-seo-copy{margin-top:var(--space-5);border-top:1px solid var(--border-light)}
.landing-seo-copy h2{font-size:20px}
.landing-content-pills{gap:var(--space-2)}
.landing-content-pills .ui-chip{flex:1 1 calc(50% - var(--space-2));justify-content:center;text-align:center}
}
