.catalog-page{--cat-line:#dededc;--cat-muted:#555b61;--cat-paper:#f4f3ee;--cat-card:#fff;color:#202528;margin:auto;max-width:1600px;padding:24px clamp(18px,4vw,64px) 64px;width:100%}.dark .catalog-page{--cat-line:#41474c;--cat-muted:#c3c9cd;--cat-paper:#252b2e;--cat-card:#1b2024;color:#f1f3f5}@media(prefers-color-scheme:dark){.system .catalog-page{--cat-line:#41474c;--cat-muted:#c3c9cd;--cat-paper:#252b2e;--cat-card:#1b2024;color:#f1f3f5}}.catalog-page :is(a,button,input,select,summary):focus-visible{outline:3px solid #148a9e;outline-offset:4px}.catalog-page a{text-underline-offset:4px}.catalog-topnav{border-bottom:1px solid var(--cat-line);display:flex;flex-wrap:wrap;font-size:13px;gap:12px 24px;padding-bottom:20px}.catalog-topnav a:hover{text-decoration:underline}.catalog-crumbs{color:var(--cat-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin:28px 0}.catalog-hero{background:var(--cat-paper);border:1px solid var(--cat-line);border-radius:28px;margin:24px 0 32px;padding:clamp(24px,5vw,64px)}.catalog-eyebrow{color:var(--cat-muted);font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:18px;text-transform:uppercase}.catalog-page h1{font-size:clamp(2.25rem,5.2vw,5rem);font-weight:650;letter-spacing:-.055em;line-height:1.04;margin:0 0 24px;max-width:1000px;text-wrap:balance}.catalog-intro{color:var(--cat-muted);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75;max-width:760px}.catalog-page h2{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:650;letter-spacing:-.025em;line-height:1.2;margin:0 0 18px}.catalog-page h3{font-size:1.05rem;font-weight:650;margin:0 0 10px}.catalog-page p{line-height:1.75}.catalog-page section{scroll-margin-top:20px}.catalog-section{margin-top:48px}.catalog-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.catalog-count{color:var(--cat-muted);font-size:13px}.catalog-categories{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr))}.catalog-category{background:var(--cat-card);border:1px solid var(--cat-line);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:20px}.catalog-category:hover{border-color:#5d858b}.catalog-category strong{font-size:15px}.catalog-category span{color:var(--cat-muted);font-size:12px}.catalog-controls{background:var(--cat-card);border:1px solid var(--cat-line);border-radius:18px;display:flex;flex-wrap:wrap;gap:14px;margin:24px 0;padding:22px}.catalog-controls label{display:flex;flex:1;flex-direction:column;font-size:12px;font-weight:600;gap:7px;min-width:150px}.catalog-controls .catalog-search{flex:3;min-width:min(100%,240px)}.catalog-controls :is(input,select){background:var(--cat-card);border:1px solid var(--cat-line);border-radius:10px;color:inherit;font:inherit;min-height:44px;padding:10px 12px;width:100%}.catalog-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.catalog-card{background:var(--cat-card);border:1px solid var(--cat-line);border-radius:20px;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:border-color .15s}.catalog-card:hover{border-color:#5d858b}.catalog-card img{aspect-ratio:8/5;background:var(--cat-paper);height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.catalog-card-body{display:flex;flex:1;flex-direction:column;gap:14px;padding:22px}.catalog-card h3{margin:0}.catalog-card p{color:var(--cat-muted);font-size:13px;margin:0}.catalog-card .catalog-status{align-self:flex-start;margin-top:auto}.catalog-status{align-items:center;background:var(--cat-paper);border:1px solid var(--cat-line);border-radius:30px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:5px 10px}.catalog-workspace{background:var(--cat-card);border:1px solid var(--cat-line);border-radius:24px;margin:32px 0;padding:clamp(22px,4vw,42px)}.catalog-workspace p{color:var(--cat-muted);max-width:800px}.catalog-btn{align-items:center;background:#234e53;border-radius:24px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-height:44px;padding:10px 22px}.catalog-btn:hover{background:#153e43}.catalog-columns{display:grid;gap:32px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.catalog-note{background:var(--cat-paper);border:1px solid var(--cat-line);border-radius:18px;padding:24px}.catalog-article{max-width:950px}.catalog-article section{margin:36px 0}.catalog-article li,.catalog-article p{color:var(--cat-muted)}.catalog-article ol,.catalog-article ul{padding-left:24px}.catalog-article ol{list-style:decimal}.catalog-article ul{list-style:disc}.catalog-article li{line-height:1.75;padding:5px 0}.catalog-compare{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:24px 0}.catalog-compare img{background:var(--cat-paper);border-radius:16px;height:auto;width:100%}.catalog-compare figcaption{color:var(--cat-muted);font-size:12px;margin-top:10px}.catalog-page details{border-bottom:1px solid var(--cat-line);padding:18px 0}.catalog-page summary{cursor:pointer;font-weight:600;line-height:1.5}.catalog-page details p{color:var(--cat-muted);margin-top:14px}.catalog-empty{border:1px dashed var(--cat-line);border-radius:18px;padding:32px}.catalog-links{display:flex;flex-wrap:wrap;font-size:14px;gap:12px 24px}.catalog-links a{text-decoration:underline}.catalog-append{border-top:1px solid #ddd;margin-top:36px;padding-top:28px}@media(max-width:700px){.catalog-columns,.catalog-compare{grid-template-columns:1fr}.catalog-hero{border-radius:20px}.catalog-topnav{gap:12px 18px}.catalog-controls{padding:16px}}@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}}
