@charset "UTF-8";
.catalog-main{padding-bottom:35px}
.catalog-breadcrumb{justify-content:flex-start;gap:12px;font-size:13px;font-weight:600;padding-top:26px}
.catalog-breadcrumb a{border-bottom:1px solid #aeb3ba;padding-block:0}
.catalog-page .catalog-breadcrumb a{display:inline-block}
.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 0 35px}
.catalog-eyebrow{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;letter-spacing:.06em}
.catalog-eyebrow>span{color:var(--orange);font-size:25px;line-height:1}
.catalog-intro h1{font-size:clamp(32px,3.7vw,48px);margin-top:13px;letter-spacing:-.04em;line-height:1.5}
.catalog-intro h1+p{margin-top:13px;font-size:16px}
.catalog-total{flex-shrink:0;min-width:150px;text-align:center;background:var(--yellow);border:var(--line);border-radius:9px;padding:15px 20px;box-shadow:4px 4px 0 var(--ink)}
.catalog-total>span{display:block;font-size:12px;font-weight:800}
.catalog-total strong{display:block;font:800 55px/1.15 Arial,sans-serif;margin-top:6px}
.catalog-total small{font:800 19px var(--body-font);margin-left:7px}
.catalog-tools{padding:27px 30px 25px;background:#f3f1e9;border:1.5px solid #c3c4bf;border-radius:12px}
.catalog-tools[hidden],.catalog-clear[hidden],.catalog-reset[hidden],.catalog-empty[hidden],.catalog-index-item[hidden]{display:none}
.catalog-search{max-width:650px}
.catalog-search label{display:block;font-size:14px;font-weight:800;margin-bottom:9px}
.catalog-search-field{display:flex;align-items:center;background:var(--paper);border:var(--line);border-radius:7px;padding:0 15px;gap:10px}
.catalog-search-field:focus-within{outline:3px solid #1467c3;outline-offset:3px}
.catalog-search-field>span{font:35px/1 Arial,sans-serif}
.catalog-search input{min-width:0;flex:1;width:100%;font:inherit;color:var(--ink);background:transparent;border:0;outline:none;padding:13px 0;border-radius:0}
.catalog-search input::-webkit-search-cancel-button{display:none}
.catalog-search input::placeholder{color:#69707b}
.catalog-clear{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;line-height:1;font-size:24px;border:0;background:#eeede7;border-radius:50%}
.catalog-filters{padding:0;margin:24px 0 0;min-width:0;border:0}
.catalog-filters legend{padding:0;margin-bottom:10px;font-size:13px;font-weight:800}
.catalog-filters>div{display:flex;flex-wrap:wrap;gap:9px}
.catalog-filters button{border:1.5px solid #858a92;border-radius:24px;padding:7px 16px;font-size:13px;font-weight:700;line-height:1.7;background:var(--paper);transition:background .15s,color .15s}
.catalog-filters button:hover{background:var(--yellow)}
.catalog-filters button[aria-pressed="true"]{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.catalog-results-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 18px;min-height:32px}
.catalog-results-heading p{font-size:14px;font-weight:800}
.catalog-reset{background:none;border:0;padding:4px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.catalog-index-grid{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.catalog-index-item{min-width:0}
.catalog-index-card{display:flex;flex-direction:column;height:100%;border:var(--line);border-radius:11px;background:var(--paper);overflow:hidden;box-shadow:4px 4px 0 var(--ink);transition:transform .18s,box-shadow .18s}
.catalog-index-card:hover{transform:translateY(-4px);box-shadow:4px 8px 0 var(--ink)}
.catalog-index-art{position:relative;background:var(--catalog-accent);border-bottom:var(--line);padding:15px 38px 8px}
.catalog-index-art img{width:100%;height:185px;object-fit:contain;mix-blend-mode:multiply}
.catalog-specimen{position:absolute;top:13px;left:15px;background:var(--paper);border:1.5px solid var(--ink);padding:3px 8px;border-radius:5px;font:800 12px/1.4 Arial,sans-serif}
.catalog-index-copy{padding:19px 21px 0;display:flex;flex-direction:column;flex:1}
.catalog-behavior{font-size:12px;color:#59616d;line-height:1.65;margin-bottom:6px}
.catalog-index-copy h2{font-size:24px;letter-spacing:-.055em;line-height:1.45}
.catalog-quote{margin-top:12px;font-size:14px;font-weight:700;line-height:1.8;flex:1}
.catalog-tags{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 15px}
.catalog-tags span{border:1px solid #c7cbd0;border-radius:4px;padding:2px 7px;font-size:11px;line-height:1.6}
.catalog-read{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1.5px solid #c7cbd0;padding:12px 0;font-size:13px;font-weight:800}
.catalog-read b{font:400 24px/1 Arial,sans-serif}
.catalog-empty{text-align:center;border:2px dashed #b7bdc4;border-radius:11px;padding:45px 20px}
.catalog-empty>span{font:65px/1 Arial,sans-serif;color:#8b929a}
.catalog-empty h2{font-size:24px;margin-top:15px}
.catalog-empty p{margin-top:10px;font-size:15px}
.catalog-empty button{margin-top:25px}
.catalog-end{text-align:center;padding:63px 0 33px;margin-top:48px;border-top:1.5px solid #b7bdc4}
.catalog-end>span{font-size:32px;color:var(--orange);line-height:1}
.catalog-end p{margin-top:15px;font-size:19px;font-weight:800;line-height:1.8}
.catalog-end a{display:inline-block;margin-top:21px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.catalog-page .site-footer{border-top:var(--line)}
.catalog-page .site-header nav a[href="/pedia/"]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1000px){.catalog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-intro h1{font-size:38px}.catalog-index-art img{height:205px}.catalog-total{min-width:130px;padding:12px 15px}}
@media(max-width:650px){.catalog-intro{padding:28px 0 25px;display:block}.catalog-intro h1{font-size:clamp(27px,7.2vw,38px)}.catalog-intro h1+p{font-size:15px;max-width:310px}.catalog-eyebrow{font-size:13px}.catalog-total{display:flex;align-items:center;justify-content:space-between;min-width:0;width:100%;padding:8px 15px;margin-top:22px;box-shadow:3px 3px 0 var(--ink)}.catalog-total strong{font-size:28px;margin:0}.catalog-total small{font-size:15px}.catalog-tools{padding:21px 17px}.catalog-search label{font-size:13px}.catalog-search-field{padding-inline:10px;gap:7px}.catalog-search input{font-size:16px;padding-block:12px}.catalog-filters{margin-top:20px}.catalog-filters>div{gap:8px}.catalog-filters button{padding:8px 12px;font-size:12px}.catalog-index-grid{grid-template-columns:1fr;gap:23px}.catalog-index-card{display:grid;grid-template-columns:34% minmax(0,1fr)}.catalog-index-art{display:flex;align-items:center;padding:38px 9px 16px;border-bottom:0;border-right:var(--line)}.catalog-index-art img{height:140px}.catalog-specimen{top:12px;left:10px;font-size:11px}.catalog-index-copy{padding:15px 14px 0}.catalog-index-copy h2{font-size:clamp(18px,5.2vw,23px);letter-spacing:-.05em}.catalog-behavior{font-size:11px}.catalog-quote{font-size:13px;margin-top:9px}.catalog-tags{margin:12px 0 10px;gap:5px}.catalog-tags span{font-size:10px;padding-inline:5px}.catalog-read{font-size:12px;padding-block:10px}.catalog-results-heading{margin-top:23px}.catalog-results-heading p{font-size:13px}.catalog-reset{font-size:12px}.catalog-end{padding-top:40px;margin-top:37px}.catalog-end p{font-size:17px}.catalog-empty h2{font-size:21px}.catalog-empty p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.catalog-index-card{transition:none}.catalog-index-card:hover{transform:none}}
@media print{.catalog-tools,.catalog-reset,.catalog-end{display:none}.catalog-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-index-card{box-shadow:none;break-inside:avoid}.catalog-index-copy{padding-inline:12px}.catalog-index-copy h2{font-size:18px}.catalog-index-art img{height:120px}}

.catalog-observation{margin-bottom:24px;padding:19px 24px;background:#fff9e6;border:1.5px solid #d6cba7;border-radius:10px}
.observation-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
#observation-count{font-size:18px;font-weight:800;letter-spacing:.02em}
.observation-filter{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px;font-weight:700;min-height:36px}
.observation-filter input{width:19px;height:19px;accent-color:var(--ink);flex-shrink:0}
.observation-filter input:focus-visible{outline:3px solid #1467c3;outline-offset:3px}
.observation-note{font-size:12px;line-height:1.8;color:#62615a;margin-top:7px}
.observation-complete{font-size:14px;font-weight:700;line-height:1.8;margin-top:12px;padding-top:12px;border-top:1px dashed #b8a87f}
.catalog-card-status{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin-bottom:8px}
.catalog-new{font-size:11px;font-weight:800;color:var(--ink);background:var(--yellow);padding:3px 9px;border-radius:4px;line-height:1.5}
.observation-stamp{margin-left:auto;color:#a5312c;border:3px double currentColor;border-radius:5px;padding:2px 9px;font-size:14px;line-height:1.4;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.catalog-observation[hidden],.observation-complete[hidden],.observation-stamp[hidden],.catalog-new[hidden]{display:none}
@media(max-width:650px){.catalog-observation{padding:15px 17px;margin-bottom:20px}#observation-count{font-size:17px}.observation-toolbar{gap:5px 15px}.observation-filter{font-size:13px}.observation-note{font-size:12px}.catalog-card-status{min-height:27px;gap:6px;margin-bottom:8px}.observation-stamp{font-size:12px;padding:2px 6px}.catalog-new{font-size:10px;padding:3px 7px}}
@media print{.catalog-observation{display:none}}
.catalog-status-badge{font-size:11px;font-weight:800;color:#d90429;background:#ffe5e5;border:1px solid #ffb3b3;border-radius:4px;padding:2px 7px;white-space:nowrap;}