/* Shared instructional hierarchy. Explicit fonts avoid the legacy universal text reset. */
.cm-guidance { display:grid; grid-template-columns:30px minmax(0,1fr); column-gap:10px; row-gap:2px; margin:0; padding:11px 15px; border:0; border-radius:8px; background:#f3f6ee; color:#425a3d; font:500 14.5px/1.85 Tajawal,Arial,sans-serif; }
.cm-guidance > strong { grid-column:2; display:block; margin:0; color:#34532f; font:700 14px/1.7 Tajawal,Arial,sans-serif; }
.cm-guidance > p { grid-column:2; margin:0; padding:0; color:#425a3d; font:500 14.5px/1.85 Tajawal,Arial,sans-serif; }
.cm-guidance-bulb { display:inline-flex; align-items:center; justify-content:center; flex:none; width:30px; height:32px; color:#b88618; background:radial-gradient(circle,rgba(255,214,104,.35),rgba(255,224,145,.12) 58%,transparent 73%); text-shadow:0 0 7px rgba(237,185,54,.4); font:normal 22px/1 FontAwesome; }
.cm-guidance > .cm-guidance-bulb { grid-column:1; grid-row:1 / span 2; align-self:start; }
.cm-guidance-inline > .cm-guidance-bulb { width:25px; height:28px; margin-inline-end:6px; vertical-align:middle; font-size:20px; }
:is(.pd-page,.pat-dialog,.cm-images,.property-submission-page) :is(p,span,div,small).cm-guidance-secondary { color:#566b4f; font:500 14px/1.8 Tajawal,Arial,sans-serif; }
:is(.pd-page,.property-submission-page) p.cm-guidance-inline { color:#425a3d; font:500 14px/1.85 Tajawal,Arial,sans-serif; }
.cm-guidance-inline > strong { color:#34532f; font:700 14px/1.85 Tajawal,Arial,sans-serif; }
:is(.pat-dialog,.cm-images) span.cm-guidance-status { color:#52694a; font:500 14px/1.8 Tajawal,Arial,sans-serif; }
/* State feedback keeps its existing semantic color while using readable type. */
:is(.pd-page,.pat-dialog,.cm-images,.property-submission-page) :is(.pat-feedback,.pd-aspect-feedback,.cm-images-notice,.cm-images-empty,.guest-feedback,[data-edit-status]) { font:500 14px/1.85 Tajawal,Arial,sans-serif; }
.pat-footer [data-actions] { margin-inline-start:auto; }
@media (max-width:640px) {
    .cm-guidance { padding:10px 12px; font-size:14px; }
    .cm-guidance > p { font-size:14px; }
}
@media (max-height:560px) {
    .cm-guidance { padding-block:6px; }
    .cm-guidance { column-gap:8px; }
}