.vtk-page{background:#f4f5f7;color:#151920;padding:34px 0 72px;min-height:65vh}
.vtk-wrap{width:min(1400px,calc(100% - 72px));margin:auto}
.vtk-crumbs{display:flex;flex-wrap:wrap;gap:.35rem .7rem;font-size:13px;color:#49546a;margin-bottom:24px}
.vtk-crumbs a:hover,.vtk-reset:hover{text-decoration:underline}
.vtk-crumbs a+a::before{content:"/";color:#8890a0;margin-right:.7rem;display:inline-block}
.vtk-head{background:radial-gradient(ellipse at top right,#454f61,#242933 64%);border-radius:24px;color:#fff;padding:clamp(24px,4vw,55px);margin-bottom:28px}
.vtk-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#566479;margin:0 0 10px}
.vtk-head .vtk-eyebrow{color:#d5dce8}
.vtk-head h1,.vtk-detail h1{font-size:clamp(2rem,4.5vw,4rem);line-height:1.09;margin:0;letter-spacing:-.055em;overflow-wrap:anywhere}
.vtk-head>p:last-child{color:#e1e6ed;margin:16px 0 0;max-width:62ch}
.vtk-browser{display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr);gap:24px;align-items:start}
.vtk-browser:not(:has(.vtk-taxonomy)){grid-template-columns:minmax(0,1fr)}
.vtk-taxonomy details,.vtk-filter,.vtk-empty,.vtk-description,.vtk-detail{background:#fff;border:1px solid #dee2e9;border-radius:18px}
.vtk-taxonomy summary{padding:18px 16px;font-weight:800;cursor:pointer}
.vtk-taxonomy ul{list-style:none;margin:0;padding:0 8px 8px}
.vtk-taxonomy li a,.vtk-parent{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:11px 9px;border-radius:9px;font-size:.88rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.vtk-taxonomy li a:hover,.vtk-parent:hover{background:#edf0f5}
.vtk-taxonomy small{color:#586477;font-variant-numeric:tabular-nums}
.vtk-parent{margin:0 8px;color:#49546a}
.vtk-filter{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px}
.vtk-filter label{display:grid;gap:6px;font-size:.83rem;font-weight:800}
.vtk-filter input{width:100%;min-width:0;color:#18212d;font:inherit;font-weight:600;font-size:1rem;background:#f4f5f7;border:1px solid #cdd3dc;border-radius:10px;padding:10px 12px;min-height:44px}
.vtk-action,.vtk-card-action{font:inherit;font-weight:800;cursor:pointer}
.vtk-action{border:0;border-radius:10px;background:#1d2635;color:#fff;padding:10px 17px;min-height:44px}
.vtk-action:hover{background:#3c4c65}
.vtk-reset{grid-column:1/-1;font-size:.85rem;color:#45536b}
.vtk-count{margin:20px 0 12px;color:#4b5669;font-size:.93rem}
.vtk-count strong{color:#141b26}
.vtk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,225px),1fr));gap:14px}
.vtk-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dce1e8;border-radius:16px;overflow:hidden}
.vtk-card:hover{border-color:#a9b3c3}
.vtk-photo{position:relative;display:grid;place-items:center;aspect-ratio:1.21;width:100%;min-width:0;background:#fff;border:0;border-bottom:1px solid #eef0f3;padding:14px}
.vtk-photo img{display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain}
.vtk-photo-empty{font-size:.84rem;color:#516078;background:#f5f6f8;border-radius:9px;padding:8px 10px;text-align:center}
.vtk-card-text{padding:13px 14px 15px;display:flex;flex-direction:column;flex:1;align-items:flex-start;overflow-wrap:anywhere}
.vtk-card-brand{color:#526077;font-size:.72rem;font-weight:800;letter-spacing:.035em;margin:0 0 5px}
.vtk-card h2{font-size:.96rem;line-height:1.4;letter-spacing:0;margin:0 0 8px}
.vtk-card h2 a:hover{text-decoration:underline}
.vtk-code{font-size:.76rem;color:#526077;margin:0 0 12px}
.vtk-status{color:#185239;font-size:.78rem;font-weight:800;margin:auto 0 10px;display:flex;align-items:center;gap:6px}
.vtk-status::before{content:"";background:#338763;width:7px;height:7px;border-radius:50%;flex:none}
.vtk-card-action{background:#edf0f4;color:#1e2837;border:0;border-radius:9px;width:100%;padding:8px 9px;min-height:44px;font-size:.76rem;text-align:left}
.vtk-card-action:hover{background:#e1e6ee}
.vtk-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px}
.vtk-pages a{background:#fff;padding:10px 12px;border:1px solid #cdd3dc;border-radius:10px}
.vtk-empty,.vtk-description{padding:clamp(18px,3vw,36px)}
.vtk-empty a{text-decoration:underline}
.vtk-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(22px,4vw,48px);padding:clamp(18px,4vw,48px)}
.vtk-detail-photo{height:auto;aspect-ratio:1.16;border:1px solid #e6e9ef;border-radius:14px}
button.vtk-detail-photo{cursor:zoom-in}
.vtk-detail-photo>span[aria-hidden]{position:absolute;right:10px;bottom:10px;color:#243045;background:#f2f4f7;border-radius:6px;padding:5px 8px;font:inherit;font-size:.78rem}
.vtk-detail h1{font-size:clamp(1.75rem,3vw,3rem);margin-bottom:14px}
.vtk-detail-text>p:not(.vtk-eyebrow,.vtk-status){color:#4b5669;margin:16px 0}
.vtk-detail-text dl{margin:20px 0;color:#374458;font-size:.9rem}
.vtk-detail-text dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:8px 0;border-bottom:1px solid #e3e7ec}
.vtk-detail-text dd{margin:0;font-weight:800;overflow-wrap:anywhere}
.vtk-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.vtk-thumbs button,.vtk-viewer button{font:inherit;font-weight:800;cursor:pointer}
.vtk-thumbs button{border:1px solid #ced4dd;border-radius:8px;background:#fff;padding:3px}
.vtk-thumbs button[aria-pressed=true]{border-color:#273b58;box-shadow:0 0 0 1px #273b58}
.vtk-thumbs img{object-fit:contain;display:block;width:50px;height:50px}
.vtk-description{margin-top:18px;overflow-wrap:anywhere}
.vtk-description h2{font-size:clamp(1.4rem,2.4vw,2.2rem);margin:0 0 16px}
.vtk-lead{font-weight:800;margin-bottom:18px}
.vtk-specs{line-height:1.65}
.vtk-specs ul,.vtk-specs ol{padding-left:1.5em}
.vtk-specs table{width:100%;max-width:900px;border-collapse:collapse;font-size:.9rem;margin:10px 0;table-layout:fixed}
.vtk-specs td,.vtk-specs th{padding:8px 10px;border:1px solid #dce1e8;vertical-align:top}
.vtk-specs tr:nth-child(odd){background:#f4f5f7}
.vtk-viewer{position:fixed;max-width:min(900px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 24px);color:#162133;background:#fff;border:0;border-radius:14px;padding:16px;margin:auto}
.vtk-viewer::backdrop{background:#0b1018d9}
.vtk-viewer img{width:100%;height:min(73dvh,680px);object-fit:contain;display:block}
.vtk-viewer-close{position:absolute;right:12px;top:12px}
.vtk-viewer-nav{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:8px}
.vtk-viewer button{min-width:44px;min-height:44px;border:0;border-radius:8px;color:#111b29;background:#eef1f5;font-size:1.2rem}
.vtk-page :focus-visible{outline:2px solid #32598b;outline-offset:3px}
@media(max-width:900px){.vtk-browser{grid-template-columns:minmax(185px,220px) minmax(0,1fr);gap:16px}.vtk-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,185px),1fr))}}
@media(max-width:730px){.vtk-wrap{width:calc(100% - 28px)}.vtk-page{padding-top:22px}.vtk-browser,.vtk-detail{grid-template-columns:minmax(0,1fr)}.vtk-head{margin-bottom:16px}.vtk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.vtk-filter{grid-template-columns:minmax(0,1fr) auto;padding:12px}.vtk-filter .vtk-q{grid-column:1/-1}.vtk-grid{gap:9px}.vtk-card-text{padding:10px}.vtk-photo{padding:9px}.vtk-card h2{font-size:.84rem}}

.vtk-count small,.vtk-date{color:#586477;font-size:.76rem}.vtk-count small{margin-left:9px;display:inline-block}.vtk-detail-text .vtk-status{margin-bottom:2px}