/* NavSys 7.0.1 · Dense directory layout. Native CSS, zero third-party assets. */
:root{color-scheme:light;--red:#a7192c;--red-dark:#891327;--ink:#25282d;--muted:#697078;--line:#e4e4e7;--bg:#f6f6f7;--white:#fff;--subtle:#fafafa;--radius:5px;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-padding-top:12px}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}input,select,textarea{min-width:0}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}.wrap{width:min(1320px,calc(100% - 36px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:5px;z-index:50;background:#fff;padding:9px}.skip-link:focus{left:10px}.eyebrow{display:block;font-size:10px;letter-spacing:.09em;color:var(--red);font-weight:800}.topline{background:#292b31;color:#d8d9de;font-size:11px}.topline-inner{display:flex;justify-content:space-between;align-items:center;height:27px}.topbar{background:#fff;border-bottom:3px solid var(--red)}.topbar-inner{min-height:66px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:9px;min-width:175px;font-size:21px;font-weight:900;line-height:1.1;white-space:nowrap;color:var(--ink)}.brand:hover{color:var(--ink)}.brand>span:last-child{display:grid;gap:3px}.brand small{font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--muted)}.brand-mark,.entry-emblem{display:grid;place-items:center;width:41px;height:41px;background:var(--red);color:#fff;font-size:26px;font-weight:900}.primary-nav{display:flex;flex:1;align-items:center;gap:2px}.primary-nav a{display:block;padding:12px 10px;font-weight:700;font-size:13px;white-space:nowrap}.primary-nav a:hover{background:#fff1f2;color:var(--red)}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.top-actions>*{white-space:nowrap}.latest-button,.account-link,.menu-button{padding:8px 12px;border:1px solid #d8d8dd;background:white;border-radius:3px;font-size:12px;font-weight:750}.latest-button{background:var(--red);border-color:var(--red);color:#fff}.latest-button:hover{background:var(--red-dark)}.menu-button{display:none}.page-content{min-height:63vh;padding-bottom:48px}.hero{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:25px 28px;background:#fff;border:1px solid var(--line);border-top:0}.hero-copy{flex:1;min-width:0}.hero h1{font-size:30px;line-height:1.3;letter-spacing:-.03em;margin:4px 0 3px}.hero p{margin:0 0 15px;color:var(--muted);font-size:13px}.hero-search{display:flex;align-items:stretch;max-width:670px;height:42px}.hero-search input{flex:1;width:0;border:2px solid var(--red);border-radius:3px 0 0 3px;background:#fff;padding:9px 14px;font-size:13px}.hero-search button{min-width:110px;background:var(--red);border:2px solid var(--red);color:white;font-weight:800;border-radius:0 3px 3px 0;padding:7px 14px}.hero-search button:hover{background:var(--red-dark)}.hero-meta{display:grid;grid-template-columns:auto auto;gap:4px 8px;align-items:center;border-left:1px solid var(--line);padding-left:26px}.hero-meta strong{font-size:24px;line-height:1;color:var(--red);text-align:right}.hero-meta span{font-size:11px;color:var(--muted)}.quick-nav{background:#fff;border:1px solid var(--line);border-top:0;padding:10px 16px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.quick-nav span{font-weight:800;font-size:12px;margin-right:4px;white-space:nowrap}.quick-nav a{padding:4px 9px;border:1px solid #eee;background:#f8f8f8;font-size:12px}.directory-layout{display:grid;grid-template-columns:204px minmax(0,1fr);gap:18px;margin-top:17px;align-items:start}.directory-side{border:1px solid var(--line);background:#fff}.side-heading{background:#303239;color:#fff;padding:11px 14px;font-weight:800;font-size:14px;display:flex;justify-content:space-between}.side-heading small{color:#ddd}.directory-side nav{display:grid;grid-template-columns:1fr}.directory-side nav a{padding:9px 14px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;font-weight:600;font-size:13px}.directory-side nav a.current,.directory-side nav a:hover{color:var(--red);background:#fff6f6}.directory-side nav a span{color:#a9a9ae}.side-help{padding:13px;background:#fbf8f7;border-top:1px solid var(--line)}.side-help strong{font-size:12px}.side-help p{color:var(--muted);font-size:11px;margin:4px 0 9px}.side-help a{font-size:12px;color:var(--red);font-weight:800}.directory-main{min-width:0}.content-section{margin:18px 0 26px}.directory-main .content-section:first-child{margin-top:0}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);margin-bottom:0}.heading-row h2,.content-section h2{font-size:18px;line-height:1.3;margin:2px 0;letter-spacing:-.02em}.heading-row h2 small{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px;letter-spacing:0}.list-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.list-actions p{display:none}.list-actions>button,.quiet-button,.tiny-button,.detail-actions>button,.account-menu a,.row-actions button{border:1px solid #dbdce0;border-radius:3px;background:#fff;padding:6px 9px;font-size:12px;color:#42474f}.list-actions>button:hover,.quiet-button:hover,.tiny-button:hover{border-color:var(--red);color:var(--red)}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-top:0}.site-card{display:flex;align-items:center;gap:9px;min-width:0;padding:12px 10px;border-bottom:1px solid #ededf0;min-height:88px}.site-card:nth-child(odd){border-right:1px solid #ededf0}.site-card:hover{background:#fff9f9}.site-number{color:#a8aab0;font-size:11px;font-variant-numeric:tabular-nums;min-width:19px;text-align:center}.site-icon{width:32px;height:32px;flex-shrink:0;object-fit:contain;background:#fafafa;border:1px solid #efeff0;border-radius:3px}.site-fallback{display:grid;place-items:center;font-size:16px;font-weight:800;color:var(--red)}.site-copy{flex:1;min-width:0}.site-name-row{display:flex;align-items:center;gap:6px}.site-name-row h3{font-size:14px;line-height:1.4;margin:0;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-description{font-size:11px;color:#74777e;margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.site-minor{display:flex;gap:8px;color:#a1a1a8;font-size:10px;align-items:center}.tier-label{background:#fff0e9;color:#a84311;padding:1px 5px;font-size:10px;white-space:nowrap}.tier-commerce{background:#fff3f3;color:#b42338}.site-foot{display:flex;align-items:center;gap:5px;flex-shrink:0}.text-link{font-size:11px;color:#767982}.tiny-button{border:0;color:#a1a4ab;font-size:18px;padding:2px 4px}.visit-link{background:var(--red);color:white;font-size:11px;padding:5px 7px;border-radius:2px;white-space:nowrap}.visit-link:hover{background:var(--red-dark);color:#fff}.speed-result{font-size:10px;color:var(--red)}.tag-cloud{display:flex;gap:7px;flex-wrap:wrap;padding:12px;background:#fff;border:1px solid var(--line);margin:0}.tag-cloud a,.tag-cloud span{background:#f8f8f8;border:1px solid #ebebed;padding:5px 10px;font-size:12px;border-radius:2px}.tag-cloud a:hover{border-color:var(--red)}.tag-cloud small{color:var(--muted);margin-left:6px}.section-heading{margin:22px 0 13px;padding:14px 17px;border-left:4px solid var(--red);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.section-heading h1{font-size:24px;margin:2px 0;letter-spacing:-.03em}.section-heading p,.lead{font-size:13px;color:var(--muted);margin:5px 0;max-width:800px}.breadcrumbs{font-size:12px;margin:19px 0;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.85fr);align-items:start;gap:16px}.detail-main,.panel,.form-panel,.resource-detail,.account-layout{background:#fff;border:1px solid var(--line);padding:20px}.detail-main h1{font-size:26px;margin:4px 0 10px}.detail-meta{font-size:12px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-actions button{padding:9px 14px}.primary-button,button[type=submit],.filter-form>button{background:var(--red);color:white;padding:9px 15px;font-weight:750;border:1px solid var(--red);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-button:hover,button[type=submit]:hover,.filter-form>button:hover{background:var(--red-dark);color:#fff}.detail-sub{margin-top:20px;padding-top:13px;border-top:1px solid var(--line);overflow-wrap:anywhere}.detail-sub h2,.panel h2{font-size:16px;margin:2px 0 11px}.detail-sub a{color:var(--red)}.detail-side{display:grid;gap:13px}.detail-side small{color:var(--muted)}.rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:white;padding:14px;border:1px solid var(--line)}.filter-form label{flex:1;min-width:150px}.form-panel{max-width:740px;margin:16px auto 32px}.form-panel form,.panel form{display:grid;gap:13px}.form-panel p a{color:var(--red)}label{display:grid;gap:5px;font-weight:650;color:#474b50;font-size:12px}input,select,textarea{width:100%;border:1px solid #d8d9dc;border-radius:3px;background:white;color:var(--ink);padding:9px 11px}textarea{resize:vertical;min-height:110px}.form-result{color:var(--red);font-size:12px;margin:2px 0}.form-result.error{color:#b50000}.honeypot{position:absolute;left:-9999px;top:-9999px}.account-layout{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:20px}.account-menu{display:grid;gap:4px}.account-menu a{padding:8px 12px}.account-menu a[aria-current=page]{background:#fff0f1;border-color:var(--red);color:var(--red)}.panel-list{display:grid;gap:8px}.panel-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:11px;border:1px solid var(--line);background:#fff}.panel-row strong{margin-right:auto}.panel-row span,.panel-row small{color:var(--muted);font-size:12px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.timeline,.trend-list{background:#fff;border:1px solid var(--line);overflow:hidden}.timeline a,.trend-list li{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:11px 15px}.timeline a:last-child,.trend-list li:last-child{border-bottom:0}.timeline time{font-size:11px;min-width:136px;color:var(--muted)}.timeline span,.trend-list small{margin-left:auto;font-size:11px;color:var(--muted)}.trend-list{padding:0;list-style:none}.trend-rank{font-weight:900;color:var(--red);font-size:20px;min-width:27px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.video-card{background:#fff;border:1px solid var(--line);min-width:0}.video-cover{background:#f0f0f2;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2px;color:#9397a0}.cover-empty{font-size:39px;line-height:1}.cover-caption{font-size:11px}.video-copy{padding:11px}.video-copy h3{font-size:14px;margin:4px 0}.video-copy p{font-size:11px;color:var(--muted);line-height:1.5;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}.resource-local-cover{display:grid;place-content:center;min-height:190px;background:#f2f2f4;text-align:center;font-size:56px;color:#c0c0c6}.resource-local-cover small{display:block;font-size:11px;color:#757780}.empty{background:#fff;border:1px dashed var(--line);padding:27px;color:var(--muted);text-align:center}.empty span{font-size:24px}.entry{background:#fff;border:1px solid var(--line);max-width:680px;margin:45px auto;padding:42px 24px;text-align:center}.entry-emblem{margin:0 auto 16px;width:54px;height:54px;font-size:28px}.entry h1{font-size:31px;margin:11px auto}.entry p{color:var(--muted);margin:13px auto 22px}.entry .small-note{font-size:11px}.footer{background:#292b31;color:#d3d3d7}.footer-inner{min-height:85px;padding:17px 0;display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.footer p{margin:0;font-size:12px}.footer-inner>div{display:flex;gap:16px;font-size:12px}.footer-inner>small{color:#a1a2a8;font-size:11px}.latest-dialog{color:var(--ink);background:#fff;max-width:min(560px,calc(100vw - 26px));width:100%;border:1px solid #ddd;border-top:4px solid var(--red);padding:21px;}.latest-dialog::backdrop{background:#111a}.dialog-head{display:flex;align-items:start;justify-content:space-between}.dialog-head h2{font-size:21px;margin:0}.dialog-head button{border:0;background:#f7f7f8;padding:2px 9px;font-size:22px}.latest-dialog>p{font-size:12px;color:var(--muted)}.domain-row{padding:10px;border:1px solid var(--line);margin:8px 0;overflow-wrap:anywhere}.domain-row strong{display:block;font-size:12px}.domain-row code{font-size:12px}.domain-row div{display:flex;gap:7px;justify-content:flex-end;margin-top:7px}.domain-row button,.domain-row a{border:1px solid #ddd;background:#f5f5f6;color:var(--ink);padding:5px 10px;font-size:12px}.muted{color:var(--muted)}body[data-compact="1"] .primary-nav{display:none}body[data-compact="1"] .page-content{min-height:64vh}
@media(max-width:1120px){.primary-nav a{padding:11px 7px;font-size:12px}.brand{min-width:140px;font-size:18px}.directory-layout{grid-template-columns:174px minmax(0,1fr)}.site-grid{grid-template-columns:1fr}.site-card:nth-child(odd){border-right:0}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 20px)}.topline-inner{height:22px}.topline-inner span:last-child{display:none}.topbar-inner{min-height:55px;gap:8px}.brand{font-size:17px;min-width:0}.brand-mark{width:34px;height:34px;font-size:23px}.brand small{font-size:7px}.top-actions{gap:5px}.latest-button,.account-link,.menu-button{font-size:11px;padding:7px 9px}.account-link{display:none}.menu-button{display:block}.primary-nav{display:none;position:absolute;top:80px;left:0;right:0;z-index:12;background:#fff;border-bottom:3px solid var(--red);padding:9px 12px;flex-wrap:wrap;}.primary-nav.is-open{display:flex}.primary-nav a{width:50%;padding:10px}.hero{padding:15px 12px;gap:8px}.hero h1{font-size:22px}.hero-meta{display:none}.hero-search{height:39px}.hero-search button{min-width:78px;padding:7px}.quick-nav{padding:9px}.directory-layout{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:10px}.directory-side{border:0;background:transparent;min-width:0;max-width:100%;overflow:hidden}.directory-side .side-heading,.directory-side .side-help{display:none}.directory-side nav{display:flex;overflow-x:auto;max-width:100%;gap:6px;padding:5px 0;scrollbar-width:thin}.directory-side nav a{white-space:nowrap;background:#fff;border:1px solid var(--line);padding:6px 10px;flex-shrink:0}.directory-side nav a span{display:none}.content-section{margin:12px 0 22px}.heading-row{align-items:flex-start;flex-direction:column;padding:10px}.heading-row h2{font-size:16px}.heading-row h2 small{display:block;margin:1px 0}.site-grid{grid-template-columns:1fr}.site-card{padding:9px 7px;gap:7px;min-height:75px}.site-description{font-size:11px}.site-number{min-width:16px}.site-icon{width:30px;height:30px}.site-foot{gap:3px}.visit-link{padding:5px}.list-actions{width:100%}.section-heading{margin:15px 0 10px}.section-heading h1{font-size:21px}.detail-layout,.account-layout,.resource-detail{grid-template-columns:1fr}.detail-main,.panel,.form-panel,.resource-detail,.account-layout{padding:15px}.detail-actions{gap:8px}.timeline a{flex-wrap:wrap;gap:7px}.timeline time{min-width:0}.timeline span{margin-left:0}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.video-copy{padding:8px}.video-copy h3{font-size:12px}.resource-local-cover{min-height:130px}.footer-inner{padding:18px 0;align-items:flex-start;flex-direction:column;gap:8px}.footer-inner>div{flex-wrap:wrap}.latest-dialog{padding:13px}.rating-grid{grid-template-columns:1fr}}
@media(max-width:390px){.site-description{display:none}.site-card{min-height:61px}.site-name-row h3{font-size:13px}.video-grid{grid-template-columns:1fr}.brand small{display:none}}

/* NAVSYS v7.0.2 — 炭黑绯红 · 信息目录（原创轻量外观）
   Solid colors + native layout; no gradients, images, filters or remote UI assets. */
:root{--red:#d62840;--red-dark:#a91d32;--ink:#20242b;--muted:#68717c;--line:#dfe3e9;--bg:#f3f4f6;--white:#ffffff;--subtle:#f8f9fb;--radius:2px}
body{background:#f3f4f6;color:#20242b;font-size:13px}
a:hover{color:#d62840}
.wrap{width:min(1230px,calc(100% - 32px))}
.topline{background:#1c222c;color:#cbd1d9;font-size:11px}
.topline-inner{height:auto;min-height:29px;gap:12px}
.topline-inner>span{font-weight:650;letter-spacing:.03em}
.utility-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.utility-links a{color:#f9fafb;font-weight:700}
.utility-links a:hover{color:#ffffff;text-decoration:underline}
.topbar{background:#ffffff;border-bottom:1px solid #dfe3e8}
.masthead{padding-top:11px}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px}
.brand{min-width:0;color:#1b212a;font-size:23px;font-weight:900;letter-spacing:.015em}
.brand:hover{color:#1b212a}
.brand>span:last-child{gap:3px}
.brand small{color:#73808d;font-size:10px;font-weight:700;letter-spacing:.08em}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#d62840;color:#ffffff;border:0;border-radius:2px;font-size:25px;font-weight:900}
.top-actions{gap:8px;margin-left:0}
.top-actions .latest-button{background:#d62840;border:1px solid #d62840;color:#ffffff;font-weight:800}
.top-actions .latest-button:hover{background:#a91d32}
.top-actions .account-link{background:#f6f7f9;border:1px solid #d5dbe3;color:#313945}
.mast-search{display:flex;align-items:center;width:min(630px,100%);height:40px;margin:10px 0 15px;background:#ffffff;border:1px solid #c5ccd5;border-radius:2px;overflow:hidden}
.mast-search .search-symbol{display:grid;place-items:center;width:37px;height:38px;flex:none;color:#d62840;font-size:23px}
.mast-search input{height:38px;flex:1;width:1%;min-width:0;background:transparent;border:0;border-radius:0;padding:6px 7px 6px 0;color:#20242b}
.mast-search input:focus{outline:0}
.mast-search:focus-within{outline:2px solid #f16577;outline-offset:1px}
.mast-search button{height:38px;min-width:84px;padding:5px 12px;background:#d62840;border:0;border-left:1px solid #d62840;border-radius:0;color:#ffffff;font-weight:800}
.mast-search button:hover{background:#a91d32}
.nav-strip{display:flex;align-items:stretch;min-height:38px;justify-content:space-between;background:#ffffff;border:0;border-top:1px solid #eceff3;border-bottom:2px solid #d62840}
.primary-nav{display:flex;flex:1;gap:0;min-width:0}
.primary-nav a{display:grid;place-items:center;padding:9px 17px;background:transparent;border-right:1px solid #edf0f4;border-bottom:2px solid transparent;margin-bottom:-2px;color:#414a56;font-size:12px;font-weight:750;line-height:1.3}
.primary-nav a:first-child{background:#fff0f1;color:#b81f35;border-bottom-color:#d62840}
.primary-nav a:hover{background:#fff1f2;color:#a91d32}
.menu-button{background:#d62840;border:0;color:#ffffff}
.page-content{min-height:60vh;padding-top:13px;padding-bottom:27px;background:transparent}
.directory-status{display:flex;align-items:center;gap:13px;min-height:42px;padding:9px 14px;background:#cbd1d9;border-left:4px solid #d62840;color:#384252;font-size:12px}
.directory-status strong{font-size:14px;color:#a61e31}
.directory-status span{color:#68717c}
.directory-status small{margin-left:auto;color:#74808c;font-size:11px}
.category-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:12px 0}
.category-shortcuts span{font-weight:800;color:#303945;font-size:11px;letter-spacing:.07em;padding:4px 10px 4px 0}
.category-shortcuts a{font-size:11px;padding:4px 10px;background:#ffffff;border:1px solid #e1e5eb;color:#4c5663;border-radius:2px}
.category-shortcuts a:hover{background:#fff1f2;border-color:#efb8c0;color:#a91d32}
.category-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.directory-panel{min-width:0;padding:0;background:#ffffff;border:1px solid #dfe3e9;border-top:3px solid #d62840;border-radius:2px;overflow:hidden}
.directory-panel:nth-child(3n+2){border-top-color:#d9a331}
.directory-panel:nth-child(3n+3){border-top-color:#3e526d}
.panel-heading{display:flex;align-items:center;gap:9px;justify-content:space-between;min-height:45px;text-align:left;padding:7px 10px;background:#f9fafb;border-bottom:1px solid #edf0f4}
.directory-panel:nth-child(3n+2) .panel-heading{background:#fffdf7}
.directory-panel:nth-child(3n+3) .panel-heading{background:#f6f8fb}
.panel-index{display:grid;place-items:center;min-width:31px;height:29px;padding:0 3px;background:#1c222c;color:#ffffff;font-size:11px;font-weight:800;border:0;border-radius:2px;font-variant-numeric:tabular-nums}
.panel-heading h2{font-size:14px;margin:0;min-width:0;flex:1;color:#202631;font-weight:850;line-height:1.35}
.panel-heading h2 a:hover{color:#d62840}
.panel-heading h2 small{display:inline-block;color:#76828f;font-size:11px;font-weight:650;margin-left:3px}
.panel-more{font-size:11px;color:#d62840;white-space:nowrap;font-weight:700}
.panel-rule{display:none}
.directory-panel-list{height:342px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#cbd1d9 #f8f9fa;scrollbar-width:thin}
.directory-item{display:flex;align-items:baseline;gap:7px;min-width:0;min-height:29px;padding:6px 10px;border-bottom:1px solid #f3f4f6;line-height:1.3;font-size:12px}
.directory-item:nth-child(even){background:#fcfcfd}
.directory-item:hover{background:#fff2f3}
.item-bullet{display:block;align-self:center;width:5px;height:5px;flex:none;background:#d62840;font-size:0;color:transparent;border-radius:1px}
.directory-panel:nth-child(3n+2) .item-bullet{background:#d7a12d}
.directory-panel:nth-child(3n+3) .item-bullet{background:#60738c}
.directory-visit{font-weight:750;color:#b81f35;white-space:nowrap;flex:none;max-width:47%;overflow:hidden;text-overflow:ellipsis}
.directory-panel:nth-child(3n+2) .directory-visit{color:#7c5a16}
.directory-panel:nth-child(3n+3) .directory-visit{color:#334f72}
.directory-visit:hover{color:#9c1529;text-decoration:underline}
.directory-desc{font-size:11px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7684}
.item-detail{color:#9ca5b0;padding:0 2px;font-size:15px;line-height:1;flex:none}
.item-detail:hover{color:#d62840}
.item-priority{flex:none;color:#b81f35;font-size:10px;background:#fff0f1;border:1px solid #f1ccd2;padding:1px 3px}
.directory-featured{background:#fff9f9}
.panel-empty{padding:20px 7px;text-align:center;color:#84909b;font-size:12px}
.panel-empty a{color:#d62840}
.panel-bottom{padding:7px 10px;text-align:right;border-top:1px solid #e5e9ee;background:#f9fafc;font-size:11px}
.panel-bottom a{color:#b81f35;font-weight:700}
.topics-footer{margin:16px 0;padding:12px 14px;border:1px solid #dfe3e9;background:#ffffff}
.topics-footer h2{font-size:14px;margin:0 0 10px;border-left:3px solid #d62840;padding-left:9px;color:#202631}
.topics-footer .tag-cloud{border:0;padding:0}
.directory-disclaimer{font-size:11px;margin:13px 1px;color:#7d8895}
/* Other Phase-7 views share the palette. Existing service/route logic stays unchanged. */
.section-heading,.heading-row{border-left-color:#d62840}
.section-heading{margin-top:13px}
.content-section{margin-top:13px}
.footer{background:#1c222c;border-top:2px solid #d62840;color:#d3d9e1}
.footer-inner{min-height:70px}
.footer a{color:#ffffff}
body[data-compact="1"] .topbar .nav-strip{display:none}
body[data-compact="1"] .masthead{padding-bottom:12px}
@media(max-width:900px){
 .category-board{grid-template-columns:repeat(2,minmax(0,1fr))}
 .directory-panel-list{height:328px}
 .nav-strip{overflow-x:auto;scrollbar-width:thin}
 .primary-nav{display:flex;overflow-x:auto;flex-wrap:nowrap}
 .primary-nav a{flex:none;white-space:nowrap;padding:9px 12px}
}
@media(max-width:620px){
 .wrap{width:calc(100% - 20px)}
 .topline-inner{justify-content:center;min-height:28px;padding:4px 0}
 .topline-inner>span{display:none}
 .utility-links{gap:12px;justify-content:center;font-size:10px}
 .masthead{padding-top:9px}
 .brand-row{align-items:center;min-height:48px}
 .brand{font-size:20px;gap:8px}
 .brand-mark{width:38px;height:38px;font-size:23px}
 .brand small{font-size:9px}
 .top-actions{gap:5px}
 .top-actions .latest-button,.top-actions .account-link{font-size:11px;padding:6px 7px}
 .mast-search{width:100%;height:39px;margin:10px 0 12px}
 .nav-strip{min-height:35px}
 .primary-nav{display:flex!important;overflow-x:auto;gap:0;position:static!important;background:transparent!important;width:100%;max-height:none!important;flex-wrap:nowrap!important;padding:0!important;border:0!important}
 .primary-nav a{width:auto!important;min-width:0!important;font-size:11px;padding:10px 12px}
 .menu-button{display:none}
 .page-content{padding-top:9px}
 .directory-status{flex-wrap:wrap;gap:5px;padding:9px 10px}
 .directory-status small{margin-left:auto}
 .category-shortcuts{max-height:78px;overflow-y:auto;scrollbar-width:thin;margin:10px 0}
 .category-board{grid-template-columns:minmax(0,1fr);gap:10px}
 .directory-panel-list{height:335px}
 .directory-visit{max-width:50%}
 .directory-item{padding:6px 8px}
}
@media(max-width:355px){
 .brand{font-size:18px}
 .brand small{font-size:8px}
 .top-actions .account-link{display:none}
 .directory-status span{display:none}
}

/* Contrast edition: harmonize shared account/search/video/commerce UI without altering their behaviour. */
body{background:#f3f4f6;color:#20242b}
a{color:#d62840}
a:hover{color:#a91d32}
.button-primary,.primary-button,.btn-primary,.visit-link,.form-panel button[type=submit],.hero-search button{background:#d62840;color:#ffffff;border-color:#d62840}
.button-primary:hover,.primary-button:hover,.btn-primary:hover,.visit-link:hover,.form-panel button[type=submit]:hover{background:#a91d32;color:#ffffff}
.hero,.quick-nav,.panel,.form-panel,.detail-main,.video-card,.resource-detail,.entry,.empty,.timeline,.trend-list,.panel-row,.site-card,.directory-side,.topic-card{border-color:#dfe3e9;background-color:#ffffff}
.section-heading,.heading-row,.topics-footer h2{border-left-color:#d62840}
.detail-meta,.site-description,.form-hint,.muted,.empty,.video-copy p{color:#68717c}
.video-cover,.resource-local-cover{background:#f1f3f6;color:#84909b}
.entry-emblem{background:#d62840;color:#ffffff}
.latest-dialog{border-color:#dfe3e9;border-top-color:#d62840;background:#ffffff}
.latest-dialog::backdrop{background:#111823c5}
.domain-row,.domain-row button,.domain-row a{border-color:#dfe3e9}
.domain-row button,.domain-row a{background:#f8f9fb;color:#384252}
.account-menu a[aria-current=page]{background:#fff0f1;border-color:#d62840;color:#a91d32}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline-color:#d62840}

/* Editorial contrast edition. Kept flat: no blur, gradients, shadows, transitions or remote dependencies. */
.topline{border-bottom:1px solid #303744}
.brand-mark{font-size:24px;background:#d62840}
.brand{letter-spacing:.01em}
.topbar{border-color:#e1e5eb}
.nav-strip{border-top-color:#e6e9ee;border-bottom:3px solid #d62840}
.primary-nav a:first-child{background:#1c222c;color:#ffffff;border-bottom-color:#1c222c}
.primary-nav a:hover{background:#fff1f2;color:#9c1529}
.directory-status{background:#202631;color:#ffffff;border-left:4px solid #d62840}
.directory-status strong{color:#ffffff}
.directory-status span,.directory-status small{color:#cbd1d9}
.category-shortcuts a{background:#ffffff;color:#424c5b;border-color:#dfe3e9}
.category-shortcuts a:hover{color:#aa1c31;border-color:#d62840;background:#fff1f2}
.directory-panel{background:#ffffff;border:1px solid #dfe3e9;border-top:3px solid #d62840}
.directory-panel:nth-child(3n+2){border-top-color:#d9a331}
.directory-panel:nth-child(3n+3){border-top-color:#3e526d}
.panel-heading,.directory-panel:nth-child(3n+2) .panel-heading,.directory-panel:nth-child(3n+3) .panel-heading{background:#f7f8fa}
.panel-index{background:#202631;color:#ffffff}
.panel-heading h2{color:#202631}
.panel-more{color:#b81f35}
.directory-item:nth-child(even){background:#fcfcfd}
.directory-item:hover{background:#fff1f2}
.directory-desc{color:#64707c}
.directory-visit{color:#b81f35}
.directory-panel:nth-child(3n+2) .directory-visit{color:#7a5713}
.directory-panel:nth-child(3n+3) .directory-visit{color:#314d70}
.directory-visit:hover,.directory-panel:nth-child(3n+2) .directory-visit:hover,.directory-panel:nth-child(3n+3) .directory-visit:hover{color:#a91d32;text-decoration:underline}
.panel-bottom{background:#f7f8fa}
.footer{background:#1c222c;border-color:#d62840}
.account-menu a[aria-current=page]{background:#fff0f1;border-color:#d62840;color:#a91d32}
/* Consistent colors across non-home views, without changing routes, form semantics or data contracts. */
.tier-label{background:#fff5ed;color:#7c4b13}
.tier-commerce{background:#fff1f2;color:#af2338}
.site-card:hover{background:#fff8f9}
.quick-nav,.panel,.form-panel,.detail-main,.resource-detail,.entry,.empty,.timeline,.trend-list,.panel-row,.site-card,.directory-side,.topic-card{background-color:#ffffff;border-color:#dfe3e9}
.section-heading,.heading-row{border-left-color:#d62840;background:#ffffff}
.filter-form{background:#ffffff;border-color:#dfe3e9}
.latest-dialog{background:#ffffff;border-color:#dfe3e9;border-top:4px solid #d62840}
.latest-dialog::backdrop{background:#111823c5}
/* Honor reduced-motion preferences and keep all interface interactions immediate. */

/* v7.0.3 operational fixes: explicit tier colours and unblocked page scroll */
.directory-panel-list{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
.directory-panel{overflow:visible}
.directory-detail{display:flex;align-items:baseline;gap:7px;flex:1;min-width:0;color:#000}
.directory-visit,.directory-panel:nth-child(3n+2) .directory-visit,.directory-panel:nth-child(3n+3) .directory-visit{color:#000!important}
.directory-item[data-rank="commerce"] .directory-visit,.directory-panel .directory-item[data-rank="commerce"] .directory-visit{color:#b81f35!important}
.directory-item[data-rank="super"] .directory-visit,.directory-item[data-rank="normal"] .directory-visit{color:#000!important}
.directory-detail:hover .directory-visit{text-decoration:underline}
.site-detail-combo{display:block;min-width:0;color:#000}
.site-card[data-rank="commerce"] .site-detail-combo h3{color:#b81f35}
.site-card[data-rank="normal"] .site-detail-combo h3,.site-card[data-rank="super"] .site-detail-combo h3{color:#000}
.site-detail-combo:hover h3{text-decoration:underline}
.video-cover img,.resource-cover{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}
.resource-cover{max-height:300px}
#member-submission-form[hidden]{display:none!important}
#payment-page .important-number{font-size:22px;letter-spacing:2px;overflow-wrap:anywhere}
#payment-page code{overflow-wrap:anywhere}
@media(max-width:600px){.directory-detail{gap:5px;min-width:0}.directory-visit{max-width:50%!important}.directory-desc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}

/* v7.0.4: stable directory viewport: 18 desktop / 9 phone rows. */
.directory-panel{overflow:hidden!important}
.directory-panel-list{
  --directory-row-height:32px;
  height:calc(18 * var(--directory-row-height))!important;
  min-height:calc(18 * var(--directory-row-height));
  max-height:calc(18 * var(--directory-row-height))!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  scrollbar-width:thin;
}
.directory-item{height:var(--directory-row-height);min-height:var(--directory-row-height);max-height:var(--directory-row-height);padding:0 10px;align-items:center;overflow:hidden}
.directory-detail{min-width:0;align-items:center;max-height:100%;overflow:hidden}
.directory-desc{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* Active state follows the current route, never the first button by default. */
.primary-nav a:first-child:not(.is-active){background:transparent;color:#414a56;border-bottom-color:transparent}
.primary-nav a.is-active,.primary-nav a.is-active:first-child{background:#1c222c;color:#fff;border-bottom-color:#d62840}
.primary-nav a.is-active:hover{background:#28313e;color:#fff}
.video-result-count{margin:0 0 10px;color:#68717c;font-size:12px}
@media(max-width:620px){
  .top-actions .account-link{display:inline-flex!important;align-items:center;justify-content:center}
  .directory-panel-list{height:calc(9 * var(--directory-row-height))!important;min-height:calc(9 * var(--directory-row-height));max-height:calc(9 * var(--directory-row-height))!important}
}
@media(max-width:355px){.top-actions .account-link{display:inline-flex!important}}

/* v7.0.5 local brand image and accessible title, no external assets. */
.brand-image,.brand .brand-mark{display:block;object-fit:contain;flex:none;background:transparent;border:0;border-radius:0;width:48px;height:48px}
.brand .brand-title{display:block;font-size:21px;font-weight:850;line-height:1.3;letter-spacing:0;margin:0;color:#1b212a}
.entry-image{object-fit:contain;background:transparent;border:0;border-radius:0}
@media(max-width:760px){.brand-image,.brand .brand-mark{width:38px;height:38px}.brand .brand-title{font-size:16px}}
@media(max-width:390px){.brand .brand-title{font-size:14px}}

.brand .brand-text{display:grid;gap:3px;min-width:0}
.brand .brand-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){.brand{flex:1;min-width:0}.brand .brand-mark{width:32px;height:32px}.brand .brand-title{font-size:13px}.brand small{font-size:8px}.brand-row .top-actions{flex:none;gap:5px}.brand-row .top-actions>*{padding:6px 7px}}
/* Always display the requested thin-bar brand copy on mobile; utility links remain in footer. */
@media(max-width:760px){.topline-inner{justify-content:center}.topline-inner>span{display:inline!important;font-size:10px;text-align:center;white-space:nowrap}.topline-inner .utility-links{display:none}}

/* v7.0.7 footer: local compliance links in place of technical asset note. */
.footer-legal a{color:#e6e6e9;text-decoration:underline;text-underline-offset:3px}
.footer-legal a:hover,.footer-legal a:focus-visible{color:#fff}

/* v7.0.8 dual search scope: plain local controls, no external UI dependency. */
.mast-search select{max-width:150px;min-width:110px;border:0;border-right:1px solid #d7dbe0;border-radius:0;background:#fff;color:#1c222c;padding:0 9px;font:inherit;cursor:pointer}
.filter-form [hidden]{display:none!important}
@media(max-width:560px){.mast-search select{min-width:100px;max-width:112px;font-size:13px;padding:0 5px}}

/* v7.0.9: compact, local-icon search scope and paged local resource results. */
.mast-search .search-select-wrap{position:relative;display:flex;flex:0 0 116px;width:116px;height:100%;align-items:center;border-right:1px solid #d7dbe0}
.mast-search .search-select-wrap select{appearance:none;-webkit-appearance:none;display:block;min-width:0;max-width:none;width:100%;height:100%;padding:0 16px 0 29px;margin:0;border:0;background:transparent;color:#20242b;font-size:13px;line-height:1.2;cursor:pointer}
.mast-search .search-scope-icon{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:17px;height:17px;background:url('/static/icons/search-sites.svg') center/contain no-repeat;pointer-events:none}
.mast-search .search-select-wrap[data-mode="resource"] .search-scope-icon{background-image:url('/static/icons/search-resources.svg')}
.mast-search .search-select-wrap::after{content:"";position:absolute;right:7px;top:46%;width:5px;height:5px;border-right:1.5px solid #637083;border-bottom:1.5px solid #637083;transform:rotate(45deg);pointer-events:none}
.search-pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:18px}
.search-pagination a,.search-pagination span{display:inline-block;padding:6px 10px;border:1px solid #dfe3e9;color:#303949;background:#fff;font-size:12px;min-width:34px;text-align:center}
.search-pagination [aria-current="page"]{background:#d62840;border-color:#d62840;color:#fff;font-weight:800}
.search-pagination .page-ellipsis{border:0;background:transparent;min-width:auto}
@media(max-width:560px){.mast-search .search-select-wrap{flex-basis:111px;width:111px}.mast-search .search-select-wrap select{font-size:12px;padding-left:27px;padding-right:15px}}

/* v7.0.10: video catalog pages use the exact same lightweight pagination UI as resource searches. */