/* ============================================================
   Conditions Archive — page-specific styles
   Tokenized; loaded only on template-conditions.php.
   ============================================================ */

/* === BREADCRUMB === */
.breadcrumb{max-width:1440px;margin:0 auto;padding:24px 100px}
.breadcrumb-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.breadcrumb-link{font-size:16px;line-height:22px;color:var(--color-grey-9);transition:color var(--transition-fast)}
.breadcrumb-link:hover{color:var(--color-primary-blue)}
.breadcrumb-sep{width:18px;height:18px;flex-shrink:0}
.breadcrumb-current{font-size:16px;line-height:22px;color:var(--color-blue-n4)}

/* === PAGE HERO (shared) === */
.page-hero-wrapper{max-width:1440px;margin:0 auto;padding:0 100px}
.page-hero{width:100%;height:580px;border-radius:var(--radius-xl);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:60px 170px}
.page-hero-bg{position:absolute;inset:0}
.page-hero-bg img{width:100%;height:100%;object-fit:cover}
.page-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.8))}
.page-hero-bg--placeholder{background:linear-gradient(135deg,var(--color-blue-1),var(--color-primary-blue))}
.page-hero-content{position:relative;z-index:1;text-align:center;width:862px;max-width:100%}
.page-hero-sub{font-size:18px;line-height:24px;color:var(--color-grey-0);text-shadow:0 4px 12px rgba(0,0,0,.12);margin-bottom:12px}
.page-hero-title{font-size:72px;line-height:80px;font-weight:var(--fw-semibold);color:var(--color-grey-0);text-shadow:0 4px 12px rgba(0,0,0,.12)}
.page-hero-btn{display:inline-flex;align-items:center;gap:8px;margin-top:24px;height:54px;padding:16px 24px;border-radius:var(--radius-xl);background:var(--color-grey-0);color:var(--color-primary-blue);font-size:17px;line-height:1;font-weight:var(--fw-semibold);transition:background var(--transition-fast)}
.page-hero-btn:hover{background:var(--color-grey-2)}

/* === Find the Care You Need === */
.cond-care{max-width:1440px;margin:160px auto 0;padding:0 100px;scroll-margin-top:120px}
.cond-line{width:3px;height:80px;background:var(--color-primary-green);border-radius:2px;margin:0 auto 40px}
.cond-header{text-align:center;margin-bottom:48px}
.cond-header-title{font-size:32px;line-height:40px;font-weight:var(--fw-semibold);color:var(--color-blue-4)}
.cond-header-sub{font-size:18px;line-height:24px;color:var(--color-grey-9);margin-top:12px;max-width:640px;margin-left:auto;margin-right:auto}

.cond-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cond-card{background:var(--color-grey-0);border-radius:var(--radius-xl);padding:32px;box-shadow:0 4px 12px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:16px}
.cond-card-img{width:100%;height:220px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-grey-2)}
.cond-card-img img{width:100%;height:100%;object-fit:cover}
.cond-card-title{font-size:24px;line-height:30px;font-weight:var(--fw-semibold);color:var(--color-blue-1)}
.cond-card-sub{font-size:16px;line-height:22px;color:var(--color-grey-7);margin-top:-8px}
.cond-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.cond-item{display:flex;align-items:center;gap:12px}
.cond-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary-blue);flex-shrink:0}
.cond-item-link{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:17px;line-height:1.3;font-weight:var(--fw-medium);color:var(--color-grey-9);transition:color var(--transition-fast)}
.cond-item-link:hover{color:var(--color-blue-n3)}
.cond-item-link svg{width:14px;height:14px;flex-shrink:0;margin-left:8px}
.cond-divider{height:1px;background:var(--color-grey-3);margin:0;list-style:none}
.cond-empty{text-align:center;color:var(--color-grey-6);font-size:16px;padding:32px 0}

/* === How to Know === */
.cond-know{max-width:1440px;margin:160px auto 0;padding:0 100px}
.cond-know-header{text-align:center;margin-bottom:48px}
.cond-know-title{font-size:32px;line-height:40px;font-weight:var(--fw-semibold);color:var(--color-blue-4)}
.cond-know-sub{font-size:18px;line-height:24px;color:var(--color-grey-9);margin-top:12px}
.cond-know-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cond-know-card{background:var(--color-grey-0);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 12px rgba(0,0,0,.02)}
.cond-know-icon{width:78px;height:78px;border-radius:50%;border:1px solid var(--color-primary-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cond-know-icon svg{width:32px;height:32px}
.cond-know-card-title{font-size:22px;line-height:28px;font-weight:var(--fw-semibold);color:var(--color-blue-1)}
.cond-know-card-desc{font-size:17px;line-height:24px;color:var(--color-grey-9)}

/* === Our Approach (dark band) === */
.cond-approach{position:relative;margin-top:160px;background:var(--color-blue-4);overflow:hidden;color:var(--color-grey-0)}
.cond-approach-bg{position:absolute;inset:0;z-index:0}
.cond-approach-bg img{width:100%;height:100%;object-fit:cover;opacity:.35}
.cond-approach-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:1}
.cond-approach-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:80px 100px}
.cond-approach-header{text-align:center;margin-bottom:48px}
.cond-approach-title{font-size:32px;line-height:40px;font-weight:var(--fw-semibold);color:var(--color-grey-0)}
.cond-approach-sub{font-size:18px;line-height:24px;color:var(--color-grey-1);margin-top:12px}
.cond-approach-cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.cond-approach-card{width:400px;max-width:100%;display:flex;flex-direction:column;gap:12px}
.cond-approach-icon{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center}
.cond-approach-icon svg{width:22px;height:22px}
.cond-approach-card-title{font-size:22px;line-height:28px;font-weight:var(--fw-semibold)}
.cond-approach-card-desc{font-size:17px;line-height:24px;color:var(--color-grey-2)}

/* === Need Care Today === */
.cond-symptoms{max-width:1440px;margin:160px auto 0;padding:0 100px}
.cond-symptoms-header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;flex-wrap:wrap}
.cond-symptoms-text{flex:1;min-width:280px}
.cond-symptoms-title{font-size:32px;line-height:40px;font-weight:var(--fw-semibold);color:var(--color-blue-4)}
.cond-symptoms-sub{font-size:18px;line-height:24px;color:var(--color-grey-9);margin-top:8px}
.cond-symptoms-btns{display:flex;gap:12px;flex-shrink:0}
.cond-sym-btn-primary{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:16px 24px;border-radius:var(--radius-xl);background:var(--color-primary-blue);color:var(--color-grey-0);font-size:17px;font-weight:var(--fw-semibold);transition:background var(--transition-fast)}
.cond-sym-btn-primary:hover{background:var(--color-blue-n3)}
.cond-sym-btn-phone{display:inline-flex;align-items:center;gap:8px;height:54px;padding:16px 24px;border-radius:var(--radius-xl);border:1px solid var(--color-grey-5);color:var(--color-primary-blue);font-size:17px;font-weight:var(--fw-semibold);transition:border-color var(--transition-fast)}
.cond-sym-btn-phone:hover{border-color:var(--color-primary-blue)}

.cond-symptoms-layout{display:flex;gap:32px;align-items:flex-start}
.cond-symptoms-list{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}
.cond-sym-card{display:flex;gap:16px;background:var(--color-grey-0);border:1px solid var(--color-grey-3);border-radius:var(--radius-lg);padding:20px 24px;transition:border-color var(--transition-fast)}
.cond-sym-card.is-highlighted{border-color:var(--color-primary-green);box-shadow:0 4px 12px rgba(0,176,161,.18)}
.cond-sym-icon{width:40px;height:40px;border-radius:50%;background:var(--color-primary-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cond-sym-icon svg{width:20px;height:20px}
.cond-sym-card-body{flex:1;min-width:0}
.cond-sym-card-title{font-size:18px;line-height:24px;font-weight:var(--fw-semibold);color:var(--color-grey-9)}
.cond-sym-card-desc{font-size:16px;line-height:22px;color:var(--color-grey-7);margin-top:4px}
.cond-symptoms-image{width:498px;max-width:50%;height:516px;border-radius:var(--radius-xl);overflow:hidden;flex-shrink:0}
.cond-symptoms-image img{width:100%;height:100%;object-fit:cover}
.cond-symptoms-mobile-btns{display:none;flex-direction:column;gap:12px;margin-top:24px}

/* === Insurance === */
.cond-insurance{max-width:1440px;margin:160px auto 0;padding:0 100px}
.cond-insurance-line{width:3px;height:80px;background:var(--color-primary-green);border-radius:2px;margin:0 auto 40px}
.cond-insurance-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:28px;padding:36px;border:1px solid var(--color-grey-3);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-grey-0) 0%,var(--color-blue-n11) 100%);box-shadow:0 8px 24px rgba(11,69,128,.06)}
.cond-insurance-header{max-width:790px}
.cond-insurance-kicker{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--radius-full);background:rgba(0,176,161,.12);color:var(--color-blue-n3);font-size:13px;line-height:1;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:0;margin-bottom:12px}
.cond-insurance-title{font-size:32px;line-height:40px;font-weight:var(--fw-semibold);color:var(--color-blue-4);margin:0}
.cond-insurance-desc{max-width:780px;font-size:18px;line-height:26px;color:var(--color-grey-9);margin:12px 0 0}
.cond-insurance-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:244px;max-width:100%}
.cond-insurance-cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 18px;border-radius:var(--radius-xl);font-size:16px;line-height:1;font-weight:var(--fw-semibold);text-align:center;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}
.cond-insurance-cta span{display:block;margin-left:8px;font-size:14px;font-weight:var(--fw-medium);opacity:.9}
.cond-insurance-cta--primary{background:var(--color-primary-blue);color:var(--color-grey-0)}
.cond-insurance-cta--primary:hover{background:var(--color-blue-n3)}
.cond-insurance-cta--secondary{background:var(--color-grey-0);border:1px solid var(--color-grey-4);color:var(--color-primary-blue)}
.cond-insurance-cta--secondary:hover{border-color:var(--color-primary-blue);color:var(--color-blue-n3)}
.cond-insurance-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cond-insurance-card{background:var(--color-grey-0);border:1px solid var(--color-grey-3);border-radius:var(--radius-lg);padding:22px;display:flex;align-items:flex-start;gap:16px;min-height:184px;box-shadow:0 4px 12px rgba(0,0,0,.02);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}
.cond-insurance-card:hover{border-color:var(--color-primary-green);box-shadow:0 8px 20px rgba(0,176,161,.12);transform:translateY(-2px)}
.cond-insurance-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-blue-n11);color:var(--color-primary-blue);flex-shrink:0}
.cond-insurance-icon svg{width:24px;height:24px}
.cond-insurance-card-body{min-width:0}
.cond-insurance-card-eyebrow{font-size:12px;line-height:16px;font-weight:var(--fw-semibold);color:var(--color-primary-green);text-transform:uppercase;letter-spacing:0;margin-bottom:6px}
.cond-insurance-card-title{font-size:20px;line-height:26px;font-weight:var(--fw-semibold);color:var(--color-blue-1);margin:0}
.cond-insurance-card-desc{font-size:15px;line-height:21px;color:var(--color-grey-7);margin:8px 0 0}
.cond-insurance-note{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px;font-size:16px;line-height:22px;color:var(--color-grey-7);text-align:center}
.cond-insurance-note a{color:var(--color-blue-n2);font-weight:var(--fw-semibold);text-decoration:none}
.cond-insurance-note a:hover{text-decoration:underline}

/* === Quiz === */
.cond-quiz{position:relative;margin-top:160px;background:var(--color-blue-4);overflow:hidden;color:var(--color-grey-0)}
.cond-quiz-bg{position:absolute;inset:0;z-index:0}
.cond-quiz-bg img{width:100%;height:100%;object-fit:cover;opacity:.35}
.cond-quiz-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:1}
.cond-quiz-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:80px 100px}
.cond-quiz-header{text-align:center;margin-bottom:32px}
.cond-quiz-title{font-size:32px;line-height:40px;font-weight:var(--fw-semibold);color:var(--color-grey-0)}
.cond-quiz-sub{font-size:18px;line-height:24px;color:var(--color-grey-1);margin-top:12px;max-width:560px;margin-left:auto;margin-right:auto}

.cond-quiz-card{max-width:586px;margin:0 auto;background:var(--color-grey-0);color:var(--color-grey-9);border-radius:var(--radius-xl);padding:32px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.cond-quiz-disclaimer{font-size:13px;line-height:18px;color:var(--color-alert-text);background:var(--color-alert-bg);border-left:3px solid var(--color-alert-text);padding:10px 12px;border-radius:8px;margin-bottom:20px}

.quiz-stage[hidden]{display:none}
.quiz-progress-wrap{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.quiz-progress-bar{flex:1;height:6px;background:var(--color-grey-2);border-radius:3px;overflow:hidden}
.quiz-progress-fill{height:100%;width:0;background:var(--color-primary-blue);transition:width .35s ease}
.quiz-step-label{font-size:14px;color:var(--color-grey-6);font-weight:var(--fw-medium);min-width:60px;text-align:right}
.quiz-question{font-size:22px;line-height:28px;font-weight:var(--fw-semibold);color:var(--color-blue-4);margin-bottom:16px}
.quiz-options{display:flex;flex-direction:column;gap:10px}
.quiz-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-grey-1);border:1px solid var(--color-grey-3);border-radius:var(--radius-lg);cursor:pointer;font-size:17px;line-height:22px;color:var(--color-grey-9);text-align:left;font-family:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}
.quiz-option:hover{border-color:var(--color-primary-blue)}
.quiz-option:focus-visible{outline:2px solid var(--color-blue-n3);outline-offset:2px}
.quiz-option.is-selected{background:var(--color-primary-blue);border-color:var(--color-primary-blue);color:var(--color-grey-0)}
.quiz-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-grey-5);background:var(--color-grey-0);flex-shrink:0;position:relative;transition:border-color var(--transition-fast)}
.quiz-option.is-selected .quiz-radio{border-color:var(--color-grey-0);background:transparent}
.quiz-option.is-selected .quiz-radio::after{content:'';position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--color-grey-0)}
.quiz-option-text{flex:1;min-width:0}

.quiz-next-btn{display:inline-flex;align-items:center;gap:8px;margin-top:24px;height:54px;padding:16px 24px;border-radius:var(--radius-xl);background:var(--color-primary-blue);color:var(--color-grey-0);font-size:17px;font-weight:var(--fw-semibold);transition:background var(--transition-fast);cursor:pointer}
.quiz-next-btn:hover{background:var(--color-blue-n3)}
.quiz-next-btn:disabled{background:var(--color-grey-3);color:var(--color-grey-6);cursor:not-allowed}
.quiz-next-btn:focus-visible{outline:2px solid var(--color-blue-n3);outline-offset:2px}

.quiz-result{text-align:center}
.quiz-result-title{font-size:24px;line-height:30px;font-weight:var(--fw-semibold);color:var(--color-blue-4);margin-bottom:12px}
.quiz-result-text{font-size:17px;line-height:24px;color:var(--color-grey-7);margin-bottom:20px}
.quiz-result-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}
.quiz-result-tag{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-blue-n11);color:var(--color-blue-n3);font-size:14px;font-weight:var(--fw-medium);transition:background var(--transition-fast),color var(--transition-fast)}
.quiz-result-tag:hover{background:var(--color-primary-blue);color:var(--color-grey-0)}
.quiz-result-tag:focus-visible{outline:2px solid var(--color-blue-n3);outline-offset:2px}
.quiz-result-actions{display:flex;flex-direction:column;gap:12px;align-items:center}
.quiz-result-book{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:16px 24px;border-radius:var(--radius-xl);background:var(--color-primary-blue);color:var(--color-grey-0);font-size:17px;font-weight:var(--fw-semibold)}
.quiz-result-book:hover{background:var(--color-blue-n3)}
.quiz-restart{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-primary-blue);font-size:15px;font-weight:var(--fw-medium);cursor:pointer;padding:8px 0}
.quiz-restart svg{transform:rotate(90deg)}

/* === RESPONSIVE === */
@media(max-width:1279px){
	.breadcrumb,.page-hero-wrapper,.cond-care,.cond-know,.cond-symptoms,.cond-insurance{padding:0 32px}
	.breadcrumb{padding:24px 32px}
	.page-hero{padding:60px 80px}
	.cond-approach-inner,.cond-quiz-inner{padding:80px 32px}
	.cond-symptoms-image{width:380px;height:440px}
}

@media(max-width:991px){
	.breadcrumb{padding:16px 16px}
	.page-hero-wrapper{padding:0 16px}
	.page-hero{height:520px;padding:32px 24px;border-radius:var(--radius-lg);align-items:flex-start;justify-content:flex-end}
	.page-hero-content{width:100%;text-align:center}
	.page-hero-sub{font-size:16px;line-height:22px}
	.page-hero-title{font-size:40px;line-height:46px}

	.cond-care,.cond-know,.cond-symptoms{padding:0 16px;margin-top:88px}
	.cond-line{height:64px;margin-bottom:32px}
	.cond-header-title,.cond-know-title,.cond-approach-title,.cond-symptoms-title,.cond-quiz-title{font-size:24px;line-height:30px}
	.cond-header-sub,.cond-know-sub,.cond-approach-sub,.cond-symptoms-sub,.cond-quiz-sub{font-size:16px;line-height:22px}

	.cond-grid,.cond-know-grid{grid-template-columns:1fr;gap:16px}
	.cond-card{padding:20px}
	.cond-card-img{height:200px}
	.cond-know-card{padding:24px}

	.cond-approach{margin-top:88px}
	.cond-approach-inner,.cond-quiz-inner{padding:48px 16px}
	.cond-approach-cards{flex-direction:column;gap:24px}
	.cond-approach-card{width:100%}

	.cond-symptoms-header{flex-direction:column;align-items:stretch}
	.cond-symptoms-btns{display:none}
	.cond-symptoms-mobile-btns{display:flex}
	.cond-symptoms-mobile-btns a{width:100%}
	.cond-symptoms-layout{flex-direction:column}
	.cond-symptoms-image{width:100%;max-width:100%;height:300px}

	.cond-insurance{margin-top:88px;padding:0 16px}
	.cond-insurance-line{height:64px;margin-bottom:32px}
	.cond-insurance-panel{grid-template-columns:1fr;align-items:start;padding:24px;gap:20px}
	.cond-insurance-title{font-size:24px;line-height:30px}
	.cond-insurance-desc{font-size:16px;line-height:22px}
	.cond-insurance-actions{width:100%;flex-direction:row}
	.cond-insurance-cta{flex:1}
	.cond-insurance-cards{grid-template-columns:1fr 1fr;gap:16px}
	.cond-insurance-card{min-height:auto;padding:20px}

	.cond-quiz{margin-top:88px}
	.cond-quiz-card{padding:24px}
	.quiz-question{font-size:18px;line-height:24px}
}

@media(max-width:575px){
	.breadcrumb,.page-hero-wrapper,.cond-care,.cond-know,.cond-symptoms,.cond-insurance{padding:0 12px}
	.breadcrumb{padding:12px 12px}
	.cond-approach-inner,.cond-quiz-inner{padding:40px 12px}
	.cond-quiz-card{padding:20px}
	.cond-insurance-cards{grid-template-columns:1fr}
	.cond-insurance-panel{padding:20px}
	.cond-insurance-actions{flex-direction:column}
	.cond-insurance-card{gap:14px}
}