/* Main CDN directory styles. Add visual rules here; CDN data belongs in _data/cdns.yml. */
:root{--bg:#f7f8fa;--panel:#fff;--text:#17202a;--muted:#5f6b7a;--border:#d9dee7;--accent:#174ea6;--accent-dark:#123f86;--code:#f1f4f8;--max:1180px;--header:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,select{font:inherit}code,pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.container{width:min(100% - 32px,var(--max));margin-inline:auto}.narrow{max-width:760px}.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:16px;top:-48px;background:var(--accent);color:#fff;padding:10px 14px;z-index:1000}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:var(--panel);border-bottom:1px solid var(--border)}.header-inner{min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:700}.site-brand img{width:36px;height:36px}.primary-nav{display:flex;align-items:center;gap:6px}.primary-nav a{color:var(--text);padding:10px 12px;border:1px solid transparent}.primary-nav a:hover,.primary-nav a[aria-current="page"]{border-color:var(--border);text-decoration:none;background:#f4f6f9}.menu-toggle{display:none;background:transparent;border:1px solid var(--border);padding:9px 12px;color:var(--text)}.hero,.page-header{background:var(--panel);border-bottom:1px solid var(--border)}.hero{padding:72px 0}.page-header{padding:44px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:40px;align-items:center}.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.hero h1,.page-header h1{font-size:clamp(2rem,5vw,4rem);line-height:1.08;margin:0 0 18px}.hero p,.page-header p{font-size:1.1rem;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1px solid var(--accent);padding:11px 16px;font-weight:700}.button:hover{background:var(--accent-dark);text-decoration:none}.button.secondary{background:transparent;color:var(--accent)}.button.secondary:hover{background:#eef4ff}.hero-panel{border:1px solid var(--border);background:#fbfcfe;padding:22px}.hero-panel h2{margin:0 0 14px;font-size:1.25rem}.hero-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hero-panel li{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--border);padding-top:8px}.section-block,.directory-section,.page-content{padding:48px 0}.section-block.muted{background:#eef1f5;border-block:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.section-heading h2{margin:0;font-size:2rem}.section-heading p{margin:0;color:var(--muted);max-width:620px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card,.cdn-card{display:block;background:var(--panel);border:1px solid var(--border);padding:20px}.category-card{color:var(--text)}.category-card:hover{border-color:var(--accent);text-decoration:none}.category-card i{font-size:1.6rem;color:var(--accent)}.category-card h3{margin:12px 0 8px}.category-card p{margin:0;color:var(--muted)}.breadcrumbs{font-size:.92rem;margin-bottom:18px}.breadcrumbs ol{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:8px;color:var(--muted)}.directory-tools{display:grid;grid-template-columns:1fr 240px;gap:10px 14px;align-items:end;margin-bottom:18px}.search-label,.filter-label{font-weight:700}.cdn-search,.category-filter{width:100%;border:1px solid var(--border);background:#fff;padding:11px 12px}.cdn-search:focus,.category-filter:focus,.copy-button:focus,.menu-toggle:focus,.back-to-top:focus{outline:3px solid #9fc2ff;outline-offset:2px}.result-summary{color:var(--muted);margin:8px 0 18px}.cdn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cdn-card{display:flex;flex-direction:column;gap:14px}.cdn-card-header{display:flex;gap:12px;align-items:flex-start}.cdn-icon{width:42px;height:42px;border:1px solid var(--border);display:grid;place-items:center;color:var(--accent);flex:0 0 auto}.cdn-card h3{margin:0;font-size:1.25rem}.cdn-meta{margin:3px 0 0;color:var(--muted);font-size:.92rem}.cdn-card p{margin:0}.cdn-details{display:grid;gap:8px;margin:0}.cdn-details div{border-top:1px solid var(--border);padding-top:8px}.cdn-details dt{font-weight:700}.cdn-details dd{margin:2px 0 0;color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list span{border:1px solid var(--border);background:#f8fafc;padding:3px 8px;font-size:.85rem}.code-block{display:grid;gap:8px;margin-top:auto}.code-block label{font-weight:700}.code-block code,.code-block pre{display:block;background:var(--code);border:1px solid var(--border);padding:10px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0}.copy-button{justify-self:start;border:1px solid var(--accent);background:#fff;color:var(--accent);padding:8px 10px;font-weight:700;cursor:pointer}.copy-button:hover{background:#eef4ff}.text-link{font-weight:700}.notice,.empty-state{border:1px solid var(--border);background:#fff8e6;padding:12px}.prose{background:var(--panel);border:1px solid var(--border);padding:28px}.prose h2,.prose h3{line-height:1.25}.prose code{background:var(--code);padding:2px 5px}.site-footer{background:#101820;color:#dce3ea;padding:34px 0}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px}.footer-title{font-weight:700;color:#fff;margin:0 0 6px}.site-footer p{margin:0;color:#c2ccd6}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.copy-status{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#17202a;color:#fff;padding:10px 14px;border:1px solid #000;opacity:0;pointer-events:none;z-index:100}.copy-status.is-visible{opacity:1}.back-to-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:1px solid var(--border);background:#fff;color:var(--accent);display:none;cursor:pointer}.back-to-top.is-visible{display:block}@media (max-width:980px){.hero-grid,.footer-grid{grid-template-columns:1fr}.category-grid,.cdn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.section-heading p{margin-top:8px}.primary-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;background:var(--panel);border-bottom:1px solid var(--border);padding:8px 16px}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px}.menu-toggle{display:inline-flex}}@media (max-width:680px){.container{width:min(100% - 24px,var(--max))}.hero,.page-header{padding:42px 0}.section-block,.directory-section,.page-content{padding:34px 0}.category-grid,.cdn-grid,.directory-tools{grid-template-columns:1fr}.hero-actions{display:grid}.prose{padding:20px}.site-footer nav{display:grid}.hero h1,.page-header h1{font-size:2rem}}
.directory-tools{grid-template-columns:1fr 220px 180px}.directory-tools.single-tool{grid-template-columns:1fr}.theme-toggle{background:transparent;border:1px solid var(--border);padding:9px 12px;color:var(--text);cursor:pointer}.badge-row{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;align-items:center;border:1px solid var(--border);background:#f8fafc;color:var(--text);padding:3px 8px;font-size:.82rem;font-weight:700}.status-active{border-color:#83b88d;background:#edf8ef;color:#1f6b2d}.file-list{border:1px solid var(--border);padding:10px;background:#fbfcfe}.file-list summary{cursor:pointer;font-weight:700}.file-list ul{margin:10px 0 0;padding-left:18px}.file-list li{margin:5px 0}.compact-grid .cdn-details,.compact-grid .file-list{display:none}.dark-mode{--bg:#101820;--panel:#17212b;--text:#edf3f8;--muted:#b8c4cf;--border:#334252;--accent:#8bb8ff;--accent-dark:#b9d2ff;--code:#0d141c}.dark-mode .section-block.muted{background:#111a23}.dark-mode .primary-nav a:hover,.dark-mode .primary-nav a[aria-current="page"],.dark-mode .button.secondary:hover,.dark-mode .copy-button:hover{background:#223043}.dark-mode .hero-panel,.dark-mode .category-card,.dark-mode .cdn-card,.dark-mode .prose,.dark-mode .file-list,.dark-mode .cdn-search,.dark-mode .category-filter,.dark-mode .version-filter{background:#17212b}.dark-mode .badge,.dark-mode .tag-list span{background:#101820}.dark-mode .site-footer{background:#0b1118}.version-filter{width:100%;border:1px solid var(--border);background:#fff;padding:11px 12px}.version-filter:focus,.theme-toggle:focus{outline:3px solid #9fc2ff;outline-offset:2px}@media (max-width:980px){.directory-tools{grid-template-columns:1fr 1fr}.theme-toggle{order:2}.menu-toggle{order:3}.primary-nav{order:4}}@media (max-width:680px){.directory-tools{grid-template-columns:1fr}}
.cdn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-tools{grid-template-columns:2fr repeat(4,1fr)}.hero-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:24px}.hero-search input{width:100%;border:1px solid var(--border);padding:13px 14px;background:var(--panel);color:var(--text)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status-box{border:1px solid var(--border);padding:18px;background:var(--panel)}.status-box strong{display:block;font-size:2rem;line-height:1}.status-box span{color:var(--muted)}.status-deprecated{border-color:#c9932b;background:#fff8e6;color:#684700}.status-experimental{border-color:#7aa4d6;background:#eef6ff;color:#1f4f80}.notice.small{font-size:.9rem;margin:0}.type-filter,.status-filter,.sort-filter{width:100%;border:1px solid var(--border);background:#fff;padding:11px 12px}.dark-mode .type-filter,.dark-mode .status-filter,.dark-mode .sort-filter,.dark-mode .hero-search input{background:#17212b;color:var(--text)}@media (max-width:1100px){.cdn-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-tools{grid-template-columns:1fr 1fr 1fr}}@media (max-width:800px){.cdn-grid,.category-grid,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-tools{grid-template-columns:1fr 1fr}}@media (max-width:560px){.cdn-grid,.category-grid,.status-grid,.directory-tools,.hero-search{grid-template-columns:1fr}}