.quality24-page { display:grid; gap:18px; }
.quality24-context { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:14px 16px; border:1px solid #e0e6eb; border-radius:14px; background:#f7f9fb; }
.quality24-context>div { display:grid; gap:2px; }
.quality24-context span,.quality24-summary span { color:#768590; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
.quality24-context strong { font-size:18px; }
.quality24-period-tabs { display:inline-flex; gap:6px; padding:4px; background:#eef2f5; border-radius:12px; }
.quality24-period-tabs a { padding:8px 16px; border-radius:9px; color:#52616d; text-decoration:none; font-weight:600; }
.quality24-period-tabs a.active { background:#fff; color:#1f5f91; box-shadow:0 2px 8px rgba(25,58,84,.10); }
.quality24-engine { display:grid; grid-template-columns:60px 1fr; gap:16px; align-items:center; padding:18px; border:1px solid #d7e5ee; border-radius:15px; background:linear-gradient(180deg,#fff,#f5faff); }
.quality24-engine-mark { width:54px; height:54px; display:grid; place-items:center; border-radius:15px; background:#286792; color:#fff; font-weight:800; }
.quality24-kicker { color:#748390; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.quality24-engine h2 { margin:3px 0 4px; font-size:19px; }
.quality24-engine p { margin:0; color:#657681; }
.quality24-card { padding:20px; border:1px solid #dfe6ec; border-radius:16px; background:#fff; box-shadow:0 3px 12px rgba(17,46,70,.04); }
.quality24-card.is-ok { border-top:4px solid #47a469; }
.quality24-card.has-error { border-top:4px solid #ca5757; }
.quality24-heading h2 { margin:3px 0 14px; font-size:19px; }
.quality24-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.quality24-summary>div { display:grid; gap:4px; padding:13px; border:1px solid #e3e8ec; border-radius:11px; background:#f9fbfc; }
.quality24-summary strong { font-size:20px; color:#2c5f84; }
.quality24-priorities { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:18px; }
.quality24-priorities>div { display:grid; gap:3px; padding:13px; border:1px solid #e0e7ec; border-radius:11px; background:#fafcfd; }
.quality24-priorities>div.is-primary { border-color:#bcd5e7; background:#f1f8fd; }
.quality24-priorities span { color:#6a7984; font-size:12px; }
.quality24-generate-form { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:18px; padding:15px; border:1px solid #d8e5ef; border-radius:13px; background:#f4f9fd; }
.quality24-generate-form>div { display:grid; gap:3px; }
.quality24-generate-form small { color:#6f7d87; }
.quality24-error { padding:15px; border-radius:11px; background:#fff5f5; color:#8b3333; white-space:pre-wrap; font-family:inherit; }
.quality24-warning { padding:13px 15px; border:1px solid #ead49f; border-radius:11px; background:#fff8e8; color:#72591f; }
@media(max-width:920px){ .quality24-summary,.quality24-priorities{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:700px){ .quality24-context,.quality24-generate-form{flex-direction:column;align-items:stretch;} .quality24-period-tabs{width:100%;} .quality24-period-tabs a{flex:1;text-align:center;} .quality24-summary,.quality24-priorities{grid-template-columns:1fr;} .quality24-engine{grid-template-columns:1fr;} }