/* ==========================================================================
   Target Conditions — hero panel, browser, comparison tables
   Lifted out of target-conditions.html. Loads after home.css and mobile.css, which is where
   it sat inline, so the cascade is unchanged.
   ========================================================================== */

.tc-hero{background:#FAF7F2;color:#1C2957;padding:132px 0 108px;position:relative;overflow:hidden;text-align:center;border-bottom:1px solid #eee6d8}
.tc-hero .wrap{position:relative;z-index:1;max-width:1080px}
.tc-hero h1{color:#2f5fe3;font-size:clamp(48px,6.6vw,92px);line-height:1.02;letter-spacing:-.02em;margin:0 auto 26px}
.tc-hero__sub{font-size:clamp(18px,1.7vw,24px);line-height:1.55;color:#4b5670;max-width:840px;margin:0 auto}
.tc-panel{position:relative;border-radius:30px;overflow:hidden;padding:56px 40px 0;background:none;display:flex;flex-direction:column;justify-content:space-between;text-align:left}
.tc-panel h2{margin:0 auto;max-width:24ch;text-align:center;color:#2f5fe3;font-size:clamp(26px,2.8vw,38px);line-height:1.1;letter-spacing:-.01em}.tc-panel__note{margin:16px auto 0;max-width:60ch;text-align:center;font-size:16.5px;line-height:1.65;color:var(--ink-soft)}
.tc-panel__cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tcard{display:flex;flex-direction:column;gap:10px;border-radius:18px;padding:22px 20px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);min-height:210px}
.tcard h3{margin:0;color:#fff;font-size:16px;line-height:1.28}
.tcard p{margin:0;color:rgba(255,255,255,.76);font-size:13.5px;line-height:1.5}
.tcard__inc{display:flex;align-items:center;gap:8px;margin-top:auto;color:rgba(255,255,255,.82);font-size:13px;font-weight:600}
.tcard__inc::before{content:"";width:13px;height:13px;border-radius:50%;border:1.6px solid rgba(255,255,255,.7)}
@media (max-width:1000px){.tc-panel{padding:40px 20px 0}.tc-panel__cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.tc-panel__cards{grid-template-columns:1fr}.tcard{min-height:0}}
.tc-ticker{display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:center;margin-top:20px}
.tc-ticker a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;border-radius:999px;border:1.5px solid var(--accent);background:transparent;color:var(--accent);text-decoration:none;font-family:var(--font-display);font-size:15px;font-weight:700;white-space:nowrap;transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.tc-ticker a:hover{background:var(--accent);border-color:var(--accent);color:var(--white)}
.tc-ticker a span{color:#8b93a8;font-weight:400}
.tc-ticker a:hover span{color:rgba(255,255,255,.7)}
.tc-browse{background:#FAF7F2;padding:80px 0 104px}
.tc-layout{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
.tc-side{position:sticky;top:96px}
.tc-search{position:relative;margin-bottom:30px}
.tc-search input{width:100%;box-sizing:border-box;padding:15px 48px 15px 20px;border:1px solid #d8d2c4;border-radius:999px;background:#fff;font:inherit;font-size:15px;color:#1C2957;outline:none;transition:border-color .2s,box-shadow .2s}
.tc-search input:focus{border-color:#2f5fe3;box-shadow:0 0 0 3px rgba(47,95,227,.12)}
.tc-search svg{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#5a6478;pointer-events:none}
.tc-side__label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2f5fe3;margin:0 0 14px}
.tc-main__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:0 4px 8px;font-size:14.5px;font-weight:600;color:#1C2957}
.tc-main__meta svg{width:18px;height:18px;stroke:#2f5fe3;flex:none}
.tc-main__meta i{display:block;width:1px;height:16px;background:#ddd6c6}
.tc-main__meta span{display:inline-flex;align-items:center;gap:8px}
.tc-pills{display:flex;flex-wrap:wrap;gap:9px}
.tc-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:13.5px;padding:11px 22px;border-radius:999px;border:1.5px solid var(--accent);background:transparent;color:var(--accent);white-space:nowrap;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.tc-pill:hover{background:var(--accent);color:var(--white)}
.tc-pill.is-active{background:var(--accent);border-color:var(--accent);color:var(--white)}
.tc-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.tc-group{border-bottom:1px solid #e4ddcd;padding:0 0 22px}
.tc-group__head{display:flex;align-items:center;gap:16px;width:100%;background:none;border:0;padding:14px 4px;cursor:pointer;font:inherit;text-align:left}
.tc-group__icon{flex:none;width:52px;height:52px;border-radius:50%;background:#EEF3FD;display:flex;align-items:center;justify-content:center}
.tc-group__icon svg{width:27px;height:27px;stroke:#2f5fe3;fill:none}
.tc-group__title{flex:1;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tc-group__title h2{margin:0;font-size:clamp(24px,2.6vw,34px);color:#2f5fe3;letter-spacing:-.01em}
.tc-group__title sup{font-size:13px;font-weight:600;color:#5a6478}
.tc-group__cond{font-size:14px;color:#5a6478}
.tc-group__chev{flex:none;width:26px;height:26px;transition:transform .25s}
.tc-group__chev svg{width:26px;height:26px;stroke:#1C2957}
.tc-group.is-open .tc-group__chev{transform:rotate(90deg)}
.tc-group__body{display:none;padding:4px 4px 10px}
.tc-group.is-open .tc-group__body{display:block}
.tc-row{position:relative;background:linear-gradient(180deg,#fffefb 0%,#f7f3ea 100%);border:1px solid #e8e1d1;border-radius:18px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 24px -12px rgba(28,41,87,.22),0 2px 4px rgba(28,41,87,.05);transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s ease,border-color .2s}
.tc-row:hover{transform:translateY(-2px);border-color:#d9d0ba;box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 18px 34px -14px rgba(28,41,87,.28),0 3px 6px rgba(28,41,87,.06)}
.tc-row.is-open{background:linear-gradient(180deg,#ffffff 0%,#fdfbf6 100%);border-color:#dcd4c1;box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 26px 48px -20px rgba(28,41,87,.3),0 4px 10px rgba(28,41,87,.07)}
.tc-row + .tc-row{margin-top:14px}
.tc-row__head{display:flex;align-items:center;gap:16px;width:100%;background:none;border:0;padding:20px 22px;cursor:pointer;font:inherit;text-align:left}
.tc-row__head b{flex:1;font-size:17.5px;color:#1C2957;letter-spacing:-.01em}
.tc-row__tag{font-size:12.5px;font-weight:600;color:#2f5fe3;background:#fff;border:1px solid #dbe4fa;border-radius:999px;padding:6px 14px;white-space:nowrap;box-shadow:0 1px 2px rgba(28,41,87,.06)}
.tc-row__chev{flex:none;width:30px;height:30px;padding:6px;box-sizing:border-box;border-radius:50%;background:#fff;border:1px solid #e5ddcb;stroke:#2f5fe3;transition:transform .28s ease,background .2s}
.tc-row:hover .tc-row__chev{background:#EEF3FD}
.tc-row.is-open .tc-row__chev{transform:rotate(90deg)}
.tc-row__panel{display:none;padding:0 22px 26px}
.tc-row.is-open .tc-row__panel{display:block}
.tc-cmp{display:grid;grid-template-columns:158px 1fr 1fr;border-radius:18px;overflow:hidden;border:1px solid #e6ddc9;box-shadow:0 14px 30px -18px rgba(28,41,87,.35),0 1px 0 rgba(255,255,255,.8) inset}
.tc-cmp__spacer{background:#fff}
.tc-cmp__head{padding:17px 20px;font-size:14px;font-weight:700;letter-spacing:-.005em}
.tc-cmp__head--low{background:linear-gradient(180deg,#ecf7ef,#dfeee4);color:#0e5c2e;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.tc-cmp__head--high{background:linear-gradient(180deg,#fdeee9,#f8ded6);color:#9a3a20;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.tc-cmp__label{padding:17px 18px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7b8496;background:#fff;border-top:1px solid #f0e9da;display:flex;align-items:center}
.tc-cmp__cell{display:flex;align-items:center;gap:10px;padding:17px 20px;font-size:14.5px;line-height:1.45;color:#1C2957;border-top:1px solid rgba(255,255,255,.85);box-shadow:0 1px 0 rgba(28,41,87,.03) inset}
.tc-cmp__cell--low{background:#f4faf5}
.tc-cmp__cell--high{background:#fdf6f3}
.tc-cmp__cell.is-outcome{font-weight:600}
.tc-cmp__cell--low.is-outcome{color:#0e5c2e}
.tc-cmp__cell--high.is-outcome{color:#b8432e}
.ic{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ic svg{width:20px;height:20px}
.ic--ok svg{stroke:#137a3d}
.ic--no svg{stroke:#b8432e}
.tc-empty{padding:48px 8px;color:#5a6478;font-size:15px}
.tc-cta{background:#EEF3FD;padding:96px 0;text-align:center}
.tc-cta h2{margin:0 auto 18px;max-width:760px;font-size:clamp(30px,3.6vw,46px);color:#2f5fe3}
.tc-cta p{margin:0 auto 34px;max-width:640px;font-size:17px;line-height:1.65;color:#3c4763}
.tc-cta__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
@media (max-width:960px){.tc-layout{grid-template-columns:1fr}.tc-side{position:static}.tc-cmp{grid-template-columns:110px 1fr 1fr}.tc-cmp__label{padding:14px 10px;font-size:10px}.tc-cmp__cell{padding:14px 12px;font-size:13px}}