.catalog-hero{background:radial-gradient(ellipse at 95% 10%,#195781,transparent 55%),#061f3e;color:white;padding:52px 0 44px}.catalog-hero .eyebrow{color:#edc979;font-size:12px;letter-spacing:2px}.catalog-hero h1{font-size:clamp(32px,5vw,52px);margin:12px 0}.catalog-hero p{max-width:820px;color:#e1eaf4;font-size:18px;line-height:1.8}.catalog-hero .catalog-stats{display:flex;gap:24px;margin-top:25px;color:#d6e2ef;font-size:14px}.catalog-stats b{color:#f4d592;font-size:22px;margin-right:5px}.catalog-section{padding:36px 0 64px;background:#f5f7fb}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0 30px}.category-grid button{font:inherit;color:#193957;background:white;border:1px solid #dce4ee;border-radius:12px;padding:16px 12px;display:flex;align-items:center;text-align:left;gap:10px;cursor:pointer;min-height:86px}.category-grid button span{color:#947335;border:1px solid #e5cf9f;border-radius:50%;min-width:32px;height:32px;display:grid;place-items:center;font-size:13px}.category-grid button[aria-pressed=true]{background:#092c50;color:#fff;border-color:#092c50;box-shadow:0 5px 14px #0a305322}.category-grid button[aria-pressed=true] span{color:#f6d68e}.catalog-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.catalog-search{flex:1;min-width:230px;display:grid;gap:6px;font-size:13px;font-weight:600}.catalog-search input{font:inherit;font-size:16px;background:white;border:1px solid #c8d6e5;border-radius:10px;padding:13px 16px;width:100%;box-sizing:border-box}.catalog-button{font:inherit;font-size:14px;font-weight:600;border:1px solid #ccd9e6;color:#153d62;background:white;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 16px;border-radius:9px;text-decoration:none;cursor:pointer}.catalog-button.primary{background:#0b365f;border-color:#0b365f;color:white}.catalog-button.gold{background:#f5d796;border-color:#f5d796;color:#173654}.catalog-check{display:flex;align-items:center;gap:8px;font-size:14px;padding-top:22px}.catalog-check input{width:18px;height:18px;accent-color:#0b365f}.catalog-tools>.catalog-button{margin-top:22px}.catalog-result{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px;gap:12px}.catalog-result h2{font-size:22px;margin:0}.catalog-result p{font-size:13px;color:#62758a;margin:0}.catalog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{background:white;border:1px solid #dfe6ee;border-radius:16px;padding:24px;display:flex;flex-direction:column;min-width:0;box-shadow:0 6px 22px #163b5a05;border-top:3px solid #d6b76e}.catalog-card .cat-label{font-size:12px;color:#59748d;line-height:1.7}.catalog-card code,.catalog-detail code{font:500 12px ui-monospace,monospace;display:inline-block;background:#eef3f8;color:#4d6480;padding:5px 8px;border-radius:5px;margin:12px 0 6px;align-self:flex-start;overflow-wrap:anywhere}.catalog-card h3{font-size:20px;line-height:1.55;color:#123859;margin:10px 0}.catalog-card p{font-size:14px;line-height:1.85;color:#5a6f80;margin:0 0 20px}.catalog-card .card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.catalog-card .card-actions .catalog-button{font-size:13px;padding:10px 12px}.catalog-empty{grid-column:1/-1;text-align:center;padding:48px 24px;background:white;border-radius:14px;color:#536c80}.catalog-note{font-size:13px;line-height:1.9;background:#eaf0f6;color:#52687c;border-radius:12px;padding:20px 24px;margin-top:28px}.catalog-dialog{border:0;border-radius:18px;width:min(760px,calc(100% - 28px));max-height:90dvh;padding:0;color:#183c5d;box-shadow:0 28px 100px #0006}.catalog-dialog::backdrop{background:#03152bb8;backdrop-filter:blur(3px)}.catalog-dialog .dialog-top{position:sticky;top:0;background:white;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid #e4eaf1;z-index:2}.catalog-dialog .close-dialog{font:inherit;border:1px solid #dbe3ec;background:#f5f7fa;border-radius:8px;padding:7px 12px;color:#284a66;cursor:pointer}.catalog-detail{padding:12px 28px 30px}.catalog-detail h2{font-size:27px;line-height:1.5;margin:10px 0 16px}.catalog-detail p,.catalog-detail li{line-height:1.85;color:#536e82}.catalog-detail ul{padding-left:22px}.catalog-detail h3{font-size:19px;margin-top:28px}.catalog-detail .addon{background:#f3f6fa;border-radius:10px;padding:14px 18px;margin:10px 0}.addon code{margin-top:0}.addon p{margin-bottom:0;font-size:14px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.source-note{font-size:13px;border-left:3px solid #ccae6d;padding:10px 14px;background:#faf7ef}.catalog-pdf{width:min(1150px,calc(100% - 20px));height:92dvh;max-height:94dvh}.catalog-pdf .pdf-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px}.catalog-pdf iframe{width:100%;height:calc(100% - 145px);border:0;background:#e2e6ec;display:block}.catalog-pdf .pdf-hint{font-size:12px;margin:0;padding:0 20px 12px;color:#607488}body:has(.catalog-dialog[open]){overflow:hidden}.catalog-section button:focus-visible,.catalog-section input:focus-visible,.catalog-dialog :focus-visible{outline:3px solid #bd902d;outline-offset:3px}.catalog-pdf .dialog-top strong{font-size:14px;max-width:80%}@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,1fr)}.catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.catalog-hero{padding:32px 0}.catalog-hero p{font-size:15px}.catalog-hero .catalog-stats{gap:16px;font-size:12px;flex-wrap:wrap}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-grid button{font-size:12px;padding:10px 8px;min-height:72px;gap:7px}.category-grid button span{min-width:27px;height:27px;font-size:11px}.catalog-cards{grid-template-columns:1fr}.catalog-card{padding:20px}.catalog-search{flex-basis:100%}.catalog-check,.catalog-tools>.catalog-button{padding-top:0;margin-top:0}.catalog-result{align-items:flex-start;flex-direction:column}.catalog-result h2{font-size:20px}.catalog-detail{padding:12px 20px 24px}.catalog-detail h2{font-size:22px}.catalog-dialog .dialog-top{padding:12px 16px}.catalog-pdf iframe{height:calc(100% - 190px)}.catalog-section{padding-top:24px}}

.catalog-pdf .pdf-pages{overflow:auto;height:calc(100% - 155px);background:#e4e9ef;padding:12px;overscroll-behavior:contain}.pdf-pages figure{margin:0 auto 20px;max-width:1000px}.pdf-pages figcaption{text-align:center;font-size:12px;padding:8px;color:#52687c}.pdf-pages img{width:100%;height:auto;display:block;background:#fff;box-shadow:0 2px 10px #16334c22}@media(max-width:620px){.catalog-pdf .pdf-pages{height:calc(100% - 195px);padding:4px}}
