.periche-chart{width:100%;display:block;}
.periche-chart *{box-sizing:border-box;}
.pc-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding-block-end:24px;}
.pc-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.pc-field label{font-size:14px;font-weight:600;color:var(--neutral-900,#221C1D);}
.pc-search{flex:1 1 280px;}
.pc-input,.pc-select{min-height:48px;padding-inline:16px;border:1px solid var(--neutral-200,#DEDAD5);border-radius:8px;background:var(--neutral-000,#fff);font:inherit;font-size:16px;color:var(--neutral-900,#221C1D);width:100%;}
.pc-select{min-width:160px;}
.pc-input:focus-visible,.pc-select:focus-visible{outline:3px solid var(--brand-700,#8D0E34);outline-offset:2px;}
.pc-clear{min-height:48px;padding-inline:20px;border:1.5px solid var(--brand-500,#B41442);border-radius:8px;background:transparent;color:var(--brand-500,#B41442);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color 200ms var(--periche-ease,ease);}
.pc-clear:hover{background:var(--brand-100,#FCE7EC);}
.pc-count{font-size:15px;color:var(--neutral-500,#615B59);padding-block-end:16px;}
.pc-sample{padding:14px 18px;border-inline-start:3px solid var(--brand-100,#FCE7EC);background:var(--neutral-000,#fff);color:var(--neutral-500,#615B59);font-size:15px;line-height:1.8;margin-block-end:24px;}
.pc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.pc-item a{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;}
.pc-chip{display:block;width:100%;aspect-ratio:1/1;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(34,28,29,.08);transition:transform 200ms var(--periche-ease,ease);}
.pc-item a:hover .pc-chip,.pc-item a:focus-visible .pc-chip{transform:translateY(-3px);}
.pc-item a:focus-visible{outline:3px solid var(--brand-700,#8D0E34);outline-offset:4px;border-radius:6px;}
.pc-code{font-size:20px;font-weight:300;direction:ltr;unicode-bidi:isolate;text-align:right;font-family:var(--periche-font-code,inherit);color:var(--neutral-900,#221C1D);}
.pc-name{font-size:14px;color:var(--neutral-500,#615B59);}
.pc-empty{padding:48px 0;text-align:center;font-size:17px;color:var(--neutral-500,#615B59);}
@media (max-width:1024px){.pc-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:767px){.pc-grid{grid-template-columns:repeat(3,1fr);gap:12px;}.pc-bar{gap:12px;}.pc-select{min-width:0;flex:1 1 140px;}}
@media (prefers-reduced-motion:reduce){.pc-chip,.pc-clear{transition:none;}.pc-item a:hover .pc-chip,.pc-item a:focus-visible .pc-chip{transform:none;}}