/* Loaded after the theme bundle: this file is the single final authority for
 * the AI reflection card and its detached dialog. */
.section-index #fb-ai-monthly-reflection.fb-month-question-editorial.fb-curated-card {
    position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;
    min-width:0;min-height:205px;box-sizing:border-box;gap:9px;
    padding:clamp(22px,2.5vw,31px) clamp(18px,2.2vw,31px);overflow:hidden;
    border:1px solid #dedfd2;border-radius:17px;
    background:radial-gradient(ellipse at 11% 25%,rgba(202,224,203,.30),transparent 38%),
        radial-gradient(ellipse at 89% 84%,rgba(221,207,170,.23),transparent 40%),
        linear-gradient(130deg,#f8f9f2 0%,#fffdf8 52%,#f5f7ef 100%);
    box-shadow:0 14px 31px rgba(45,72,56,.065);color:#184838;text-align:center;
}
.section-index #fb-ai-monthly-reflection.fb-month-question-editorial::after {
    content:"?";position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-49%);
    color:rgba(43,105,79,.075);font:500 clamp(160px,24vw,240px)/1 var(--fb-display);
    pointer-events:none;user-select:none;
}
.section-index #fb-ai-monthly-reflection > :not(dialog) {position:relative;z-index:1}
.section-index #fb-ai-monthly-reflection .fb-month-question-heading {
    position:static;display:flex;align-items:center;justify-content:center;width:100%;min-height:37px;margin:0 0 7px;
}
.section-index #fb-ai-monthly-reflection .fb-feature-kicker {
    position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 110px);
    margin:0;padding:0 0 12px;color:#28674d;font:650 11px/1.35 var(--fb-ui);letter-spacing:.20em;text-transform:uppercase;
}
.section-index #fb-ai-monthly-reflection .fb-feature-kicker::after {
    content:"";position:absolute;bottom:0;left:50%;width:43px;height:2px;border-radius:5px;
    background:#ceb982;transform:translateX(-50%);
}
.section-index #fb-ai-monthly-reflection h2.fb-month-question-title {
    width:100%;max-width:100%;margin:1px auto 0;color:#124633;
    font:650 clamp(23px,1.85vw,31px)/1.18 var(--fb-display);letter-spacing:-.025em;
    text-wrap:balance;overflow-wrap:break-word;
}
.section-index #fb-ai-monthly-reflection p.fb-ai-question {
    width:100%;max-width:43ch;margin:0 auto 3px;color:#6c8578;
    font:400 clamp(13px,.93vw,15px)/1.55 var(--fb-ui);white-space:normal;overflow-wrap:anywhere;
}
.section-index #fb-ai-monthly-reflection .fb-ai-manage.fb-month-question-manage {
    position:absolute;inset:12px 12px auto auto;z-index:5;display:inline-flex;align-items:center;justify-content:center;
    width:auto;min-width:88px;min-height:35px;box-sizing:border-box;margin:0;padding:7px 12px;
    border:1px solid #d3dfcf;border-radius:12px;background:rgba(238,245,233,.91);color:#236249;
    font:700 12px/1.25 var(--fb-ui);white-space:nowrap;cursor:pointer;transform:none;
}
.section-index #fb-ai-monthly-reflection .fb-ai-manage:is(:hover,:focus-visible) {
    border-color:#91b19b;background:#e3eee1;color:#194b38;
}

/* reflection.js moves this node below BODY, matching the shared modal system
 * and avoiding transformed/overflowing ancestors on the homepage. */
dialog.fb-ai-dialog {
    position:fixed;inset:0;width:min(580px,calc(100vw - 30px));max-width:580px;max-height:min(85dvh,760px);
    box-sizing:border-box;margin:auto;padding:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
    border:1px solid #cfdfd2;border-radius:17px;background:#fffefa;color:#234638;
    box-shadow:0 28px 80px rgba(0,0,0,.25);text-align:left;font-family:var(--fb-ui);
}
dialog.fb-ai-dialog::backdrop {background:rgba(17,33,26,.55)}
dialog.fb-ai-dialog .fb-month-question-dialog-title {display:flex;align-items:center;justify-content:space-between;gap:12px}
dialog.fb-ai-dialog .fb-month-question-dialog-title h3 {margin:0;color:#194733;font:600 21px/1.2 var(--fb-display)}
dialog.fb-ai-dialog .fb-ai-close {min-width:36px;min-height:36px;cursor:pointer}
dialog.fb-ai-dialog > p {color:#526c5d;font:400 14px/1.55 var(--fb-ui)}
dialog.fb-ai-dialog .fb-ai-option {display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #dae5db}
dialog.fb-ai-dialog .fb-ai-option p {flex:1;margin:0;line-height:1.55;overflow-wrap:anywhere}
dialog.fb-ai-dialog .fb-ai-option button {flex-shrink:0;min-height:33px;padding:6px 11px;border-radius:8px;cursor:pointer}
dialog.fb-ai-dialog .fb-ai-form {margin:0}
dialog.fb-ai-dialog .fb-ai-generate {min-height:38px;margin-top:16px}
dialog.fb-ai-dialog .fb-ai-status {min-height:1.5em}

/* Two independent management areas: a published question and disposable drafts. */
dialog.fb-ai-dialog .fb-ai-panel {
    margin-top:16px;padding:15px 17px;border:1px solid #dbe5dc;border-radius:12px;background:#fbfdf9;
}
dialog.fb-ai-dialog .fb-ai-selected-panel {background:#f0f7ef;border-color:#c9dfcc}
dialog.fb-ai-dialog .fb-ai-panel-heading {
    display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
}
dialog.fb-ai-dialog .fb-ai-panel-heading h4 {
    margin:0;font:650 15px/1.4 var(--fb-ui);color:#194733;
}
dialog.fb-ai-dialog .fb-ai-selected-question {
    margin:12px 0 1px;font:500 15px/1.55 var(--fb-ui);color:#244c37;overflow-wrap:anywhere;
}
dialog.fb-ai-dialog .fb-ai-panel-hint {
    margin:9px 0 6px;color:#526c5d;font:400 13px/1.55 var(--fb-ui);
}
dialog.fb-ai-dialog .fb-ai-clear {
    border:1px solid #e5c5bc;border-radius:8px;padding:7px 11px;background:#fff8f6;
    color:#9c4b38;font:600 12px/1.4 var(--fb-ui);cursor:pointer;
}
dialog.fb-ai-dialog .fb-ai-clear:hover:not(:disabled) {background:#ffede8;border-color:#dba99a}
dialog.fb-ai-dialog button:disabled {cursor:not-allowed;opacity:.55}
dialog.fb-ai-dialog .fb-ai-option:last-child {border-bottom:0}
dialog.fb-ai-dialog .fb-ai-generate {margin-top:12px}
dialog.fb-ai-dialog .fb-ai-status {margin:12px 0 0}

@media (max-width:560px) {
    .section-index #fb-ai-monthly-reflection.fb-month-question-editorial.fb-curated-card {
        gap:11px;padding:58px 19px 28px;border-radius:15px;
    }
    .section-index #fb-ai-monthly-reflection .fb-feature-kicker {max-width:100%}
    .section-index #fb-ai-monthly-reflection .fb-ai-manage.fb-month-question-manage {top:10px;right:10px}
    .section-index #fb-ai-monthly-reflection h2.fb-month-question-title {font-size:24px}
    dialog.fb-ai-dialog {padding:18px}
    dialog.fb-ai-dialog .fb-ai-panel {padding:13px}
    dialog.fb-ai-dialog .fb-ai-option {align-items:stretch;flex-direction:column}
}