.dc-catalog{display:flex;flex-direction:column;gap:16px;padding:0 0 4px}.dc-catalog__head .app-eyebrow{margin-bottom:6px}.dc-catalog__head .app-h1{font-size:clamp(26px,2.6vw,36px)}.dc-catalog__lede{margin:8px 0 0;max-width:64ch;font-family:var(--font-serif-editorial);font-size:18px;line-height:1.5;color:var(--ink-700);text-wrap:pretty}.dc-catalog__list{display:flex;flex-direction:column;border-top:1px solid var(--line-strong);min-height:0}.dc-topic{display:grid;grid-template-columns:140px minmax(0,1fr) auto;grid-gap:clamp(16px,2.4vw,32px);gap:clamp(16px,2.4vw,32px);align-items:center;padding:10px 0;border-bottom:1px solid var(--line-strong);text-decoration:none;color:inherit}.dc-topic:focus-visible,.dc-topic:hover{text-decoration:none}.dc-topic__plate{display:grid;place-items:center;width:140px;height:80px;box-sizing:border-box;border:1px solid var(--line-strong);background:var(--sand-100);color:var(--accent);transition:border-color .16s cubic-bezier(.2,0,.1,1)}.dc-topic__plate svg{width:112px;height:56px;display:block}.dc-topic:focus-visible .dc-topic__plate,.dc-topic:hover .dc-topic__plate{border-color:var(--terracotta-600)}.dc-topic__text{display:flex;flex-direction:column;gap:3px;min-width:0}.dc-topic h2{margin:0;font-family:var(--font-serif-display,"Source Serif 4",serif);font-size:21px;font-weight:600;color:var(--ink-900);transition:color .16s cubic-bezier(.2,0,.1,1)}.dc-topic:focus-visible h2,.dc-topic:hover h2{color:var(--terracotta-600)}.dc-topic__path{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-500)}.dc-topic p{margin:2px 0 0;max-width:70ch;font-size:15.5px;line-height:1.4;color:var(--ink-700);text-wrap:pretty}.dc-topic__open{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap}@media (max-height:780px){.dc-catalog__list{overflow-y:auto;max-height:calc(100dvh - 306px)}}@media (min-width:1200px){.dc-catalog--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:1fr;grid-column-gap:clamp(28px,3.5vw,56px);column-gap:clamp(28px,3.5vw,56px);grid-row-gap:0;row-gap:0;min-height:calc(100dvh - 160px);box-sizing:border-box}.dc-catalog--grid .dc-catalog__head{grid-column:1/-1;padding-bottom:clamp(8px,1.6vh,16px)}.dc-catalog--grid .dc-catalog__head .app-h1{font-size:clamp(26px,min(2.9vw,4.6vh),46px)}.dc-catalog--grid .dc-catalog__lede{font-size:clamp(16px,min(1.3vw,2.15vh),21px);max-width:none}.dc-catalog--grid .dc-catalog__list{grid-column:1/-1;grid-row:2/span var(--rows);display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;border-top:0;max-height:none;overflow:visible}.dc-catalog--grid .dc-topic{position:relative;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:start;gap:clamp(16px,1.8vw,26px);padding:clamp(10px,1.8vh,18px) 0;container-type:inline-size;border-bottom:0;border-top:1px solid var(--line-strong)}.dc-catalog--grid .dc-topic__plate{width:auto;height:clamp(64px,min(48cqw/2.1,(100dvh - 276px)/3 - 3.6dvh - 4px),220px);aspect-ratio:2.1/1}.dc-catalog--grid .dc-topic__plate svg{width:80%;height:auto}.dc-catalog--grid .dc-topic__path{display:none}.dc-catalog--grid .dc-topic h2{font-size:clamp(20px,min(1.6vw,2.6vh),26px);padding-right:72px}.dc-catalog--grid .dc-topic p{font-size:clamp(15px,min(1.15vw,1.9vh),19px)}.dc-catalog--grid .dc-topic__open{position:absolute;top:calc(clamp(10px, 1.8vh, 18px) + 7px);right:0}}@media (min-width:1200px) and (max-height:780px){.dc-catalog--grid .dc-topic p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}@media (min-width:1200px) and (max-height:640px){.dc-catalog--grid .dc-topic p{-webkit-line-clamp:2}}@media (min-width:641px) and (max-width:1199px){.dc-catalog{height:calc(100dvh - 152px);box-sizing:border-box}.dc-catalog__list{flex:1 1;overflow-y:auto;max-height:none}}@media (max-width:640px){.dc-topic{grid-template-columns:1fr;gap:12px}.dc-topic__open{display:none}}