.pc-catalog{min-width:0;padding:clamp(64px,8vw,120px) var(--gutter);background:var(--paper);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
.pc-catalog__head{max-width:720px;margin-bottom:32px}
.pc-catalog__title{margin:0 0 12px;font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.2;letter-spacing:-.055em}
.pc-catalog__count{margin:0;color:#52613e;font:13px/1.6 monospace}
.pc-catalog__filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:end;margin-bottom:24px}
.pc-catalog__field{display:flex;flex-direction:column;gap:8px;min-width:0}
.pc-catalog__field span{font-size:13px;font-weight:650;line-height:1.4}
.pc-catalog__field input,.pc-catalog__choice,.pc-catalog__clear,.pc-catalog__reset,.pc-catalog__more,.pc-catalog__close,.pc-catalog__brief{min-height:44px}
.pc-catalog__search{display:flex;align-items:center;gap:4px;min-width:0;padding-right:4px;border:1px solid var(--line);border-radius:12px;background:#fff}
.pc-catalog__field input{width:100%;min-width:0;padding:10px 14px;border:0;border-radius:12px;background:transparent;color:var(--ink)}
.pc-catalog__clear{flex:0 0 auto;min-width:44px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink)}
.pc-catalog__choices,.pc-catalog__segment{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.pc-catalog__choice{min-width:44px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)}
.pc-catalog__segment{gap:0;border:1px solid var(--line);border-radius:999px;background:#fff}
.pc-catalog__segment .pc-catalog__choice{border:0;border-radius:999px}
.pc-catalog__choice[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.pc-catalog__choice:focus-visible,.pc-catalog__clear:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pc-catalog__reset,.pc-catalog__more{min-width:44px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink)}
.pc-catalog__reset{justify-self:start}
.pc-catalog__more{margin-top:20px}
.pc-catalog__reset:hover,.pc-catalog__more:hover,.pc-catalog__card:hover{background:var(--accent)}
.pc-catalog__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.pc-catalog__card{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;padding:0;border:1px solid var(--line);border-radius:20px;background:#fff;color:inherit;text-align:left;overflow:hidden;opacity:1;transform:none}
.pc-catalog__card:hover,.pc-catalog__card:focus-visible{border-color:#27351a}
.pc-catalog__cue{display:inline-flex;align-items:center;min-height:44px;color:#27351a;font-size:14px;font-weight:650}
.pc-catalog__cover{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:140px;min-width:0;padding:16px;background:radial-gradient(ellipse at 100% 0,#3a4b25,transparent 70%),var(--ink);color:var(--paper)}
.pc-catalog__caption{color:#b9c1ad;font-size:12px;line-height:1.5}
.pc-catalog__dialog>.pc-catalog__caption{color:#35471c}
.pc-catalog__intro{max-width:62ch;margin:0 0 12px;color:#35471c;font-size:15px;line-height:1.7}
.pc-catalog__support{margin:12px 0 0;color:#35471c;font-size:14px;line-height:1.6}
.pc-catalog__support:empty{margin:0}
.pc-catalog__cover-category{color:var(--accent);font-size:13px;line-height:1.4}
.pc-catalog__body{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px}
.pc-catalog__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#62685c;font-size:12px;line-height:1.4}
.pc-catalog__name{font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.04em}
.pc-catalog__summary{color:#454b40;font-size:14px;line-height:1.7}
.pc-catalog__name,.pc-catalog__summary,.pc-catalog__caption,.pc-catalog__tags{min-width:0;overflow-wrap:anywhere}
.pc-catalog__tags{display:flex;flex-wrap:wrap;gap:8px}
.pc-catalog__tags span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:#68705e;font-size:12px;line-height:1.4}
.pc-catalog__empty{margin:8px 0 0;color:#35471c;font-size:15px;line-height:1.6}
.pc-catalog__dialog{width:min(720px,calc(100vw - 32px));max-height:min(85vh,calc(100dvh - 32px));overflow:auto;overscroll-behavior:contain;padding:16px;min-width:0}
.pc-catalog__close{position:sticky;top:0;z-index:1;float:right;min-width:44px;margin:0 0 8px 12px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}
.pc-catalog__dialog-title,.pc-catalog__facts,.pc-catalog__example,.pc-catalog__dialog-summary,.pc-catalog__scope,.pc-catalog__flow{min-width:0;overflow-wrap:anywhere}
.pc-catalog__flow{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pc-catalog__flow li{position:relative;min-width:0;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;line-height:1.5}
.pc-catalog__example{clear:both;margin-top:8px}
.pc-catalog__close:focus-visible,.pc-catalog__brief:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pc-catalog__dialog-title{margin:0 0 12px;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.25;letter-spacing:-.04em}
.pc-catalog__dialog-summary,.pc-catalog__stage-note{margin:0;color:#454b40;font-size:15px;line-height:1.75}
.pc-catalog__facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pc-catalog__facts dt{color:#52613e;font-size:12px;font-weight:650}
.pc-catalog__facts dd{margin:0;min-width:0;font-size:14px;line-height:1.5}
.pc-catalog__dialog h3{margin:20px 0 8px;font-size:16px;font-weight:650}
.pc-catalog__scope{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pc-catalog__scope li{min-width:0;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;line-height:1.4}
.pc-catalog__brief{display:inline-flex;align-items:center;min-width:44px;margin-top:24px;padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--accent);font-size:14px;text-decoration:none}
.pc-catalog__brief:hover{background:#27351a}
@media(min-width:700px){
  .pc-catalog__filters{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)) auto}
  .pc-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1100px){
  .pc-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@keyframes pc-card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html[data-motion="full"] .pc-catalog__card,
html[data-motion="auto"] .pc-catalog__card{animation:pc-card-in 240ms ease backwards;transition:transform 160ms ease,border-color 160ms ease,opacity 160ms ease}
html[data-motion="full"] .pc-catalog__card:nth-child(2),
html[data-motion="auto"] .pc-catalog__card:nth-child(2){animation-delay:24ms}
html[data-motion="full"] .pc-catalog__card:nth-child(3),
html[data-motion="auto"] .pc-catalog__card:nth-child(3){animation-delay:48ms}
html[data-motion="full"] .pc-catalog__card:nth-child(4),
html[data-motion="auto"] .pc-catalog__card:nth-child(4){animation-delay:72ms}
html[data-motion="full"] .pc-catalog__card:nth-child(5),
html[data-motion="auto"] .pc-catalog__card:nth-child(5){animation-delay:96ms}
html[data-motion="full"] .pc-catalog__card:nth-child(6),
html[data-motion="auto"] .pc-catalog__card:nth-child(6){animation-delay:120ms}
html[data-motion="full"] .pc-catalog__card:nth-child(7),
html[data-motion="auto"] .pc-catalog__card:nth-child(7){animation-delay:144ms}
html[data-motion="full"] .pc-catalog__card:nth-child(8),
html[data-motion="auto"] .pc-catalog__card:nth-child(8){animation-delay:168ms}
html[data-motion="full"] .pc-catalog__card:nth-child(n+9),
html[data-motion="auto"] .pc-catalog__card:nth-child(n+9){animation-delay:192ms}
html[data-motion="full"] .pc-catalog__card:hover,
html[data-motion="full"] .pc-catalog__card:focus-visible,
html[data-motion="auto"] .pc-catalog__card:hover,
html[data-motion="auto"] .pc-catalog__card:focus-visible{transform:translateY(-2px)}
html[data-motion="full"] .pc-catalog__card:active,
html[data-motion="auto"] .pc-catalog__card:active{transform:translateY(1px)}
html[data-motion="reduced"] .pc-catalog__card{animation:none;transition:none}
@media (prefers-reduced-motion: reduce){
  html[data-motion="auto"] .pc-catalog__card{animation:none;transition:none}
  html[data-motion="auto"] .pc-catalog__card:hover,
  html[data-motion="auto"] .pc-catalog__card:focus-visible,
  html[data-motion="auto"] .pc-catalog__card:active{transform:none}
}