.citation-grid { grid-template-columns: minmax(0, 1fr) 430px; }
.citation-title-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 17px; color: #fff; font-size: 23px; background: linear-gradient(145deg, var(--edu-blue), #0876dc); box-shadow: 0 12px 24px rgba(0,164,255,.24); }
.citation-subtitle { margin: 5px 0 0; color: var(--edu-muted); font-size: 13px; }
.citation-tool label small { color: #8491a5; font-weight: 550; letter-spacing: 0; text-transform: none; }
.citation-field[hidden] { display: none !important; }
.citation-errors { margin: 4px 0 16px; padding: 12px 14px; border: 1px solid #fecaca; border-radius: 12px; background: #fff1f2; color: #b42318; font-size: 14px; font-weight: 650; }
.citation-result-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 20px; }
.citation-kicker { display: block; margin-bottom: 3px; color: var(--edu-muted); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.citation-style-pill { flex: none; padding: 7px 11px; border-radius: 999px; background: rgba(199,244,8,.3); color: #435700; font-size: 12px; font-weight: 850; }
.citation-output { min-height: 155px; padding: 22px; border: 1px solid rgba(0,164,255,.2); border-radius: 16px; background: #f9fcff; color: #172033; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.citation-output:focus { outline: 3px solid rgba(0,164,255,.18); }
.citation-hint { margin: 12px 0 18px; color: var(--edu-muted); font-size: 12px; line-height: 1.5; }
.citation-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.citation-results .edu-results-empty { flex-direction: column; text-align: center; }
.citation-results .edu-results-empty i { color: var(--edu-blue); font-size: 36px; }
.citation-results .edu-results-empty strong { margin-top: 12px; color: #263348; }
.citation-results .edu-results-empty p { margin: 5px 0 0; color: var(--edu-muted); }
.citation-how { margin-top: 24px; }
.citation-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 20px; }
.citation-steps > div { padding: 18px; border: 1px solid var(--edu-border); border-radius: 16px; background: #fbfdff; }
.citation-steps span { display: grid; width: 30px; height: 30px; margin-bottom: 12px; place-items: center; border-radius: 50%; background: var(--edu-lime); color: #1c2800; font-weight: 900; }
.citation-steps strong { display: block; color: #172033; }
.citation-steps p { margin: 6px 0 0; color: var(--edu-muted); font-size: 13px; line-height: 1.5; }
@media (max-width: 920px) { .citation-grid { grid-template-columns: 1fr; } .citation-steps { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .citation-actions { grid-template-columns: 1fr; } .citation-title-icon { width: 46px; height: 46px; } }