.shared-catalog{padding-block:2rem 4rem}.shared-catalog h1{margin-block:0 1rem;font-size:clamp(1.5rem,4vw,2rem)}.shared-catalog-notice{color:#ffe2a8;border:1px solid #ad7839;border-radius:.75rem;padding:.8rem}.shared-catalog form{background:var(--color-surface);border:1px solid var(--color-line);border-radius:.5rem;margin-block:1rem 1.5rem;padding:1.1rem}.shared-catalog label{margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.shared-search-row{gap:0;display:flex}.shared-catalog input{background:var(--color-paper);color:#fff;border:1px solid #777b90;border-radius:.35rem 0 0 .35rem;flex:1;min-width:0;padding:.7rem}.shared-catalog .shared-search-row button{border-radius:0 .35rem .35rem 0;min-width:5rem}.shared-filter-toolbar{justify-content:space-between;align-items:start;gap:1rem;display:flex}.shared-filter-toolbar details{flex:1;min-width:0}.shared-filter-toolbar button[data-shared-clear]{color:var(--color-ink-soft);background:0 0;margin-top:.5rem;padding-inline:.25rem;font-size:.75rem;text-decoration:underline}.shared-catalog [data-shared-status]{color:var(--color-ink-soft);border-bottom:1px solid var(--color-line);padding-bottom:.8rem;font-size:.8rem}.shared-catalog-filters{border:1px solid #62677d;border-radius:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0;margin:1rem 0;padding:1rem;display:grid}.shared-catalog-filters select{color:#fff;background:#1a1c27;border:1px solid #777b90;border-radius:.5rem;width:100%;min-width:0;min-height:44px;padding:.5rem}.shared-catalog summary{cursor:pointer;color:#ffbf73;min-height:44px;margin-block:.5rem;padding-block:.7rem}.shared-catalog-filter-note{color:#c3c6d2;font-size:.9rem}@media (width<=600px){.shared-catalog-filters{grid-template-columns:1fr}}.shared-catalog button{color:#191511;cursor:pointer;background:#ffad4e;border:1px solid #0000;border-radius:.6rem;min-width:44px;min-height:44px;padding:.6rem 1rem}.shared-catalog button:disabled{opacity:.6;cursor:wait}.shared-catalog :focus-visible{outline-offset:4px;outline:3px solid #85c9ff}.shared-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1.6rem 1rem;min-height:60vh;margin-block:1rem;display:grid}.shared-catalog-card{min-width:0;color:inherit;border-radius:.35rem;flex-direction:column;text-decoration:none;display:flex}.shared-catalog-card:hover h2{color:var(--color-brand-deep);text-decoration:underline}.shared-catalog-cover{aspect-ratio:264/374;border:1px solid var(--color-line-strong);background:linear-gradient(135deg,#33334f,#1a2837);border-radius:.35rem;place-items:center;display:grid;position:relative;overflow:hidden}.shared-catalog-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shared-catalog-card h2{text-wrap:wrap;overflow-wrap:anywhere;margin:.65rem 0 0;font-size:.85rem;line-height:1.55}.shared-catalog-card p{color:#c3c6d2;margin:.35rem 0 0;font-size:.85rem}.shared-catalog-paging{justify-content:center;align-items:center;gap:.8rem;margin-block:2rem;display:flex}.shared-catalog-paging[hidden],.shared-catalog [hidden]{display:none}.shared-catalog [data-shared-error]{color:#ffd4d4;border:1px solid #eea3a3;padding:1rem}.shared-catalog [data-shared-detail]{border:1px solid var(--color-line);background:var(--color-surface);overflow-wrap:anywhere;border-radius:.5rem;margin-block:1.5rem;padding:1.25rem}.shared-detail-hero{gap:1.25rem;margin-top:1.25rem;display:grid}.shared-detail-info{min-width:0}.shared-detail-info h2{font-size:clamp(1.5rem,4vw,2rem)}.shared-detail-info dl{margin-block:1.3rem;font-size:.85rem}.shared-detail-info dt{color:var(--color-ink-soft)}.shared-catalog [data-shared-detail] h3{margin-top:1.5rem;font-size:1rem}.shared-catalog [data-shared-detail] li a{align-items:center;min-height:44px;display:inline-flex}@media (width>=42rem){.shared-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shared-detail-hero{grid-template-columns:190px minmax(0,1fr);gap:2rem}}@media (width>=64rem){.shared-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem 1.25rem}}.shared-catalog [data-shared-detail] .shared-catalog-cover{max-width:220px;margin-block:1rem}.shared-catalog dl{grid-template-columns:minmax(5rem,auto) 1fr;gap:.6rem 1rem;display:grid}.shared-catalog dd{margin:0}@media (width<=390px){.shared-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}}