/* Two user-selected color proposals. Scoped to frozen YX preview pages only. */
:root{
 --directory-canvas:#101923;--directory-ink:#edf3fa;--directory-muted:#b4c1d0;
 --directory-line:#394b5c;--directory-breadcrumb:#a8b9cc;--directory-metadata:#a8b9cc;
 --directory-category:#a8c9e5;--directory-link:#b4d9fa;--directory-link-hover:#d0e7fc;
 --directory-topic-text:#bdcbda;--directory-topic-hover:#192a3a;
 --directory-topic-selected:#20374c;--directory-topic-selected-ink:#eef6ff;
 --directory-field:#142333;--directory-field-line:#6f849b;
 --directory-action:#efc98c;--directory-action-hover:#e6bd7c;--directory-action-ink:#202c3b;
 --directory-page-line:#6f849b;--directory-page-ink:#d3e2f2;
 --directory-page-current:#accfed;--directory-page-current-ink:#12243b;
 --directory-disabled:#172737;--directory-disabled-ink:#95a9be;--directory-disabled-line:#3f5266;
 --directory-focus:#94c9f6;--directory-selection:#284b6b;--directory-selection-ink:#edf3fa;
 --directory-scrollbar:#63788d;--directory-scrollbar-track:#101923;
}
:root[data-yx-color-theme=split]{
 --directory-canvas:#f6f8fb;--directory-ink:#192b40;--directory-muted:#4d5e73;
 --directory-line:#ccd6e1;--directory-breadcrumb:#53647a;--directory-metadata:#53647a;
 --directory-category:#375a7b;--directory-link:#1c5081;--directory-link-hover:#153f65;
 --directory-topic-text:#344960;--directory-topic-hover:#e8eef5;
 --directory-topic-selected:#dce8f3;--directory-topic-selected-ink:#173e64;
 --directory-field:#fff;--directory-field-line:#7b8fa6;
 --directory-action:#efc98c;--directory-action-hover:#e6bd7c;--directory-action-ink:#202c3b;
 --directory-page-line:#7b8fa6;--directory-page-ink:#29415e;
 --directory-page-current:#213d59;--directory-page-current-ink:#fff;
 --directory-disabled:#e9eef4;--directory-disabled-ink:#596b80;--directory-disabled-line:#c6d1dd;
 --directory-focus:#245f92;--directory-selection:#d5e6f5;--directory-selection-ink:#192b40;
 --directory-scrollbar:#73869c;--directory-scrollbar-track:#e9eef4;
}
:root[data-yx-color-theme=split] .directory-band{
 background:#142333;--directory-ink:#edf3fa;--directory-muted:#b6c7da;
 --directory-breadcrumb:#b6c7da;--directory-line:#344a60;
}

/* Global color adaptation only; incumbent homepage and article geometry is unchanged. */
:root body.hosted-yx-arcade{background:var(--directory-canvas);scrollbar-color:var(--directory-scrollbar) var(--directory-scrollbar-track)}
:root .hosted-yx-arcade main{--ht-bg:var(--directory-canvas);--ht-ink:var(--directory-ink);--ht-text:var(--directory-ink);--ht-muted:var(--directory-muted);--ht-line:var(--directory-line);--ht-accent:var(--directory-link);--ht-prose-ink:var(--directory-ink);--ht-card-bg:var(--directory-field);--ht-code-bg:var(--directory-topic-hover);color:var(--directory-ink)}
:root .hosted-yx-arcade main ::selection{background:var(--directory-selection);color:var(--directory-selection-ink)}
:root .hosted-yx-arcade main :focus-visible{outline:3px solid var(--directory-focus);outline-offset:5px}
:root .hosted-yx-arcade main input,:root .hosted-yx-arcade main textarea{caret-color:var(--directory-focus);accent-color:var(--directory-focus)}
:root .hosted-yx-arcade main a{text-underline-offset:5px}
:root .hosted-yx-arcade .yx-reading-room{background:var(--directory-canvas);color:var(--directory-ink)}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-reading-path h2,:root .hosted-yx-arcade:not(.yx-directory) main .yx-reading-steps h3,:root .hosted-yx-arcade:not(.yx-directory) main .ht-lead h2,:root .hosted-yx-arcade:not(.yx-directory) main .ht-section-heading h2,:root .hosted-yx-arcade:not(.yx-directory) main .ht-card h2,:root .hosted-yx-arcade:not(.yx-directory) main .ht-article-head h1,:root .hosted-yx-arcade:not(.yx-directory) main .ht-page-head h1,:root .hosted-yx-arcade:not(.yx-directory) main .ht-about h1,:root .hosted-yx-arcade main #yx-context-title,:root .hosted-yx-arcade:not(.yx-directory) main .yx-context-disclosure>summary,:root .hosted-yx-arcade:not(.yx-directory) main .yx-context-rows h3{color:var(--directory-ink)}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-reading-path>p,:root .hosted-yx-arcade:not(.yx-directory) main .yx-reading-steps p,:root .hosted-yx-arcade:not(.yx-directory) main .ht-lead p,:root .hosted-yx-arcade:not(.yx-directory) main .ht-card p,:root .hosted-yx-arcade:not(.yx-directory) main .ht-card-meta,:root .hosted-yx-arcade:not(.yx-directory) main .yx-browse-count,:root .hosted-yx-arcade:not(.yx-directory) main .yx-pagination-hint,:root .hosted-yx-arcade main #yx-official-context>p,:root .hosted-yx-arcade:not(.yx-directory) main .yx-context-disclosure p,:root .hosted-yx-arcade:not(.yx-directory) main .refine-title-sub{color:var(--directory-muted)}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-reading-steps a,:root .hosted-yx-arcade:not(.yx-directory) main .ht-card-link,:root .hosted-yx-arcade:not(.yx-directory) main .yx-reading-number,:root .hosted-yx-arcade:not(.yx-directory) main .ht-card-meta a,:root .hosted-yx-arcade:not(.yx-directory) main .yx-context-disclosure a,:root .hosted-yx-arcade:not(.yx-directory) main .ht-more-guides>summary,:root .hosted-yx-arcade:not(.yx-directory) main .refine-toc a{color:var(--directory-link);text-decoration-color:currentColor}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-reading-steps a:hover,:root .hosted-yx-arcade:not(.yx-directory) main .ht-card h2 a:hover{color:var(--directory-link-hover)}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-reading-steps>li,:root .hosted-yx-arcade:not(.yx-directory) main .ht-lead,:root .hosted-yx-arcade:not(.yx-directory) main .ht-more-guides,:root .hosted-yx-arcade main #yx-official-context,:root .hosted-yx-arcade:not(.yx-directory) main .yx-context-disclosure{border-color:var(--directory-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-card{background:var(--directory-field);border-color:var(--directory-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-card:hover{background:var(--directory-topic-hover);border-color:var(--directory-field-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-featured-photo{background:#fff}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-featured-photo figcaption{color:#4d5e73}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-search{border-color:var(--directory-field-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-search input{color:var(--directory-ink)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-search input::placeholder{color:var(--directory-metadata);opacity:1}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-search button{color:var(--directory-link)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-pagination,:root .hosted-yx-arcade:not(.yx-directory) main .ht-pagination nav p,:root .hosted-yx-arcade:not(.yx-directory) main .ht-pagination nav p span{color:var(--directory-muted);border-color:var(--directory-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-pagination nav a{color:var(--directory-page-ink);background:var(--directory-field);border-color:var(--directory-page-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-pagination [aria-current=page]>span{background:var(--directory-page-current);color:var(--directory-page-current-ink);border-color:var(--directory-page-current)}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-next-button{background:var(--directory-action);color:var(--directory-action-ink)}
:root .hosted-yx-arcade:not(.yx-directory) main .yx-next-button:hover{background:var(--directory-action-hover)}
/* The photo hero and inquiry introduction keep their intentional dark ground. */
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-inquiry{background:#142333;--ht-ink:#edf3fa;--ht-muted:#b4c1d0;--ht-accent:#efc98c}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-inquiry-panel,:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-success-dialog{background:var(--directory-field);color:var(--directory-ink);border-color:var(--directory-field-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-inquiry-panel-head,:root .hosted-yx-arcade:not(.yx-directory) main .yx-source-context{border-color:var(--directory-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-inquiry-panel h3,:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-field label:not(.ht-yx-consent),:root .hosted-yx-arcade:not(.yx-directory) main .yx-source-context h4,:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-note a,:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-success-dialog h2{color:var(--directory-ink)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-inquiry-panel-head p,:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-note,:root .hosted-yx-arcade:not(.yx-directory) main .yx-source-context p,:root .hosted-yx-arcade:not(.yx-directory) main .refine-optional>summary,:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-success-dialog p{color:var(--directory-muted)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-field input:not([type=checkbox]),:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-field textarea{color:var(--directory-ink);background:var(--directory-canvas);border-color:var(--directory-field-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-field textarea::placeholder{color:var(--directory-metadata);opacity:1}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-field .ht-yx-consent{background:var(--directory-topic-hover);color:var(--directory-muted);border-color:var(--directory-line)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-inquiry-panel button{background:var(--directory-action);color:var(--directory-action-ink)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-inquiry-panel button:hover{background:var(--directory-action-hover)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-field label>span:first-child{color:var(--directory-link)}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-yx-form-error{color:#ffb4b4}
:root[data-yx-color-theme=split] .hosted-yx-arcade main .ht-yx-form-error{color:#a4262c}
:root .hosted-yx-arcade:not(.yx-directory) main .ht-eyebrow{color:var(--directory-category)}
/* Header preference control: fixed dark chrome keeps the language switch unchanged. */
.hosted-yx-arcade .ht-header-inner{gap:12px}
.yx-theme-switch{display:inline-flex;flex:none;align-items:stretch;gap:2px;padding:2px;border:1px solid #6f849b;border-radius:6px;background:#101923}
.yx-theme-switch button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 11px;border:0;border-radius:3px;background:transparent;color:#b4c1d0;font:600 12px/1.4 'Avenir Next','Segoe UI',sans-serif;white-space:nowrap;cursor:pointer}
.yx-theme-switch button:hover{background:#192a3a;color:#edf3fa}
.yx-theme-switch button[aria-pressed=true]{background:#20374c;color:#eef6ff}
.yx-theme-switch button[data-yx-theme=split][aria-pressed=true]{background:#dce8f3;color:#173e64}
.yx-theme-switch button:focus-visible{outline:3px solid #94c9f6;outline-offset:4px}
.yx-theme-short{display:none}
@media(max-width:1100px){.hosted-yx-arcade .ht-nav{display:none}.hosted-yx-arcade .ht-mobile-nav{display:block;position:relative}.hosted-yx-arcade .ht-mobile-nav summary{display:grid;align-content:center;gap:5px;width:44px;height:44px;cursor:pointer;list-style:none}.hosted-yx-arcade .ht-mobile-nav summary::-webkit-details-marker{display:none}.hosted-yx-arcade .ht-mobile-nav summary span{width:20px;height:2px;background:#edf3fa}.hosted-yx-arcade .ht-mobile-nav nav{position:absolute;top:49px;right:0;z-index:20;display:grid;min-width:220px;padding:9px;background:#142333;border:1px solid #6f849b;border-radius:10px;box-shadow:0 12px 28px #0003}.hosted-yx-arcade .ht-mobile-nav nav a{padding:10px 12px;font-size:14px;color:#edf3fa}}
@media(max-width:760px){.yx-theme-full{display:none}.yx-theme-short{display:inline}.yx-theme-switch button{padding:8px 6px}.hosted-yx-arcade .ht-header-inner{gap:8px}.hosted-yx-arcade .ht-language-switch{margin-left:auto}:root .hosted-yx-arcade:not(.yx-directory) main .ht-search input{font-size:16px}}

/* A directory structure and spacing are inherited unchanged; roles come from the selected preview theme. */
body.yx-directory{background:var(--directory-canvas);scrollbar-color:var(--directory-scrollbar) var(--directory-scrollbar-track)}
.yx-directory main{--ht-text:var(--directory-ink);--ht-muted:var(--directory-muted);--ht-line:var(--directory-line);--ht-card-bg:transparent;--ht-accent:var(--directory-category);color:var(--directory-ink);font-family:'Avenir Next','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.yx-directory main *{box-sizing:border-box}
.yx-directory main ::selection{background:var(--directory-selection);color:var(--directory-selection-ink)}
.yx-directory main :focus-visible{outline:3px solid var(--directory-focus);outline-offset:5px}
.yx-directory main a{text-underline-offset:5px}
.yx-directory main>.ht-shell{width:min(1044px,calc(100% - 96px));max-width:1044px;margin:0 auto;padding:42px 0 76px}
.yx-directory main .ht-breadcrumb{margin:0 0 25px;font-size:13px;line-height:1.7;color:var(--directory-breadcrumb)}
.yx-directory main .ht-breadcrumb a{color:var(--directory-muted)}
.yx-directory main .directory-heading{display:block;margin:0 0 36px;padding:0 0 30px;border-bottom:1px solid var(--directory-line)}
.hosted-yx-arcade.yx-directory main .directory-heading.ht-section-heading h1,.yx-directory main .directory-heading h1{font-family:'Avenir Next','Segoe UI',sans-serif;font-size:42px;font-weight:650;line-height:1.22;letter-spacing:-.025em;color:var(--directory-ink);margin:0;max-width:900px;overflow-wrap:anywhere}
.yx-directory main .directory-heading>p{font-family:inherit;font-size:16px;line-height:1.8;letter-spacing:0;color:var(--directory-muted);max-width:72ch;margin:15px 0 0}
.yx-directory .directory-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:64px;align-items:start}
.yx-directory .directory-topics{min-width:0;padding:0}
.yx-directory .directory-topics h2{font-family:inherit;font-size:14px;line-height:1.6;font-weight:650;letter-spacing:0;color:var(--directory-muted);margin:0 0 14px}
.yx-directory .directory-topics nav{display:flex;flex-direction:column;align-items:stretch;gap:3px}
.yx-directory .directory-topics a{display:flex;align-items:center;min-height:46px;padding:10px 14px;color:var(--directory-topic-text);font-size:15px;font-weight:550;line-height:1.6;text-decoration:none;border:0;border-radius:6px;background:transparent;transition:background .18s ease-out,color .18s ease-out}
.yx-directory .directory-topics a:hover{background:var(--directory-topic-hover);color:var(--directory-ink)}
.yx-directory .directory-topics a[aria-current=page]{background:var(--directory-topic-selected);color:var(--directory-topic-selected-ink);font-weight:700}
.yx-directory .directory-results{min-width:0}
.yx-directory main .ht-card-grid{display:block;gap:0;margin:0}
.yx-directory main .ht-card{display:block;min-width:0;min-height:0;padding:29px 0 26px;margin:0;background:transparent;border:0;border-bottom:1px solid var(--directory-line);border-radius:0;box-shadow:none;color:var(--directory-ink);transform:none}
.yx-directory main .ht-card-grid>.ht-card:first-child{padding-top:0}
.yx-directory main .ht-card:hover{background:transparent;border-color:var(--directory-line);box-shadow:none;transform:none}
.yx-directory main .ht-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin:0 0 12px}
.yx-directory main .ht-card-meta a{font-family:inherit;font-size:12px;line-height:1.7;font-weight:650;color:var(--directory-category)}
.yx-directory main .ht-card-meta time{font-size:12px;line-height:1.7;font-weight:500;color:var(--directory-metadata);font-variant-numeric:tabular-nums}
.yx-directory main .ht-card h2,.yx-directory main .ht-card h2 a{font-family:'Avenir Next','Segoe UI',sans-serif;font-size:26px;font-weight:650;line-height:1.35;letter-spacing:-.02em;color:var(--directory-ink);overflow-wrap:anywhere}
.yx-directory main .ht-card h2{max-width:32em;margin:0 0 13px}
.yx-directory main .ht-card h2 a:hover{color:var(--directory-link-hover);text-decoration:underline;text-decoration-thickness:1px}
.yx-directory main .ht-card p{display:block;overflow:visible;-webkit-line-clamp:unset;font-family:inherit;font-size:15.5px;font-weight:400;line-height:1.85;letter-spacing:0;color:var(--directory-muted);max-width:75ch;margin:0 0 15px}
.yx-directory main .ht-card-link{display:inline-flex;align-items:center;min-height:44px;gap:9px;padding:3px 0;font-family:inherit;font-size:13px;line-height:1.6;font-weight:700;letter-spacing:0;color:var(--directory-link);border:0;border-radius:0;background:transparent;text-decoration:none}
.yx-directory main .ht-card-link:hover{text-decoration:underline}
.yx-directory main .ht-search{display:flex;gap:10px;align-items:center;width:100%;max-width:none;margin:0 0 20px;padding:0;border:0;border-radius:0;background:transparent}
.yx-directory main .ht-search input{flex:1;min-width:0;width:0;min-height:48px;border:1px solid var(--directory-field-line);border-radius:6px;padding:11px 15px;font-family:inherit;font-size:15px;line-height:1.6;background:var(--directory-field);color:var(--directory-ink);caret-color:var(--directory-category);box-shadow:none}
.yx-directory main .ht-search input::placeholder{color:var(--directory-metadata);opacity:1}
.yx-directory main .ht-search button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:94px;min-height:48px;padding:11px 18px;border:1px solid var(--directory-action-hover);border-radius:6px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.6;background:var(--directory-action);color:var(--directory-action-ink);box-shadow:none;transform:none}
.yx-directory main .ht-search button:hover{background:var(--directory-action-hover)}
.yx-directory main .yx-browse-count{font-size:13px;line-height:1.8;letter-spacing:0;color:var(--directory-muted);margin:0 0 25px}
.yx-directory main .ht-pagination{margin:32px 0 0;padding:0;background:transparent;border:0}
.yx-directory main .ht-pagination nav>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.yx-directory main .ht-pagination nav>div:first-child{display:none}
.yx-directory main .ht-pagination p{font-size:13px;line-height:1.8;color:var(--directory-muted);margin:0}
.yx-directory main .ht-pagination nav>div:nth-child(2)>div:last-child>span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;box-shadow:none}
.yx-directory main .ht-pagination nav>div:nth-child(2)>div:last-child a,.yx-directory main .ht-pagination nav>div:nth-child(2)>div:last-child [aria-current=page]>span,.yx-directory main .ht-pagination nav>div:nth-child(2)>div:last-child [aria-disabled=true]>span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--directory-page-line);border-radius:6px;margin:0;background:var(--directory-field);color:var(--directory-page-ink);font-family:inherit;font-size:14px;line-height:1.5;box-shadow:none;font-variant-numeric:tabular-nums}
.yx-directory main .ht-pagination nav>div:nth-child(2)>div:last-child [aria-current=page]>span{background:var(--directory-page-current);color:var(--directory-page-current-ink);border-color:var(--directory-page-current)}
.yx-directory main .ht-pagination nav>div:nth-child(2)>div:last-child [aria-disabled=true]>span{background:var(--directory-disabled);color:var(--directory-disabled-ink);border-color:var(--directory-disabled-line)}
.yx-directory main .ht-pagination a:hover{background:var(--directory-topic-selected)}
.yx-directory main .yx-search-recovery{padding:3px 0 18px;border:0;border-radius:0;background:transparent;color:var(--directory-ink);box-shadow:none}
.yx-directory main .yx-search-recovery h2{font-family:inherit;font-size:26px;font-weight:650;line-height:1.4;color:var(--directory-ink);letter-spacing:-.02em;margin:0 0 14px}
.yx-directory main .yx-search-recovery p{font-size:15.5px;line-height:1.85;color:var(--directory-muted);max-width:70ch;margin:0 0 24px}
.yx-directory main .yx-recovery-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.yx-directory main .yx-recovery-links a{display:inline-flex;align-items:center;min-height:44px;padding:7px 0;border:0;border-radius:0;background:transparent;color:var(--directory-link);font-size:14px;line-height:1.8;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;box-shadow:none}
@media(max-width:1000px){.yx-directory main>.ht-shell{width:calc(100% - 56px)}.yx-directory .directory-layout{grid-template-columns:160px minmax(0,1fr);gap:38px}.hosted-yx-arcade.yx-directory main .directory-heading.ht-section-heading h1,.yx-directory main .directory-heading h1{font-size:38px}.yx-directory main .ht-card h2,.yx-directory main .ht-card h2 a{font-size:24px}}
@media(max-width:760px){.yx-directory main>.ht-shell{width:calc(100% - 40px);padding:28px 0 46px}.yx-directory main .ht-breadcrumb{margin-bottom:20px;font-size:12px}.yx-directory main .directory-heading{padding-bottom:23px;margin-bottom:24px}.hosted-yx-arcade.yx-directory main .directory-heading.ht-section-heading h1,.yx-directory main .directory-heading h1{font-size:32px;line-height:1.3;letter-spacing:-.02em}.yx-directory main .directory-heading>p{font-size:15px;line-height:1.8;margin-top:12px}.yx-directory .directory-layout{display:flex;flex-direction:column;gap:28px}.yx-directory .directory-topics{width:100%}.yx-directory .directory-topics h2{font-size:13px;margin-bottom:9px}.yx-directory .directory-topics nav{display:flex;flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap}.yx-directory .directory-topics a{font-size:14px;min-height:44px;padding:9px 14px}.yx-directory .directory-results{width:100%}.yx-directory main .ht-card{padding:25px 0 22px}.yx-directory main .ht-card-meta{margin-bottom:11px;gap:8px}.yx-directory main .ht-card h2,.yx-directory main .ht-card h2 a{font-size:23px;line-height:1.4;letter-spacing:-.015em}.yx-directory main .ht-card h2{margin-bottom:12px}.yx-directory main .ht-card p{font-size:15px;line-height:1.85;margin-bottom:12px}.yx-directory main .ht-search{gap:8px;margin-bottom:18px}.yx-directory main .ht-search input{padding:10px 12px;font-size:14px}.yx-directory main .ht-search button{min-width:76px;padding:10px 14px}.yx-directory main .yx-browse-count{font-size:12px;margin-bottom:23px}.yx-directory main .ht-pagination nav>div:nth-child(2){gap:16px}.yx-directory main .yx-search-recovery h2{font-size:24px}.yx-directory main .yx-search-recovery p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.yx-directory main *{scroll-behavior:auto!important;transition:none!important}}

/* The original A heading and layout remain in order; only their surface wrappers split. */
.yx-directory .directory-band>.ht-shell{width:min(1044px,calc(100% - 96px));max-width:1044px;margin:0 auto;padding:42px 0 0}
.yx-directory .directory-band .directory-heading{margin-bottom:0}
.yx-directory main>.ht-shell.directory-reading-shell{padding-top:36px}
@media(max-width:1000px){.yx-directory .directory-band>.ht-shell{width:calc(100% - 56px)}}
@media(max-width:760px){.yx-directory .directory-band>.ht-shell{width:calc(100% - 40px);padding-top:28px}.yx-directory main>.ht-shell.directory-reading-shell{padding-top:24px}}

@media(max-width:760px){.yx-directory main .ht-search input{font-size:16px}}

/* Narrow phone header fit; preserve 44px theme/menu targets. */
@media(max-width:380px){.hosted-yx-arcade .ht-header-inner{gap:6px}.hosted-yx-arcade .ht-language-switch{gap:3px;padding:2px}}