/* Colorful categories for the Analytic Dialog question collection. */
.guide-pages #question-categories{background:#fff}
.question-intro{max-width:900px;margin-bottom:32px}
.question-intro p{font-size:18px;line-height:1.7}
.guide-pages #descriptive-exploration{--category-bg:#8fcaf0;--category-accent:#1d5c89}
.guide-pages #comparison-conceptual-inquiry{--category-bg:#b7e7df;--category-accent:#14b8a6}
.guide-pages #critical-examination{--category-bg:#cbb7ed;--category-accent:#62438b}
.guide-pages #synthesis-within-dialogue{--category-bg:#ffc27e;--category-accent:#f2994a}
.guide-pages #synthesis-across-conversations{--category-bg:#f8e7a9;--category-accent:#f2c94c}
.guide-pages #question-categories .dialogue-category{margin:0 0 18px;border:1px solid var(--category-accent)!important;border-left-width:5px!important;border-radius:14px!important;background:#fff!important;overflow:hidden;box-shadow:none}
.guide-pages #question-categories .dialogue-category>summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto 20px;align-items:center;gap:18px;padding:22px 24px!important;list-style:none;background:#fff;color:#15334e;cursor:pointer}
.guide-pages #question-categories .dialogue-category>summary::-webkit-details-marker{display:none}
.guide-pages #question-categories .dialogue-category>summary::after{content:"+";font-family:Arial,sans-serif;font-size:27px;line-height:1;text-align:center;border:0;transform:none;width:20px;height:26px;margin:0;color:inherit}
.guide-pages #question-categories .dialogue-category[open]>summary{background:var(--category-bg);color:#15334e;border-bottom:1px solid var(--category-accent)}
.guide-pages #question-categories .dialogue-category[open]>summary::after{content:"−"}
.guide-pages #question-categories .dialogue-category>summary span{color:inherit}
.guide-pages #question-categories .question-category-number{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--category-accent);color:#fff!important;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.question-category-label{display:flex;flex-direction:column;gap:7px}
.guide-pages #question-categories .question-category-title{font-size:22px;font-weight:700;line-height:1.3}
.guide-pages #question-categories .question-category-description{font-size:15px;font-weight:400;line-height:1.4;color:#15334e}
.guide-pages #question-categories .category-count{font-size:14px;white-space:nowrap;color:#15334e;background:#ffffff55;border:1px solid #15334e66;border-radius:30px;padding:6px 10px}
.guide-pages #question-categories .category-content{padding:24px;background:#fff}
.guide-pages #question-categories .category-actions{margin-bottom:20px}
.guide-pages #question-categories .category-actions .button{background:var(--category-accent)!important;color:#fff!important;border-color:var(--category-accent)!important}
.guide-pages #question-categories .category-actions .button:hover{filter:brightness(.9)}
.guide-pages #question-categories .question-table thead th{background:var(--category-bg);color:#15334e}
.guide-pages #question-categories .question-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-pages #question-categories summary:focus-visible{outline:3px solid #102d56;outline-offset:-5px}
@media(max-width:700px){
 .question-intro p{font-size:17px}
 .guide-pages #question-categories .dialogue-category>summary{grid-template-columns:34px minmax(0,1fr) 18px;gap:12px;padding:18px 16px!important}
 .guide-pages #question-categories .question-category-number{width:34px;height:34px;font-size:13px}
 .guide-pages #question-categories .question-category-title{font-size:19px}
 .guide-pages #question-categories .question-category-description{font-size:14px}
 .guide-pages #question-categories .category-count{grid-column:2;justify-self:start;padding:4px 8px}
 .guide-pages #question-categories summary::after{grid-column:3;grid-row:1}
 .guide-pages #question-categories .category-content{padding:16px}
}

/* Bright brand accents, with outlined white numbers and readable action labels. */
.guide-pages #question-categories .question-category-number{paint-order:stroke fill;-webkit-text-stroke:1px #15334e;text-shadow:0 1px 1px #15334e}
.guide-pages #question-categories .category-actions .button{color:#15334e!important;background:var(--category-bg)!important;border-color:var(--category-accent)!important}