@import url('./seo-case-study.css');

.tim-case .case-detail-hero h1 { white-space:normal; }
.tim-case .case-detail-facts--five { grid-template-columns:.55fr 1.05fr 1fr .8fr 1.4fr; }
.tim-results,.tim-challenges,.tim-rules,.tim-review,.tim-script,.tim-controls,.tim-impact { background:#fff; }
.tim-background,.tim-scoring { background:#f5f8fc; }
.tim-case .body-copy { margin:0 0 20px; }
.tim-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:32px; }
.tim-metrics article { display:flex; flex-direction:column; padding:26px; border:1px solid #e2e8f4; border-top:4px solid #ff4800; border-radius:10px; background:#fff; box-shadow:0 12px 28px #0d1a3a0a; }
.tim-metrics article:nth-child(2) { border-top-color:#13287e; }
.tim-metrics article:nth-child(3) { border-top-color:#087f82; }
.tim-metrics article:last-child { background:#13287e; border-color:#13287e; color:#fff; }
.tim-metrics strong { font:750 clamp(2rem,3.6vw,3rem)/1.15 var(--font-heading); letter-spacing:-.03em; }
.tim-metrics h3 { font-size:1rem; margin:18px 0 12px; }
.tim-metrics p { margin:auto 0 0; font-size:.75rem; line-height:1.7; color:#4d5f7e; }
.tim-metrics article:last-child :is(h3,p) { color:#fff; }
.tim-split { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:40px; }
.tim-scale { display:flex; gap:24px; align-items:center; padding:24px; border-left:4px solid #087f82; border-radius:0 10px 10px 0; background:#e9f7f5; margin:26px 0; }
.tim-scale strong { font:750 2.5rem/1 var(--font-heading); color:#07575a; }
.tim-scale h3 { font-size:1rem; margin:0 0 8px; }
.tim-scale p { margin:0; font-size:.75rem; line-height:1.7; color:#4d5f7e; }
.tim-cards,.tim-factors,.tim-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.tim-cards article,.tim-factors article,.tim-feature-grid article { min-width:0; padding:28px; border:1px solid #e2e8f4; border-radius:10px; background:#fff; box-shadow:0 12px 32px #0d1a3a08; }
.tim-case :is(.tim-cards,.tim-factors,.tim-feature-grid) h3 { font-size:1.15rem; margin:18px 0 12px; }
.tim-case :is(.tim-cards,.tim-factors,.tim-feature-grid) .body-copy { font-size:.85rem; line-height:1.8; margin:0; }
.tim-number { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:#fff0e8; color:#ba3500; font:750 1rem var(--font-heading); }
.tim-analysis { background:linear-gradient(120deg,#fff3e8,#f5fbfb); }
.tim-section-intro { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-bottom:30px; align-items:start; }
.tim-section-intro .store-case-section-heading { margin-bottom:0; }
.tim-section-intro .body-copy { margin:0; }
.tim-preparation { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.tim-preparation > div { background:#fff; padding:24px; border:1px solid #eedfce; border-radius:10px; }
.tim-preparation span { color:#ba3500; font-size:.8rem; font-weight:700; }
.tim-preparation strong { display:block; margin:12px 0; font:750 1.3rem var(--font-heading); }
.tim-preparation p { font-size:.8rem; color:#4d5f7e; margin:0; }
.tim-rule-layout { display:grid; grid-template-columns:1.6fr 1fr; gap:28px; margin:0 0 24px; align-items:stretch; }
.tim-rule-table { width:100%; border-collapse:separate; border-spacing:0; background:#fff; border:1px solid #e2e8f4; border-radius:10px; font-size:.85rem; }
.tim-rule-table caption { text-align:left; padding:0 0 14px; color:#4d5f7e; font-size:.8rem; }
.tim-rule-table :is(th,td) { padding:20px; text-align:left; border-bottom:1px solid #e2e8f4; line-height:1.7; }
.tim-rule-table thead th { background:#13287e; color:#fff; }
.tim-rule-table thead th:first-child { border-radius:9px 0 0; }
.tim-rule-table thead th:last-child { border-radius:0 9px 0 0; }
.tim-rule-table tbody tr:last-child > * { border:0; }
.tim-rule-table .is-selected > * { background:#eaf7f3; color:#07575a; }
.tim-tag { display:block; margin-top:8px; font-size:.7rem; font-weight:700; }
.tim-rule-result { padding:32px; border:1px solid #ffceae; border-top:4px solid #ff4800; border-radius:10px; background:linear-gradient(150deg,#fff7ef,#fff); }
.tim-rule-result > span { font-size:.78rem; color:#ba3500; }
.tim-rule-result > strong { display:block; font:750 4rem var(--font-heading); margin:22px 0 0; color:#13287e; }
.tim-rule-result h3 { font-size:1.3rem; margin:4px 0 18px; }
.tim-rule-result p { font-size:.85rem; line-height:1.8; color:#4d5f7e; }
.tim-factors article { border-top:3px solid #087f82; }
.tim-factors .tim-number { background:#e6f6f2; color:#07575a; }
.tim-caption { color:#4d5f7e; font-size:.75rem; line-height:1.8; margin:22px 0 0; }
.tim-protection,.tim-flow { background:linear-gradient(125deg,#0d1a3a,#13287e); }
.tim-case :is(.tim-protection,.tim-flow) h2 { color:#fff; }
.tim-case :is(.tim-protection,.tim-flow) .section-eyebrow { color:#ffe100; }
.tim-protection .tim-cards article { background:#fff; border:0; }
.tim-review-summary { display:grid; grid-template-columns:1fr 1.5fr; gap:30px; align-items:center; padding:28px; background:#edf8f6; border:1px solid #cce7df; border-radius:10px; margin-bottom:28px; }
.tim-review-summary strong { display:block; font:750 2.6rem var(--font-heading); color:#07575a; }
.tim-review-summary > div > span { font-size:.85rem; }
.tim-status-list { display:flex; flex-wrap:wrap; gap:10px; }
.tim-status { display:inline-block; padding:10px 13px; border:1px solid #e4bc73; border-radius:8px; background:#fff7e3; color:#704b08; font-size:.67rem; font-weight:750; }
.tim-status--safe { background:#dff4e6; color:#166b38; border-color:#aed2bb; }
.tim-evidence { padding:16px; border-radius:14px; background:linear-gradient(135deg,#ffe0ca,#fff4ea); border:1px solid #f7d5bd; }
.tim-evidence--teal { background:linear-gradient(135deg,#cceee7,#f1fbf8); border-color:#bedfd7; }
.tim-evidence--blue { background:linear-gradient(135deg,#d5e2fb,#f3f7ff); border-color:#c7d7ef; }
.tim-evidence .seo-proof { border:0; box-shadow:0 8px 24px #0d1a3a12; }
.tim-evidence .seo-proof figcaption { border-top:4px solid #ff4800; border-radius:10px 10px 0 0; }
.tim-evidence--teal .seo-proof figcaption { border-top-color:#087f82; }
.tim-evidence--blue .seo-proof figcaption { border-top-color:#13287e; }
.tim-feature-grid { margin-top:28px; }
.tim-flow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; list-style:none; padding:0; margin:0; }
.tim-flow-grid li { padding:22px; position:relative; border:1px solid #ffffff36; background:#ffffff0c; border-radius:10px; color:#fff; }
.tim-flow-grid li > span:first-child { display:block; color:#ffe100; font-size:.78rem; margin-bottom:16px; }
.tim-flow-grid strong { display:block; padding-right:18px; font:650 1rem/1.5 var(--font-heading); }
.tim-flow-grid .tim-flow-review { background:#fff; color:#13287e; border-color:#fff; }
.tim-flow-grid .tim-flow-review > span:first-child { color:#ba3500; }
.tim-flow-arrow { position:absolute; right:17px; bottom:22px; color:#ff8d60; }
.tim-control-bar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.tim-control-bar span { padding:20px; border:1px solid #cce7df; border-radius:10px; background:#edf8f6; color:#07575a; text-align:center; font:650 .9rem var(--font-heading); }
.tim-technologies { background:#13287e; color:#fff; }
.tim-technologies h2 { color:#fff; }
.tim-technologies .section-eyebrow { color:#ffe100; }
.tim-tech-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; list-style:none; padding:0; margin:0; }
.tim-tech-grid li { padding:22px; border-radius:10px; background:#fff; color:#13287e; font:700 1.05rem var(--font-heading); border-bottom:3px solid #ff4800; }
.tim-technologies > .site-shell > p { font-size:.8rem; line-height:1.8; margin:22px 0 0; }
.tim-outcome-panel { display:grid; grid-template-columns:.85fr 1.4fr; background:linear-gradient(125deg,#ecf8f3,#f5f8fc); border:1px solid #cce7df; border-radius:10px; }
.tim-outcome-panel > div { padding:36px; border-right:1px solid #cce7df; }
.tim-outcome-panel strong { font:750 5rem/1 var(--font-heading); color:#08744e; }
.tim-outcome-panel h3 { font-size:1.3rem; margin:20px 0 10px; }
.tim-outcome-panel p { color:#4d5f7e; font-size:.85rem; margin:0; }
.tim-outcome-panel ul { display:grid; grid-template-columns:1fr 1fr; gap:22px 28px; align-content:center; list-style:none; margin:0; padding:36px; }
.tim-outcome-panel li { padding-left:20px; position:relative; font-size:.9rem; line-height:1.7; }
.tim-outcome-panel li::before { content:'+'; position:absolute; left:0; color:#08744e; font-weight:800; }
@media(max-width:1100px) {
 .tim-case .case-detail-facts--five { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .tim-split,.tim-rule-layout { grid-template-columns:1fr; }
 .tim-split { gap:24px; }
 .tim-scale { max-width:600px; }
}
@media(max-width:980px) {
 .tim-section-intro { grid-template-columns:1fr; gap:16px; }
 .tim-metrics,.tim-cards,.tim-factors,.tim-feature-grid,.tim-flow-grid,.tim-preparation,.tim-control-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tim-review-summary { grid-template-columns:1fr; gap:20px; }
 .tim-outcome-panel { grid-template-columns:.8fr 1.2fr; }
 .tim-outcome-panel ul { grid-template-columns:1fr; padding:28px; }
}
@media(max-width:650px) {
 .tim-case .case-detail-facts--five { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tim-case .case-detail-facts > div:last-child { grid-column:1 / -1; }
 .tim-metrics { gap:12px; }
 .tim-metrics article { padding:20px 14px; }
 .tim-metrics strong { font-size:2rem; }
 .tim-metrics h3 { font-size:.9rem; }
 .tim-metrics p { font-size:.7rem; }
 .tim-cards,.tim-factors,.tim-feature-grid { grid-template-columns:1fr; gap:16px; }
 .tim-cards article,.tim-factors article,.tim-feature-grid article { padding:24px; }
 .tim-scale { display:block; padding:22px; }
 .tim-scale strong { display:block; margin-bottom:16px; }
 .tim-preparation,.tim-flow-grid,.tim-control-bar { gap:12px; }
 .tim-preparation > div,.tim-flow-grid li { padding:18px 14px; }
 .tim-flow-grid strong { font-size:.9rem; padding-right:0; }
 .tim-flow-arrow { display:none; }
 .tim-rule-table :is(th,td) { padding:15px 10px; font-size:.78rem; }
 .tim-rule-result { padding:24px; }
 .tim-review-summary { padding:22px; }
 .tim-evidence { padding:8px; border-radius:10px; }
 .tim-tech-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .tim-tech-grid li { font-size:.9rem; padding:18px 14px; }
 .tim-control-bar span { padding:16px 12px; font-size:.8rem; }
 .tim-outcome-panel { grid-template-columns:1fr; }
 .tim-outcome-panel > div { border-right:0; border-bottom:1px solid #cce7df; padding:28px; }
 .tim-outcome-panel ul { padding:28px; }
}