/* The catalog owns its layout; legacy article layouts cannot position its children. */
.catalog-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid #ffffff1b;border-radius:18px;background:#0e131ac7;overflow:hidden}
.catalog-entry{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"copy meta";align-items:start;gap:24px;padding:26px 28px;min-width:0;text-align:left;transition:background-color .18s;contain:layout style;border-radius:0;color:#edf0f7}
.catalog-entry:first-child{border-radius:17px 17px 0 0}.catalog-entry:last-child{border-radius:0 0 17px 17px}.catalog-entry:only-child{border-radius:17px}
.catalog-entry+.catalog-entry{border-top:1px solid #ffffff14}.catalog-entry:hover{background:#b9c9ff06}.catalog-entry:focus-visible{outline:2px solid #b8baff;outline-offset:-3px}
.catalog-entry.has-cover{grid-template-columns:88px minmax(0,1fr) 150px;grid-template-areas:"cover copy meta"}
.catalog-entry-copy{grid-area:copy;min-width:0}.catalog-entry-copy h3{margin:0;font-size:1.375rem;font-weight:550;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}
.catalog-entry-copy p{margin:10px 0 0;font-size:1rem;line-height:1.65;color:#aeb9cb;max-width:80ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalog-entry-meta{grid-area:meta;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-top:4px;font-size:.8125rem;line-height:1.55;text-align:right;color:#95a3b9}
.catalog-entry-meta>span{color:#b6c1d3}.catalog-entry-meta time{font:inherit;font-variant-numeric:tabular-nums;white-space:normal}
.catalog-entry-cover{grid-area:cover;display:block;width:88px;height:88px;border-radius:14px;overflow:hidden;border:1px solid #ffffff22;background:linear-gradient(125deg,var(--work-start,#151c2b),var(--work-end,#090d14))}
.catalog-entry-cover img{display:block;width:100%;height:100%;object-fit:cover}
.latest-section .latest-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;border-radius:0;background:none;align-items:stretch}
.latest-section .latest-list .catalog-entry{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "copy";gap:18px;padding:24px;border:1px solid #ffffff1f;border-radius:16px;background:#0e131aaa;align-content:start}
.latest-section .latest-list .catalog-entry.has-cover{grid-template-areas:"cover" "meta" "copy"}.latest-section .latest-list .catalog-entry-meta{flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;text-align:left;padding:0;gap:6px 12px}
.latest-section .latest-list .catalog-entry-copy h3{font-size:1.25rem}.latest-section .latest-list .catalog-entry-copy p{-webkit-line-clamp:3}
.works-section .catalog-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.catalog-field{min-width:0;position:relative}.catalog-field-label{display:block;font-size:.875rem;line-height:1.5;color:#a8b5ca;margin-bottom:8px}
.catalog-picker{position:relative;min-width:0}.catalog-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:1px solid #ffffff24;border-radius:12px;background:linear-gradient(125deg,#ffffff07,#ffffff02),#111821;color:#e9eef8;font-size:.875rem;line-height:1.5;text-align:left;transition:border-color .15s,background-color .15s}
.catalog-picker-trigger>span{min-width:0;overflow-wrap:anywhere}.catalog-picker-trigger>svg{flex-shrink:0;color:#9faecc;transition:transform .15s}.catalog-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.catalog-picker-trigger:hover,.catalog-picker-trigger[aria-expanded=true]{border-color:#b6c7f56b;background-color:#192232}.catalog-picker-trigger:focus-visible{outline:2px solid #b8baff;outline-offset:3px}
.catalog-picker-menu{position:absolute;z-index:45;top:calc(100% + 8px);left:0;right:0;padding:6px;max-height:min(320px,45dvh);overflow:auto;border:1px solid #9baedb40;border-radius:13px;background:#141c29;box-shadow:0 16px 48px #0007,inset 0 1px 0 #ffffff0c;scrollbar-width:thin;overscroll-behavior:contain;outline:none}
.catalog-picker-menu.open-up{top:auto;bottom:calc(100% + 8px)}
.catalog-picker-option{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:44px;padding:11px 12px;border-radius:8px;color:#b8c4da;font-size:.875rem;line-height:1.5;text-align:left}
.catalog-picker-option>span{min-width:0;overflow-wrap:anywhere}.catalog-picker-option>svg{flex-shrink:0;visibility:hidden}.catalog-picker-option[aria-selected=true]{color:#f0f3ff;background:#b2beff0d}.catalog-picker-option[aria-selected=true]>svg{visibility:visible;color:#c2caff}.catalog-picker-option.is-active,.catalog-picker-option:hover{background:#b2beff18;color:#f3f5ff}
@media(max-width:900px){.catalog-entry{grid-template-columns:minmax(0,1fr) 128px;padding:24px;gap:20px}.catalog-entry.has-cover{grid-template-columns:80px minmax(0,1fr) 128px}.catalog-entry-cover{width:80px;height:80px}.latest-section .latest-list{grid-template-columns:1fr}.latest-section .latest-list .catalog-entry{grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"copy meta";gap:20px}.latest-section .latest-list .catalog-entry.has-cover{grid-template-columns:80px minmax(0,1fr) 128px;grid-template-areas:"cover copy meta"}.latest-section .latest-list .catalog-entry-meta{flex-direction:column;align-items:flex-end;text-align:right;gap:8px}}
@media(max-width:600px){.catalog-list{border-radius:14px}.catalog-entry,.latest-section .latest-list .catalog-entry{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "copy";gap:12px;padding:20px}.catalog-entry.has-cover,.latest-section .latest-list .catalog-entry.has-cover{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"cover meta" "cover copy";gap:12px 16px}.catalog-entry-cover{width:64px;height:64px;border-radius:11px}.catalog-entry-copy h3,.latest-section .latest-list .catalog-entry-copy h3{font-size:1.125rem;line-height:1.45}.catalog-entry-copy p{font-size:1rem;margin-top:8px}.catalog-entry-meta,.latest-section .latest-list .catalog-entry-meta{flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:6px 14px;padding:0;text-align:left;font-size:.75rem}.works-section .catalog-selects{grid-template-columns:minmax(0,1fr);gap:14px}.catalog-field{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px}.catalog-field-label{margin:0}.catalog-picker-trigger{min-height:46px;padding:11px 14px}.catalog-entry:first-child{border-radius:13px 13px 0 0}.catalog-entry:last-child{border-radius:0 0 13px 13px}.catalog-entry:only-child{border-radius:13px}.latest-section .latest-list .catalog-entry{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.catalog-entry,.catalog-picker-trigger,.catalog-picker-trigger>svg{transition:none}}