.pos08-family{padding:28px 0 40px}
.pos08-family__hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:22px;align-items:stretch;margin-bottom:22px}
.pos08-family__hero>div:first-child,
.pos08-family__actions{border:1px solid rgba(225,29,72,.14);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,249,250,1));box-shadow:var(--pos08-shadow);padding:24px 24px 22px}
.pos08-family__actions{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;background:linear-gradient(135deg,#881337,#e11d48,#fb7185);border-color:transparent}
.pos08-family__eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:1;color:#be123c}
.pos08-family__title{margin:8px 0 10px;font-size:clamp(1.9rem,1.55rem + 1vw,2.7rem);line-height:1.08;color:#4c0519;letter-spacing:-.03em;max-width:17ch}
.pos08-family__desc{margin:0;max-width:880px;line-height:1.76;color:#6b7280;font-size:1rem}
.pos08-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;text-decoration:none;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.14);color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(76,5,25,.16);backdrop-filter:blur(6px)}
.pos08-chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.22)}
.pos08-grid{display:grid;gap:16px}
.pos08-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pos08-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pos08-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pos08-card,.pos08-kpi{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,249,250,1));border:1px solid rgba(225,29,72,.14);border-radius:22px;padding:18px 18px 16px;box-shadow:var(--pos08-shadow)}
.pos08-card h2{margin:0 0 10px;font-size:1.08rem;line-height:1.35;color:#4c0519}
.pos08-card p{margin:0;color:#6b7280;line-height:1.72}
.pos08-card--minor{padding:12px 14px}
.pos08-kpi{display:flex;justify-content:space-between;align-items:center;gap:12px;border-left:4px solid var(--pos08-primary)}
.pos08-kpi--stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:112px}
.pos08-kpi strong{font-size:.82rem;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:#9f1239}
.pos08-kpi span{font-size:2rem;font-weight:800;line-height:1;color:#9f1239}
.pos08-kpi small,.pos08-meta{color:#6b7280;font-size:12px;line-height:1.55}
.pos08-stack{display:grid;gap:16px}
.pos08-table{width:100%;border-collapse:collapse;margin-top:12px}
.pos08-table th,.pos08-table td{padding:11px 12px;border-bottom:1px solid rgba(190,24,93,.12);text-align:left;vertical-align:top}
.pos08-table thead th{background:linear-gradient(135deg,#e11d48,#fb7185);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.pos08-list{margin:0;padding-left:18px;display:grid;gap:8px}
.pos08-list--compact{padding-left:0;list-style:none}
.pos08-inline-link{text-decoration:none;color:#9f1239}
.is-selected{background:rgba(244,63,94,.08);border-radius:12px}
.pos08-chip--solid{background:linear-gradient(135deg,#9f1239,#e11d48);border-color:transparent;box-shadow:0 8px 22px rgba(159,18,57,.24)}
.pos08-toolbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end}
.pos08-field{display:flex;flex-direction:column;gap:6px}
.pos08-field>span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9f1239}
.pos08-field input,.pos08-field select{height:40px;border:1px solid rgba(190,24,93,.24);border-radius:10px;padding:0 12px;background:#fff;color:#4c0519}
.pos08-field input:focus,.pos08-field select:focus{outline:none;border-color:#e11d48;box-shadow:0 0 0 2px rgba(244,63,94,.14)}
.pos08-toolbar__actions{display:flex;gap:10px;align-items:center;padding-bottom:2px}
.pos08-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(190,24,93,.24)}
.pos08-pagination__links{display:flex;gap:12px;align-items:center;font-size:13px;color:#6b7280}
@media (max-width: 1100px){
  .pos08-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pos08-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
  .pos08-toolbar{grid-template-columns:1fr}
  .pos08-family__hero{grid-template-columns:1fr}
  .pos08-grid--2,.pos08-grid--3,.pos08-grid--4{grid-template-columns:1fr}
}
