/*
Theme Name: Tyler Injury Law
Theme URI: https://tylerinjurylaw.com
Author: Tyler Injury Law
Description: Custom launch theme for Tyler Injury Law using the approved dark premium Arizona visual system.
Version: 4.5.5
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: tyler-injury-law
*/

:root{
 --til-black:#02070d;
 --til-navy:#061321;
 --til-navy-2:#0a1a2b;
 --til-blue:#075cff;
 --til-blue-light:#2d77ff;
 --til-white:#f6f8fc;
 --til-muted:#bdc8d9;
 --til-line:rgba(255,255,255,.13);
 --til-max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--til-black);color:var(--til-white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
body.admin-bar .site-header{top:32px}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif}
.container{width:min(92%,var(--til-max));margin:auto}
.site-header{position:sticky;top:0;z-index:999;height:82px;background:rgba(1,5,10,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--til-line)}
.header-inner{height:100%;display:flex;align-items:center;gap:26px}
.site-branding{min-width:245px;display:flex;align-items:center}
.site-branding img{height:62px;width:auto;display:block}
.main-nav{display:flex;justify-content:center;align-items:center;gap:22px;flex:1;text-transform:uppercase;letter-spacing:.07em;font-size:11px}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--til-blue-light)}
.header-phone{font-weight:800;white-space:nowrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid rgba(255,255,255,.24);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.06em}
.button-primary{background:linear-gradient(#1265ff,#0743cf);border-color:#1265ff}
.button:hover{transform:translateY(-1px)}
.mobile-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--til-line);color:white;padding:10px}
.eyebrow{color:var(--til-blue-light);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800}
.hero{min-height:690px;position:relative;display:flex;align-items:center;padding:85px 0 90px;background:
 linear-gradient(90deg,rgba(2,7,13,.98),rgba(2,7,13,.76) 44%,rgba(2,7,13,.12)),
 linear-gradient(180deg,transparent 68%,var(--til-black)),
 url('assets/images/homepage-portrait.webp') center/cover no-repeat}
.hero-copy{max-width:650px}
.hero h1{font-size:clamp(40px,4.3vw,60px);line-height:1.01;letter-spacing:-.04em;margin:14px 0 18px}
.hero h1 span{color:var(--til-blue)}
.hero p{font-size:18px;color:#d9e0eb;max-width:520px}
.tagline{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.section{padding:72px 0;background:#03101c}
.section-alt{background:#020a13}
.section-title{text-align:center;margin-bottom:30px}
.section-title h2{font-size:clamp(30px,3vw,42px);margin:4px 0}
.practice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.practice-card{min-height:305px;position:relative;overflow:hidden;border:1px solid var(--til-line);background:#071522 center/cover no-repeat;display:flex;align-items:flex-end}
.practice-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(2,7,13,.95))}
.practice-card-content{position:relative;z-index:2;padding:22px}
.practice-card h3{font-size:23px;line-height:1.05;margin:0 0 8px}
.practice-card p{font-size:13px;color:#d0d8e5}
.results-layout{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}
.results-list{display:grid;gap:8px}
.result-row{padding:17px;border:1px solid var(--til-line);background:#071522;display:flex;justify-content:space-between;gap:16px}
.result-amount{color:var(--til-blue-light);font-weight:900;font-size:20px}
.promise-grid{display:grid;grid-template-columns:1.2fr repeat(5,1fr);margin-top:30px;border:1px solid var(--til-line)}
.promise-grid>div{padding:22px;border-right:1px solid var(--til-line)}
.promise-grid strong{display:block;color:var(--til-blue-light);margin-bottom:5px}
.cta-phoenix{min-height:620px;display:flex;align-items:center;justify-content:center;text-align:center;background:
 linear-gradient(rgba(2,7,13,.22),rgba(2,7,13,.82)),
 url('assets/images/cta-phoenix-clean.webp') center/cover no-repeat}
.cta-phoenix h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:.06em;margin:8px 0}
.split-feature{display:grid;grid-template-columns:1fr 1fr;min-height:630px;background:#03101c}
.split-image{background:url('assets/images/meet-reference.jpg') left center/cover no-repeat}
.split-copy{padding:80px 9%;display:flex;flex-direction:column;justify-content:center}
.split-copy h2{font-size:clamp(42px,5vw,62px);line-height:1.02;margin:12px 0 24px}
.split-copy p{color:var(--til-muted);font-size:17px}
.page-hero{min-height:430px;display:flex;align-items:end;padding:80px 0;background:
 linear-gradient(90deg,rgba(2,7,13,.97),rgba(2,7,13,.36)),
 url('assets/images/cta-phoenix-clean.webp') center/cover no-repeat}
.page-hero h1{font-size:clamp(44px,5vw,62px);margin:8px 0}
.content-section{padding:68px 0;background:#03101c}
.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.panel,.content-card,.faq-item{padding:28px;border:1px solid var(--til-line);background:#071522}
.content-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.panel h2{font-size:36px;margin-top:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.til-form input,.til-form textarea{width:100%;padding:14px;margin-bottom:12px;background:#0b1a2a;color:white;border:1px solid var(--til-line)}
.til-form textarea{min-height:160px}
.site-footer{padding:50px 0;background:#010409;border-top:1px solid var(--til-line)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer-logo{height:82px;width:auto}
.small{font-size:13px;color:var(--til-muted)}
@media(max-width:1050px){
 .main-nav{display:none}.mobile-toggle{display:block}.header-phone{display:none}
 .main-nav.open{display:flex;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:24px;background:#01070d;border-bottom:1px solid var(--til-line)}
 .practice-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}
 .results-layout,.split-feature,.content-grid,.contact-grid{grid-template-columns:1fr}.split-image{min-height:520px}
 .promise-grid{grid-template-columns:1fr 1fr}.content-card-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 body.admin-bar .site-header{top:46px}.site-branding{min-width:auto}.site-branding img{height:52px}
 .hero{padding-bottom:320px;background-position:58% center}.quick-grid,.practice-grid,.content-card-grid,.footer-grid{grid-template-columns:1fr}
 .promise-grid{grid-template-columns:1fr}.promise-grid>div{border-right:0;border-bottom:1px solid var(--til-line)}
}

/* v1.1 corrections */
.main-nav ul{display:flex;list-style:none;gap:22px;margin:0;padding:0;align-items:center}
.main-nav li{margin:0;padding:0}
.main-nav a{white-space:nowrap}
.practice-card{background-position:center;background-size:cover}
.practice-card h3{font-size:clamp(20px,1.8vw,27px)}
.practice-card p{font-size:14px;line-height:1.5}
.knowledge-hero{min-height:360px}
.knowledge-list{display:grid;gap:14px}
.knowledge-item{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;border:1px solid var(--til-line);background:#071522;padding:16px}
.knowledge-item img{width:100%;height:145px;object-fit:cover}
.knowledge-item h2{font-size:28px;margin:0 0 8px}
.cta-phoenix{position:relative;overflow:hidden}
.cta-phoenix .container{position:relative;z-index:2}

.page-hero h1{max-width:850px}
@media(max-width:1050px){
 .main-nav.open ul{display:flex;flex-direction:column;align-items:flex-start}
}
@media(max-width:650px){
 .knowledge-item{grid-template-columns:1fr}
 .knowledge-item img{height:200px}
}

/* v1.2 approved corrections */
.header-inner{gap:20px}
.site-branding{min-width:145px;margin-right:8px}
.site-branding img{height:66px}
.main-nav{justify-content:flex-start;gap:0;font-size:15px;font-weight:700;letter-spacing:.015em}
.main-nav ul{gap:24px}
.main-nav a{font-size:15px}
.header-phone{font-size:15px;margin-left:auto}
.site-header .button{font-size:14px;padding:14px 18px;white-space:nowrap}

/* Practice cards: clean edges, image-only assets, no black gaps */
.practice-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.practice-card{height:390px;min-height:390px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.18)}
.practice-card::after{background:linear-gradient(180deg,rgba(2,7,13,.02) 15%,rgba(2,7,13,.45) 48%,rgba(2,7,13,.98) 100%)}
.practice-card-content{width:100%;padding:26px 24px}
.practice-card h3{font-size:30px;line-height:1.02;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.practice-card p{font-size:15px;line-height:1.5;max-width:250px}
.practice-card .eyebrow{text-shadow:none}

/* Results: clean rows without arrows */
.result-row{align-items:center}
.result-row>span:last-child:empty{display:none}

/* Tyler Standards: all content uses one consistent size */
.promise-grid{grid-template-columns:1.1fr repeat(5,1fr)}
.promise-grid>div{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;font-size:17px;line-height:1.45}
.promise-grid .eyebrow,
.promise-grid .promise-text,
.promise-grid strong,
.promise-grid span{font-size:17px;line-height:1.45}
.promise-grid .eyebrow{letter-spacing:.13em}
.promise-grid .promise-text{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:var(--til-white)}
.promise-grid strong{margin:0;color:var(--til-blue-light)}

/* Skyline-only CTA with ghosted white Tyler logo */
.cta-phoenix{
 min-height:600px;
 background:linear-gradient(rgba(2,7,13,.26),rgba(2,7,13,.76)),
 url('assets/images/phoenix-skyline-cta.webp') center/cover no-repeat;
}
.cta-phoenix:after{
 content:"";
 position:absolute;
 left:4%;
 top:50%;
 width:230px;
 height:300px;
 transform:translateY(-50%);
 background:url('assets/images/logo-ghost-white.png') center/contain no-repeat;
 opacity:.18;
 z-index:1;
}
.cta-phoenix .container{max-width:950px}

/* Keep only the live, all-white Built for This text */
.split-image{background-image:url('assets/images/superstition-mountains.webp');background-position:center;background-size:cover}
.split-copy h2{color:#fff}

/* Prevent oversized and clipped text */
.split-copy{overflow:hidden}
.split-copy h2{font-size:clamp(42px,4.8vw,66px);max-width:760px}

@media(max-width:1200px){
 .main-nav ul{gap:15px}
 .main-nav a,.header-phone{font-size:13px}
 .site-header .button{font-size:12px;padding:12px 14px}
}
@media(max-width:1050px){
 .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .practice-card{height:360px;min-height:360px}
 .cta-phoenix:after{width:150px;height:210px;left:2%}
}
@media(max-width:650px){
 .hero{padding:70px 0}
 .practice-grid{grid-template-columns:1fr}
 .practice-card{height:390px}
 .promise-grid .eyebrow,.promise-grid .promise-text,.promise-grid strong,.promise-grid span{font-size:16px}
 .cta-phoenix:after{width:100px;height:150px;top:18%;left:50%;transform:translateX(-50%);opacity:.14}
}

/* v1.3 content and FAQ */
.faq-list{display:grid;gap:12px;max-width:1100px}
details.faq-item{padding:0;overflow:hidden}
details.faq-item summary{cursor:pointer;list-style:none;padding:22px 60px 22px 24px;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:700;position:relative}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary:after{content:"+";position:absolute;right:24px;top:18px;color:var(--til-blue-light);font-family:Arial,sans-serif;font-size:28px}
details.faq-item[open] summary:after{content:"–"}
.faq-answer{padding:0 24px 24px;color:var(--til-muted);font-size:17px}
.article-content h2{font-size:34px;margin-top:38px}
.article-content h2:first-child{margin-top:0}
.article-content p{font-size:17px;color:#d5dce7}
.article-content hr{border:0;border-top:1px solid var(--til-line);margin:36px 0}

/* v1.4 navigation and content refinements */
.header-inner{justify-content:flex-start}
.site-branding{min-width:150px;margin-right:18px}
.main-nav{flex:0 1 auto;justify-content:flex-start}
.main-nav ul{gap:26px}
.header-phone{margin-left:18px}
.site-header .button{margin-left:12px}

/* Practice cards: photo-only crops and interactive blue states */
.practice-card{background-position:center;background-size:cover;cursor:pointer}
.practice-card::after{background:linear-gradient(180deg,rgba(2,7,13,.05) 15%,rgba(2,7,13,.45) 48%,rgba(2,7,13,.98) 100%)}
.practice-card h3,.practice-card p,.practice-card .eyebrow{transition:color .2s ease}
.practice-card:hover h3,
.practice-card:hover .eyebrow,
.practice-card:focus-within h3,
.practice-card:focus-within .eyebrow{color:var(--til-blue-light)}
.practice-card a:active{color:var(--til-blue-light)}
.practice-card:has(a:active) h3{color:var(--til-blue-light)}

/* Compact, centered Tyler Standards cards */
.promise-grid{
 grid-template-columns:1.05fr repeat(5,1fr);
 max-width:1420px;
 margin:30px auto 0;
}
.promise-grid>div{
 min-height:190px;
 padding:22px 18px;
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
 gap:8px;
}
.promise-grid .eyebrow,
.promise-grid .promise-text,
.promise-grid strong,
.promise-grid span{
 text-align:center;
 width:100%;
}
.promise-grid .eyebrow{font-size:15px}
.promise-grid .promise-text{font-size:18px}
.promise-grid strong{font-size:18px}
.promise-grid span{font-size:15px;line-height:1.42}

/* Remove any residual text-like overlays from card photos */
.practice-card{background-color:#071522}
.practice-card-content{background:transparent}

/* Header responsive alignment */
@media(max-width:1200px){
 .main-nav ul{gap:16px}
 .header-phone{margin-left:10px}
}
@media(max-width:1050px){
 .main-nav{flex:1}
 .main-nav.open{left:0;right:0}
 .header-phone{margin-left:auto}
 .promise-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .promise-grid{grid-template-columns:1fr}
 .promise-grid>div{min-height:auto;padding:20px}
}

/* v1.5 premium interaction and compact standards */
.practice-card{
 display:flex;
 text-decoration:none;
 overflow:hidden;
 isolation:isolate;
 transform:translateZ(0);
 transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.practice-card::before{
 content:"";
 position:absolute;
 inset:0;
 background:inherit;
 background-size:cover;
 background-position:center;
 z-index:-2;
 transition:transform .4s ease,filter .4s ease;
}
.practice-card::after{z-index:-1}
.practice-card:hover,
.practice-card:focus-visible{
 transform:translateY(-5px);
 border-color:rgba(45,119,255,.9);
 box-shadow:0 20px 48px rgba(0,0,0,.38),0 0 0 1px rgba(45,119,255,.22);
 outline:none;
}
.practice-card:hover::before,
.practice-card:focus-visible::before{
 transform:scale(1.035);
 filter:brightness(1.06);
}
.practice-card:hover h3,
.practice-card:hover .eyebrow,
.practice-card:focus-visible h3,
.practice-card:focus-visible .eyebrow,
.practice-card:active h3,
.practice-card:active .eyebrow{color:var(--til-blue-light)}
.practice-card:hover p,.practice-card:focus-visible p{color:#fff}

/* Exactly equal, compact Tyler Standards cards */
.promise-grid{
 max-width:1380px;
 grid-template-columns:1.05fr repeat(5,1fr);
 gap:0;
}
.promise-grid>div{
 height:154px;
 min-height:154px;
 padding:16px 14px;
 justify-content:center;
 align-items:center;
 overflow:hidden;
}
.promise-grid .eyebrow{font-size:14px;line-height:1.3}
.promise-grid .promise-text{font-size:18px;line-height:1.25}
.promise-grid strong{font-size:17px;line-height:1.25}
.promise-grid span{font-size:14px;line-height:1.34;max-width:210px}
@media(max-width:1050px){
 .promise-grid>div{height:150px;min-height:150px}
}
@media(max-width:650px){
 .promise-grid>div{height:auto;min-height:125px}
}

/* ==========================
   Tyler Injury Law v2.0
   ========================== */
:focus-visible{outline:3px solid var(--til-blue-light);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:10px;left:10px;padding:12px;background:#fff;color:#000;z-index:10000}
.skip-link{font-weight:700}

/* Header */
.header-inner{justify-content:flex-start}
.site-branding{min-width:150px;margin-right:18px}
.main-nav{flex:0 1 auto}
.main-nav ul{gap:26px}
.header-phone{margin-left:18px}
.site-header .button{margin-left:12px}

/* Premium practice cards */
.practice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.practice-card{
 position:relative;
 height:520px;
 min-height:520px;
 display:flex;
 align-items:flex-end;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.2);
 background-size:cover!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
 text-decoration:none;
 isolation:isolate;
 transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.practice-card::before{
 content:"";
 position:absolute;
 inset:0;
 z-index:-2;
 background:inherit;
 background-size:cover!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
 transform:scale(1.01);
 transition:transform .45s ease,filter .45s ease;
}
.practice-card::after{
 content:"";
 position:absolute;
 inset:0;
 z-index:-1;
 background:linear-gradient(180deg,rgba(2,7,13,.02) 0%,rgba(2,7,13,.16) 38%,rgba(2,7,13,.94) 82%,rgba(2,7,13,.99) 100%);
}
.practice-card-content{width:100%;padding:30px 26px;background:transparent}
.practice-card h3{font-size:clamp(28px,2.2vw,40px);line-height:1.02;margin:0 0 22px;color:#fff}
.practice-card p{font-size:16px;line-height:1.55;color:#eef2f7;margin:0 0 30px}
.practice-card .eyebrow{font-size:14px;color:var(--til-blue-light)}
.practice-card:hover,.practice-card:focus-visible{transform:translateY(-6px);border-color:var(--til-blue-light);box-shadow:0 24px 60px rgba(0,0,0,.42)}
.practice-card:hover::before,.practice-card:focus-visible::before{transform:scale(1.045);filter:brightness(1.08) saturate(1.06)}
.practice-card:hover h3,.practice-card:focus-visible h3,.practice-card:active h3{color:var(--til-blue-light)}
.practice-card:hover .eyebrow,.practice-card:focus-visible .eyebrow,.practice-card:active .eyebrow{color:#fff}

/* Compact equal Tyler Standards */
.promise-grid{max-width:1380px;margin:26px auto 0;grid-template-columns:1.05fr repeat(5,1fr)}
.promise-grid>div{height:154px;min-height:154px;padding:16px 14px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.promise-grid .eyebrow{font-size:14px}
.promise-grid .promise-text{font-size:18px}
.promise-grid strong{font-size:17px}
.promise-grid span{font-size:14px;line-height:1.34;max-width:210px}

/* Premium article page */
.practice-hero{min-height:500px;display:flex;align-items:flex-end;background-size:cover;background-position:center}
.practice-hero-inner{padding:90px 0 70px;max-width:900px}
.practice-hero h1{font-size:clamp(48px,6vw,76px);line-height:1.02;margin:10px 0 18px}
.practice-hero p{font-size:20px;max-width:620px}
.reading-time{margin-top:24px;font-weight:700;color:#d8e1ef}
.article-shell{background:#f5f7fb;color:#111;padding:70px 0}
.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:54px;align-items:start}
.article-main{max-width:850px}
.article-intro{font-size:22px;line-height:1.65;font-weight:700;color:#1e293b;margin:0 0 38px}
.article-section{scroll-margin-top:110px;margin-bottom:42px}
.article-section h2{font-size:36px;line-height:1.2;color:#111;margin:0 0 16px}
.article-section p{font-size:18px;line-height:1.8;color:#263244;margin:0}
.article-sidebar{display:grid;gap:24px}
.sidebar-card{background:#fff;border:1px solid #d7deea;padding:28px;box-shadow:0 12px 30px rgba(3,16,28,.06)}
.sticky-card{position:sticky;top:110px}
.sidebar-card h2{font-size:25px;color:#111;margin-top:0}
.sidebar-card ol,.sidebar-card ul{padding-left:20px}
.sidebar-card li{margin:12px 0;color:#243247}
.sidebar-card a{color:#075cff}
.check-list{list-style:"✓  "}
.statute-callout{margin-top:46px;padding:24px;border-left:4px solid var(--til-blue);background:#edf3ff}
.statute-callout strong{font-size:19px;color:#0c2b66}
.statute-callout p{margin-bottom:0;color:#1e293b}
.article-cta{background:#03101c;padding:46px 0}
.article-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}
.article-cta h2{font-size:34px;margin:0 0 8px}

/* FAQ */
.faq-list{display:grid;gap:12px;max-width:1100px}
details.faq-item{border:1px solid var(--til-line);background:#071522}
details.faq-item summary{cursor:pointer;padding:22px 60px 22px 24px;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:700;position:relative}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary:after{content:"+";position:absolute;right:24px;color:var(--til-blue-light);font-family:Arial,sans-serif}
details.faq-item[open] summary:after{content:"–"}
.faq-answer{padding:0 24px 24px;color:var(--til-muted);font-size:17px}

/* Contact */
.til-form label{display:block;font-weight:700;margin-bottom:12px}
.til-form input,.til-form textarea{margin-top:7px}
.form-success{padding:14px;margin-bottom:18px;background:#0d5f31;border:1px solid #2db06d;color:#fff}
.form-error-summary{padding:14px;margin-bottom:18px;background:#4b1117;border:1px solid #dc6670;color:#fff}
.til-form form{display:grid;gap:8px}
.til-form input,.til-form textarea,.til-form select{width:100%;margin-top:7px;border:1px solid #607084;background:#fff;color:#101820;border-radius:2px;padding:13px 14px;font:inherit}
.til-form textarea{resize:vertical;min-height:155px}
.til-form input:focus,.til-form textarea:focus,.til-form select:focus{outline:3px solid rgba(35,110,255,.28);outline-offset:1px;border-color:#236eff}
.til-form [aria-invalid="true"]{border-color:#d33340;box-shadow:0 0 0 1px #d33340}
.optional-label{font-weight:400;font-size:.86em;color:var(--til-muted);margin-left:5px}
.field-help{margin:-7px 0 4px;color:var(--til-muted);font-size:14px}
.field-error{margin:-6px 0 8px;color:#ff9ea6;font-size:14px;font-weight:700}
.is-hidden{display:none!important}
.form-fieldset{border:0;padding:0;margin:4px 0 8px}
.form-fieldset legend{font-weight:700;margin-bottom:10px}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.til-form .choice-option{display:flex;align-items:center;gap:8px;margin:0;padding:12px;border:1px solid var(--til-line);background:#071522;cursor:pointer}
.til-form .choice-option input{width:auto;margin:0;flex:0 0 auto}
.til-form .consent-option{display:flex;align-items:flex-start;gap:11px;margin:10px 0 0;padding:14px;border:1px solid var(--til-line);background:#071522}
.til-form .consent-option input{width:auto;margin:3px 0 0;flex:0 0 auto}
.form-disclaimer{font-size:14px;line-height:1.55;color:var(--til-muted);margin:3px 0 12px}
.til-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:650px){.choice-grid{grid-template-columns:1fr}}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Responsive */
@media(max-width:1200px){
 .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .main-nav ul{gap:16px}
}
@media(max-width:1050px){
 .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .practice-card{height:470px;min-height:470px}
 .article-layout{grid-template-columns:1fr}
 .sticky-card{position:static}
 .article-cta-inner{align-items:flex-start;flex-direction:column}
 .promise-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .practice-grid{grid-template-columns:1fr}
 .practice-card{height:500px;min-height:500px}
 .practice-hero{min-height:430px}
 .practice-hero-inner{padding:70px 0 50px}
 .article-shell{padding:48px 0}
 .article-section h2{font-size:30px}
 .article-section p{font-size:17px}
 .promise-grid{grid-template-columns:1fr}
 .promise-grid>div{height:auto;min-height:125px}
}


/* Tyler Injury Law v2.1 — compact premium flow */
.homepage-core{padding-top:58px;padding-bottom:44px}
.homepage-core .section-title{margin-bottom:24px}

.results-layout-compact{
 display:grid;
 grid-template-columns:minmax(0,1.72fr) minmax(330px,.82fr);
 gap:18px;
 align-items:stretch;
 margin-top:38px;
}
.results-layout-compact>div,
.results-layout-compact>.results-advocacy{min-width:0}
.results-layout-compact .section-title{margin-bottom:18px}
.results-layout-compact .section-title h2{margin-bottom:0}
.results-layout-compact .results-list{gap:7px}
.results-layout-compact .result-row{
 min-height:76px;
 padding:13px 20px;
 display:flex;
 align-items:center;
}
.results-layout-compact .result-amount{
 display:inline-block;
 margin-bottom:2px;
 font-size:18px;
}
.results-layout-compact .small{margin:12px 0 0}

.results-advocacy{
 height:100%;
 min-height:100%;
 padding:30px 32px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:linear-gradient(145deg,rgba(7,21,34,.98),rgba(3,16,28,.98));
}
.results-advocacy>div{width:100%}
.results-advocacy h2{
 font-size:clamp(34px,3vw,48px);
 line-height:1.02;
 margin:10px 0 18px;
}
.results-advocacy p{
 max-width:440px;
 margin-bottom:24px;
 font-size:17px;
 line-height:1.65;
}

.homepage-core .promise-grid{margin-top:18px;max-width:none}
.homepage-core .promise-grid>div{
 height:132px;
 min-height:132px;
 padding:12px;
}
.homepage-core .promise-grid .eyebrow{font-size:13px}
.homepage-core .promise-grid .promise-text{font-size:17px}
.homepage-core .promise-grid strong{font-size:16px}
.homepage-core .promise-grid span{
 font-size:13px;
 line-height:1.3;
 max-width:190px;
}

.article-shell{padding-top:58px;padding-bottom:58px}
.article-layout{gap:42px}
.article-section{margin-bottom:34px}
.sidebar-card{padding:24px}
.article-cta{padding:38px 0}

@media(max-width:1050px){
 .results-layout-compact{grid-template-columns:1fr}
 .results-advocacy{min-height:320px}
 .homepage-core .promise-grid>div{height:128px;min-height:128px}
}
@media(max-width:650px){
 .homepage-core{padding-top:44px;padding-bottom:34px}
 .results-layout-compact{margin-top:28px;gap:14px}
 .results-advocacy{min-height:auto;padding:26px 22px}
 .homepage-core .promise-grid{margin-top:14px}
 .homepage-core .promise-grid>div{height:auto;min-height:108px}
}


/* ======================================
   v2.2 Approved Cases We Handle Template
   ====================================== */
.publication-hero{
  min-height:500px;
  display:flex;
  align-items:flex-end;
  background-size:cover;
  background-position:center;
}
.publication-hero-inner{padding:86px 0 60px;max-width:900px}
.breadcrumbs{font-size:13px;color:#e3e9f3;margin-bottom:20px}
.breadcrumbs a{color:#fff}
.publication-hero h1{
  font-size:clamp(50px,6vw,76px);
  line-height:1.02;
  max-width:720px;
  margin:0 0 18px;
}
.publication-hero p{font-size:20px;max-width:610px;margin:0}
.reading-time{margin-top:24px;font-size:14px;font-weight:700}

.publication-body{
  background:#f6f7fb;
  color:#111827;
  padding:58px 0 62px;
}
.publication-layout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(300px,.82fr);
  gap:54px;
  align-items:start;
}
.publication-main{max-width:860px}
.publication-lead{
  font-size:20px;
  line-height:1.65;
  font-weight:700;
  color:#192435;
  margin:0 0 34px;
}
.publication-section{
  scroll-margin-top:110px;
  margin-bottom:38px;
}
.publication-section h2{
  color:#111;
  font-size:32px;
  line-height:1.2;
  margin:0 0 14px;
}
.publication-section p{
  color:#243247;
  font-size:17px;
  line-height:1.78;
  margin:0;
}
.quote-callout,
.tip-callout,
.statute-wide{
  display:flex;
  gap:18px;
  margin-top:24px;
  padding:20px 22px;
  background:#edf3ff;
  border:1px solid #c9d7f2;
  border-left:4px solid var(--til-blue);
  border-radius:4px;
}
.quote-mark{
  color:#0d3b8a;
  font-family:Georgia,serif;
  font-size:44px;
  line-height:.8;
}
.quote-callout p,.tip-callout p,.statute-wide p{
  color:#1e2b3f;
  font-size:15px;
  line-height:1.55;
  margin:0;
}
.tip-callout{
  border:2px solid #3e75ff;
  background:#f7f9ff;
}
.tip-icon,.statute-icon{
  color:#075cff;
  font-size:28px;
  line-height:1;
}
.tip-callout strong,.statute-wide strong{
  display:block;
  color:#0f2f66;
  text-transform:uppercase;
  font-size:14px;
  letter-spacing:.04em;
  margin-bottom:4px;
}

.publication-sidebar{display:grid;gap:22px}
.publication-card,.deadline-card{
  background:#fff;
  border:1px solid #d6deea;
  padding:26px;
}
.publication-card h2,.deadline-card strong{
  color:#111;
  font-size:24px;
  line-height:1.2;
  margin:0 0 16px;
}
.publication-card ol,.publication-card ul{padding-left:20px;margin:0}
.publication-card li{
  color:#243247;
  font-size:15px;
  line-height:1.5;
  margin:9px 0;
}
.publication-card a{color:#075cff}
.sidebar-icon{color:#075cff;font-size:28px;margin-bottom:10px}
.deadline-card{background:linear-gradient(180deg,#f5f8ff,#eef3ff)}
.deadline-number{
  color:#075cff;
  font-size:33px;
  line-height:1;
  font-weight:900;
  margin:14px 0;
}
.deadline-card p{color:#273449;font-size:14px;line-height:1.55}
.sticky-card{position:sticky;top:105px}

.publication-cta{
  background:#03101c;
  padding:38px 0;
}
.publication-cta-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.publication-cta h2{font-size:32px;margin:0 0 8px}
.publication-cta p{margin:0;color:#d5ddea}

.related-section{
  background:#fff;
  color:#111;
  padding:42px 0 60px;
}
.related-section>div>h2{font-size:31px;margin:0 0 22px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.related-card{
  display:block;
  border:1px solid #d6deea;
  background:#fff;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.related-card img{
  width:100%;
  height:150px;
  object-fit:cover;
  display:block;
}
.related-card div{padding:16px}
.related-card h3{
  font-family:Arial,Helvetica,sans-serif;
  color:#111;
  font-size:16px;
  line-height:1.3;
  margin:0 0 16px;
}
.related-card span{color:#075cff;font-size:13px;font-weight:800}
.related-card:hover,.related-card:focus-visible{
  transform:translateY(-4px);
  border-color:#075cff;
  box-shadow:0 16px 32px rgba(10,25,45,.12);
}

@media(max-width:1050px){
  .publication-layout{grid-template-columns:1fr}
  .sticky-card{position:static}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .publication-cta-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
  .publication-hero{min-height:430px}
  .publication-hero-inner{padding:66px 0 44px}
  .publication-body{padding:42px 0}
  .publication-layout{gap:34px}
  .publication-section h2{font-size:28px}
  .publication-section p{font-size:16px}
  .related-grid{grid-template-columns:1fr}
}


/* =======================================
   v2.3 approved imagery and grid alignment
   ======================================= */

/* One consistent page grid across header, sections, and footer */
:root{--til-container:1480px}
.container{
  width:min(calc(100% - 64px),var(--til-container));
  margin-inline:auto;
}
.section,
.content-section,
.publication-body,
.related-section,
.about-built-section{
  overflow:hidden;
}

/* Practice cards line up perfectly and contain no inherited image text */
.practice-grid{
  width:100%;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.practice-card{
  width:100%;
  margin:0;
  border-top:1px solid rgba(255,255,255,.2);
}
.practice-card::before{
  background-position:center center!important;
  background-size:cover!important;
}

/* Approved About / Built for This layout */
.about-built-section{
  background:#03101c;
  padding:64px 0;
}
.about-built-grid{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  align-items:stretch;
  gap:0;
  background:#03101c;
}
.about-built-image{
  min-height:690px;
  background:
    linear-gradient(rgba(2,7,13,.04),rgba(2,7,13,.12)),
    url('assets/images/superstition-mountains.webp') center/cover no-repeat;
}
.about-built-copy{
  padding:68px 66px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-built-copy h1,
.about-built-copy h2{
  font-size:clamp(48px,5.2vw,74px);
  line-height:1.02;
  margin:14px 0 38px;
  max-width:720px;
}
.about-built-copy p{
  font-size:17px;
  line-height:1.72;
  color:#d6deea;
  margin:0 0 24px;
  max-width:760px;
}
.about-values{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:20px;
  border-top:1px solid rgba(45,119,255,.5);
  padding-top:22px;
}
.about-values>div{
  min-width:0;
  padding:0 16px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.12);
}
.about-values>div:first-child{padding-left:0}
.about-values>div:last-child{padding-right:0;border-right:0}
.about-value-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  margin:0 auto 12px;
  color:#176cff;
  font-size:27px;
  font-weight:800;
}
.about-values strong{
  display:block;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.35;
  font-weight:500;
}
.home-about-built{padding-top:50px;padding-bottom:50px}

/* Remove legacy about blocks and buttons if theme CSS still exposes them */
.split-section,
.split-image,
.split-copy{display:none!important}
.about-built-section .button{display:none!important}

/* Straight, consistent margins for publication pages */
.publication-layout,
.publication-hero-inner,
.publication-cta-inner,
.related-section>.container{
  width:100%;
}
.publication-main,
.publication-sidebar{min-width:0}
.publication-card,
.deadline-card,
.quote-callout,
.tip-callout,
.statute-wide{
  box-sizing:border-box;
}

/* Desktop and mobile alignment */
@media(max-width:1200px){
  .container{width:min(calc(100% - 44px),var(--til-container))}
  .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-built-copy{padding:54px 44px}
  .about-values{grid-template-columns:repeat(2,1fr);gap:22px 0}
}
@media(max-width:850px){
  .about-built-grid{grid-template-columns:1fr}
  .about-built-image{min-height:500px}
  .about-built-copy{padding:46px 34px}
}
@media(max-width:650px){
  .container{width:min(calc(100% - 28px),var(--til-container))}
  .practice-grid{grid-template-columns:1fr}
  .about-built-section{padding:34px 0}
  .about-built-image{min-height:390px}
  .about-built-copy{padding:38px 24px}
  .about-built-copy h1,
  .about-built-copy h2{font-size:43px;margin-bottom:28px}
  .about-values{grid-template-columns:1fr 1fr}
}


/* v2.4 locked Cases We Handle imagery */
.practice-card{
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.practice-card::before{
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}


/* ==========================================
   v2.5 final Cases We Handle article margins
   ========================================== */

/* Premium centered article container */
.publication-body > .container{
  width:min(calc(100% - 120px),1440px);
  margin-inline:auto;
}

/* Balanced reading and sidebar columns */
.publication-layout{
  grid-template-columns:minmax(0,820px) 360px;
  justify-content:space-between;
  gap:48px;
  align-items:start;
}

/* Keep the article readable on wide monitors */
.publication-main{
  width:100%;
  max-width:820px;
}
.publication-lead,
.publication-section,
.quote-callout,
.tip-callout,
.statute-wide{
  max-width:780px;
}

/* Refined body typography and section rhythm */
.publication-lead{
  font-size:20px;
  line-height:1.8;
  margin-bottom:46px;
}
.publication-section{
  margin-bottom:54px;
}
.publication-section h2{
  margin-top:0;
  margin-bottom:20px;
  font-size:34px;
  line-height:1.2;
}
.publication-section p{
  max-width:760px;
  font-size:18px;
  line-height:1.85;
}

/* Restrained premium callout width */
.quote-callout,
.tip-callout,
.statute-wide{
  width:100%;
  max-width:760px;
  padding:28px 30px;
  margin-top:34px;
  border-radius:10px;
}

/* Consistent fixed sidebar */
.publication-sidebar{
  width:360px;
  max-width:360px;
  gap:28px;
}
.publication-card,
.deadline-card{
  width:100%;
  box-sizing:border-box;
  padding:30px 32px;
  border-radius:10px;
}
.publication-card h2,
.deadline-card strong{
  margin-bottom:20px;
}

/* Clean TOC without duplicate numbering */
.toc-list{
  list-style:none;
  margin:0;
  padding:0!important;
}
.toc-list li{
  margin:0 0 14px;
  padding:0;
}
.toc-list li:last-child{margin-bottom:0}
.toc-list a{
  display:block;
  line-height:1.45;
  text-decoration:none;
}

/* Hero content breathes more */
.publication-hero-inner{
  max-width:1020px;
}
.publication-hero h1{
  max-width:820px;
}

/* Related and CTA sections align to the same article grid */
.publication-cta > .container,
.related-section > .container{
  width:min(calc(100% - 120px),1440px);
  margin-inline:auto;
}

/* Tablet */
@media(max-width:1100px){
  .publication-body > .container,
  .publication-cta > .container,
  .related-section > .container{
    width:min(calc(100% - 64px),1080px);
  }
  .publication-layout{
    grid-template-columns:minmax(0,1fr) 320px;
    gap:36px;
  }
  .publication-sidebar{
    width:320px;
    max-width:320px;
  }
}

/* Stack sidebar cleanly */
@media(max-width:900px){
  .publication-layout{
    grid-template-columns:1fr;
  }
  .publication-main,
  .publication-sidebar,
  .publication-lead,
  .publication-section,
  .quote-callout,
  .tip-callout,
  .statute-wide{
    max-width:none;
    width:100%;
  }
  .publication-sidebar{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sticky-card{position:static}
}

/* Mobile */
@media(max-width:650px){
  .publication-body > .container,
  .publication-cta > .container,
  .related-section > .container{
    width:min(calc(100% - 28px),100%);
  }
  .publication-body{
    padding:42px 0;
  }
  .publication-layout{
    gap:28px;
  }
  .publication-sidebar{
    grid-template-columns:1fr;
  }
  .publication-lead{
    font-size:18px;
    line-height:1.7;
    margin-bottom:34px;
  }
  .publication-section{
    margin-bottom:40px;
  }
  .publication-section h2{
    font-size:29px;
    margin-bottom:16px;
  }
  .publication-section p{
    font-size:16px;
    line-height:1.72;
  }
  .quote-callout,
  .tip-callout,
  .statute-wide{
    padding:22px;
    margin-top:26px;
  }
}

/* Ultrawide displays */
@media(min-width:1700px){
  .publication-body > .container,
  .publication-cta > .container,
  .related-section > .container{
    width:1440px;
  }
}


/* v2.6 locked practice imagery and homepage order */
.practice-card{
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.practice-card::before{
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.home-about-built{
  margin-top:0;
  margin-bottom:0;
}
.home-about-built + .cta-phoenix{
  margin-top:0;
}


/* =========================================
   v2.7 locked approved homepage upper layout
   ========================================= */

/* Header */
.approved-header{
  position:relative;
  z-index:100;
  background:#02070d;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.approved-header-inner{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:0;
}
.approved-header .site-branding{
  width:118px;
  min-width:118px;
  margin:0 52px 0 0;
}
.approved-header .site-branding img{
  width:100%;
  max-height:56px;
  object-fit:contain;
}
.approved-header .main-nav{
  flex:1 1 auto;
}
.approved-header .main-nav ul{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:34px;
  margin:0;
  padding:0;
}
.approved-header .main-nav a{
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  white-space:nowrap;
}
.approved-header .main-nav a:hover,
.approved-header .main-nav a:focus-visible{
  color:var(--til-blue-light);
}
.approved-header .header-phone{
  margin-left:30px;
  white-space:nowrap;
}
.approved-header .header-phone a{
  color:#fff;
  font-size:15px;
  font-weight:800;
}
.approved-header .header-consultation{
  margin-left:26px;
  min-width:196px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  text-transform:uppercase;
}

/* Hero */
.approved-home-hero{
  position:relative;
  min-height:675px;
  display:flex;
  align-items:center;
  background:
    url('assets/images/homepage-portrait.webp')
    center center/cover no-repeat;
  overflow:hidden;
}
.approved-home-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(2,7,13,.98) 0%,
      rgba(2,7,13,.88) 30%,
      rgba(2,7,13,.45) 58%,
      rgba(2,7,13,.12) 100%),
    linear-gradient(180deg,rgba(2,7,13,.04),rgba(2,7,13,.52));
}
.approved-home-hero-inner{
  position:relative;
  z-index:2;
  width:100%;
}
.approved-home-hero-copy{
  max-width:760px;
  padding:88px 0 92px;
}
.approved-home-hero-copy .eyebrow{
  margin-bottom:20px;
}
.approved-home-hero-copy h1{
  margin:0 0 24px;
  font-size:clamp(54px,5.2vw,82px);
  line-height:.98;
  letter-spacing:-.035em;
}
.approved-home-hero-copy h1 span,
.approved-home-hero-copy h1 strong{
  display:block;
}
.approved-home-hero-copy h1 span{
  color:#fff;
  font-weight:700;
}
.approved-home-hero-copy h1 strong{
  color:#075cff;
  font-weight:700;
}
.approved-home-hero-copy p{
  max-width:610px;
  margin:0 0 23px;
  color:#eef2f7;
  font-size:20px;
  line-height:1.65;
}
.hero-slogan{
  margin-bottom:28px;
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.hero-actions{
  display:flex;
  gap:16px;
  align-items:center;
}
.hero-actions .button{
  min-width:190px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.button-outline{
  background:rgba(2,7,13,.38);
  border:1px solid rgba(255,255,255,.34);
  color:#fff;
}
.button-outline:hover,
.button-outline:focus-visible{
  border-color:#075cff;
  color:#fff;
}

/* Cases heading immediately follows hero */
.approved-cases-intro{
  background:#03101c;
  padding:55px 0 22px;
  text-align:center;
}
.approved-cases-intro .eyebrow{
  margin-bottom:13px;
}
.approved-cases-intro h2{
  margin:0;
  font-size:clamp(38px,4vw,58px);
  line-height:1.05;
}
.approved-cases-intro + .homepage-core{
  padding-top:18px;
}

/* Tablet */
@media(max-width:1200px){
  .approved-header .main-nav ul{gap:20px}
  .approved-header .site-branding{margin-right:28px}
  .approved-header .header-phone{margin-left:18px}
  .approved-header .header-consultation{margin-left:16px;min-width:170px}
}

/* Mobile navigation and hero */
@media(max-width:980px){
  .approved-header-inner{min-height:70px}
  .approved-header .main-nav{
    display:none;
    position:absolute;
    top:70px;
    left:0;
    right:0;
    background:#02070d;
    padding:22px 28px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .approved-header .main-nav.open{display:block}
  .approved-header .main-nav ul{
    display:grid;
    gap:18px;
  }
  .approved-header .header-phone{
    margin-left:auto;
  }
  .approved-header .header-consultation{
    display:none;
  }
  .approved-header .mobile-toggle{
    display:inline-flex;
    margin-left:18px;
  }
  .approved-home-hero{
    min-height:620px;
    background-position:62% center;
  }
  .approved-home-hero-overlay{
    background:
      linear-gradient(90deg,rgba(2,7,13,.98) 0%,rgba(2,7,13,.80) 58%,rgba(2,7,13,.28) 100%),
      linear-gradient(180deg,rgba(2,7,13,.06),rgba(2,7,13,.60));
  }
  .approved-home-hero-copy{
    max-width:650px;
  }
}

@media(max-width:650px){
  .approved-header .site-branding{
    width:100px;
    min-width:100px;
    margin-right:0;
  }
  .approved-header .header-phone{
    display:none;
  }
  .approved-home-hero{
    min-height:690px;
    align-items:flex-end;
    background-position:68% center;
  }
  .approved-home-hero-copy{
    padding:92px 0 58px;
  }
  .approved-home-hero-copy h1{
    font-size:49px;
  }
  .approved-home-hero-copy p{
    font-size:17px;
  }
  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-actions .button{
    width:100%;
  }
  .approved-cases-intro{
    padding-top:44px;
  }
}


/* =========================================
   Tyler Injury Law v3.0 production lock
   ========================================= */

/* Remove all obsolete duplicate biography layouts */
.split-feature,
.split-section,
.split-image,
.split-copy{
  display:none!important;
}

/* Eliminate dead space between standards and Built for This */
.homepage-core{
  padding-bottom:36px!important;
}
.homepage-core .promise-grid{
  margin-bottom:0!important;
}
.home-about-built{
  margin:0!important;
  padding-top:42px!important;
  padding-bottom:48px!important;
}
.homepage-core + .home-about-built{
  margin-top:0!important;
}

/* Approved section order and spacing */
.home-about-built + .cta-phoenix{
  margin-top:0!important;
}
.about-built-grid{
  align-items:stretch;
}
.about-built-image,
.about-built-copy{
  min-height:620px;
}
.about-built-copy{
  justify-content:center;
}

/* Preserve exact approved upper-page hierarchy */
.approved-cases-intro + .homepage-core{
  padding-top:18px!important;
}

/* Production accessibility and focus polish */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible{
  outline:3px solid #2f7cff!important;
  outline-offset:3px!important;
}

/* Mobile section spacing */
@media(max-width:850px){
  .home-about-built{padding-top:28px!important;padding-bottom:34px!important}
  .about-built-image,.about-built-copy{min-height:auto}
  .about-built-image{min-height:460px}
}
@media(max-width:650px){
  .homepage-core{padding-bottom:24px!important}
  .home-about-built{padding-top:20px!important;padding-bottom:28px!important}
  .about-built-image{min-height:360px}
}

/* v3.1 locked practice-area imagery */
.practice-card,
.practice-card::before {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


/* ==========================================
   v3.2 locked visual corrections
   ========================================== */

/* Larger approved header logo */
.approved-header .site-branding{
  width:150px!important;
  min-width:150px!important;
  margin-right:44px!important;
}
.approved-header .site-branding img{
  width:150px!important;
  max-height:66px!important;
  object-fit:contain!important;
}

/* Practice Areas: approved compact 5-by-2 card layout */
.approved-cases-intro{
  padding-bottom:18px!important;
}
.approved-cases-intro + .homepage-core{
  padding-top:8px!important;
}
.homepage-core > .container,
.page-template-page-cases .section > .container{
  width:min(calc(100% - 48px),1540px)!important;
}
.practice-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.practice-card{
  height:410px!important;
  min-height:410px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background-position:center!important;
  background-size:cover!important;
  margin:0!important;
}
.practice-card::after{
  background:linear-gradient(
    180deg,
    rgba(2,7,13,.02) 0%,
    rgba(2,7,13,.10) 33%,
    rgba(2,7,13,.70) 65%,
    rgba(2,7,13,.98) 100%
  )!important;
}
.practice-card-content{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:22px 20px 21px!important;
}
.practice-card h3{
  font-size:clamp(23px,1.9vw,34px)!important;
  line-height:1.02!important;
  margin:0 0 12px!important;
}
.practice-card p{
  font-size:13px!important;
  line-height:1.45!important;
  margin:0 0 18px!important;
  max-width:220px!important;
}
.practice-card .eyebrow{
  margin-top:auto!important;
  font-size:12px!important;
  letter-spacing:.15em!important;
}

/* Remove every decorative/duplicate logo from the CTA */
.cta-phoenix::before,
.cta-phoenix::after,
.cta-phoenix .ghost-logo,
.cta-phoenix .cta-logo,
.cta-phoenix img{
  display:none!important;
  content:none!important;
}

/* Clean CTA background and premium, centered margins */
.cta-phoenix{
  min-height:560px!important;
  display:flex!important;
  align-items:center!important;
  padding:76px 32px!important;
  background:
    linear-gradient(90deg,rgba(2,7,13,.82),rgba(2,7,13,.56)),
    url('assets/images/cta-phoenix-clean.webp') center center/cover no-repeat!important;
}
.cta-phoenix > .container{
  width:min(calc(100% - 64px),1180px)!important;
  margin-inline:auto!important;
  padding:0!important;
  text-align:center!important;
}
.cta-phoenix h2{
  max-width:820px!important;
  margin:10px auto 22px!important;
  font-size:clamp(54px,6vw,82px)!important;
  line-height:.96!important;
}
.cta-phoenix p{
  max-width:720px!important;
  margin:0 auto 28px!important;
  font-size:18px!important;
  line-height:1.6!important;
}
.cta-phoenix .actions{
  max-width:620px!important;
  margin:0 auto!important;
  gap:18px!important;
}

/* Tablet and mobile behavior */
@media(max-width:1120px){
  .practice-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .approved-header .site-branding{
    width:132px!important;
    min-width:132px!important;
  }
  .approved-header .site-branding img{
    width:132px!important;
  }
}
@media(max-width:760px){
  .practice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .practice-card{
    height:390px!important;
    min-height:390px!important;
  }
}
@media(max-width:520px){
  .practice-grid{
    grid-template-columns:1fr!important;
  }
  .practice-card{
    height:470px!important;
    min-height:470px!important;
  }
  .cta-phoenix{
    min-height:500px!important;
    padding:58px 14px!important;
  }
  .cta-phoenix > .container{
    width:100%!important;
  }
}


/* ==========================================
   v3.3 final spacing and alignment corrections
   ========================================== */

/* Tighten the transition from Tyler Standards into Built for This */
.homepage-core{
  padding-bottom:18px!important;
}
.homepage-core .promise-grid{
  margin-bottom:0!important;
}
.home-about-built{
  margin-top:0!important;
  padding-top:18px!important;
  padding-bottom:42px!important;
}
.homepage-core + .home-about-built{
  margin-top:0!important;
}
.about-built-grid{
  margin-top:0!important;
}

/* Keep Built for This aligned to the same site grid */
.home-about-built > .container{
  width:min(calc(100% - 64px),1480px)!important;
  margin-inline:auto!important;
}

/* Align Get the Help You Deserve to the exact same left/right grid */
.cta-phoenix{
  padding-left:0!important;
  padding-right:0!important;
}
.cta-phoenix > .container{
  width:min(calc(100% - 64px),1480px)!important;
  max-width:1480px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

/* Keep the CTA's readable content centered inside the aligned outer grid */
.cta-phoenix > .container > *{
  margin-left:auto!important;
  margin-right:auto!important;
}
.cta-phoenix h2{
  max-width:860px!important;
}
.cta-phoenix p{
  max-width:760px!important;
}
.cta-phoenix .actions{
  max-width:640px!important;
}

/* Approved photographic backgrounds only */
.practice-card,
.practice-card::before{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Responsive grid alignment */
@media(max-width:900px){
  .home-about-built > .container,
  .cta-phoenix > .container{
    width:min(calc(100% - 40px),1480px)!important;
  }
}
@media(max-width:650px){
  .homepage-core{
    padding-bottom:12px!important;
  }
  .home-about-built{
    padding-top:12px!important;
  }
  .home-about-built > .container,
  .cta-phoenix > .container{
    width:min(calc(100% - 28px),1480px)!important;
  }
}


/* ==========================================
   v3.4 exact approved imagery and alignment
   ========================================== */

/* Exact approved photographic assets */
.practice-card,
.practice-card::before{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}

/* Remove the dead space below Tyler Standards */
.homepage-core{
  padding-bottom:0!important;
}
.homepage-core .promise-grid{
  margin-bottom:0!important;
}
.home-about-built{
  margin-top:0!important;
  padding-top:18px!important;
  padding-bottom:34px!important;
}
.homepage-core + .home-about-built{
  margin-top:0!important;
}

/* High-resolution mountain image; never stretch */
.about-built-image{
  background-image:
    linear-gradient(rgba(2,7,13,.03),rgba(2,7,13,.10)),
    url('assets/images/superstition-mountains.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  min-height:650px!important;
}

/* Same outer grid for Results, Built for This, and CTA */
.home-about-built > .container,
.cta-phoenix > .container{
  width:min(calc(100% - 64px),1480px)!important;
  max-width:1480px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

/* Use the exact approved portrait image without distortion */
.cta-phoenix{
  position:relative!important;
  min-height:610px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(2,7,13,.78),rgba(2,7,13,.43)),
    url('assets/images/homepage-portrait.webp') right center/cover no-repeat!important;
}

/* Prevent old pseudo-elements or logo artifacts from returning */
.cta-phoenix::before,
.cta-phoenix::after,
.cta-phoenix .ghost-logo,
.cta-phoenix .cta-logo,
.cta-phoenix img{
  display:none!important;
  content:none!important;
}

/* Keep content centered while retaining aligned outer margins */
.cta-phoenix > .container{
  position:relative!important;
  z-index:2!important;
  text-align:center!important;
}
.cta-phoenix .eyebrow,
.cta-phoenix h2,
.cta-phoenix p,
.cta-phoenix .actions{
  margin-left:auto!important;
  margin-right:auto!important;
}
.cta-phoenix h2{
  max-width:880px!important;
  margin-top:12px!important;
  margin-bottom:22px!important;
  font-size:clamp(54px,6vw,84px)!important;
  line-height:.96!important;
}
.cta-phoenix p{
  max-width:760px!important;
  margin-bottom:30px!important;
  font-size:18px!important;
  line-height:1.6!important;
}
.cta-phoenix .actions{
  max-width:640px!important;
  justify-content:center!important;
}

/* Responsive */
@media(max-width:1000px){
  .about-built-image{
    min-height:520px!important;
  }
  .home-about-built > .container,
  .cta-phoenix > .container{
    width:min(calc(100% - 40px),1480px)!important;
  }
  .cta-phoenix{
    background-position:68% center!important;
  }
}

@media(max-width:650px){
  .home-about-built{
    padding-top:12px!important;
    padding-bottom:24px!important;
  }
  .about-built-image{
    min-height:410px!important;
  }
  .home-about-built > .container,
  .cta-phoenix > .container{
    width:min(calc(100% - 28px),1480px)!important;
  }
  .cta-phoenix{
    min-height:590px!important;
    background-position:72% center!important;
  }
}


/* ==========================================
   v4.0 — locked approved updates
   ========================================== */

/* Approved bottom-five practice-area images */
.practice-card{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Higher-resolution, slightly shorter Built for This section */
.home-about-built{
  padding-top:16px!important;
  padding-bottom:28px!important;
}
.about-built-grid{
  align-items:stretch!important;
}
.about-built-image{
  min-height:580px!important;
  background-image:
    linear-gradient(rgba(2,7,13,.03),rgba(2,7,13,.10)),
    url('assets/images/superstition-mountains.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.about-built-copy{
  min-height:580px!important;
  padding-top:42px!important;
  padding-bottom:42px!important;
}

/* Header logo enlarged to approximately 3x its prior visual size */
.approved-header .site-branding{
  width:330px!important;
  min-width:330px!important;
  flex:0 0 330px!important;
  margin-right:30px!important;
}
.approved-header .site-branding img{
  width:330px!important;
  height:auto!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.approved-header-inner{
  min-height:122px!important;
}

/* Keep navigation balanced around the larger logo */
.approved-header .main-nav ul{
  gap:24px!important;
}
.approved-header .main-nav a{
  font-size:13px!important;
}
.approved-header .header-phone{
  margin-left:22px!important;
}
.approved-header .header-consultation{
  margin-left:20px!important;
}

/* Responsive refinements */
@media(max-width:1280px){
  .approved-header .site-branding{
    width:250px!important;
    min-width:250px!important;
    flex-basis:250px!important;
  }
  .approved-header .site-branding img{
    width:250px!important;
    max-height:96px!important;
  }
  .approved-header-inner{
    min-height:106px!important;
  }
  .approved-header .main-nav ul{
    gap:17px!important;
  }
}

@media(max-width:980px){
  .approved-header .site-branding{
    width:205px!important;
    min-width:205px!important;
    flex-basis:205px!important;
  }
  .approved-header .site-branding img{
    width:205px!important;
    max-height:86px!important;
  }
  .approved-header-inner{
    min-height:94px!important;
  }
  .approved-header .main-nav{
    top:94px!important;
  }
  .about-built-image,
  .about-built-copy{
    min-height:500px!important;
  }
}

@media(max-width:650px){
  .approved-header .site-branding{
    width:165px!important;
    min-width:165px!important;
    flex-basis:165px!important;
  }
  .approved-header .site-branding img{
    width:165px!important;
    max-height:74px!important;
  }
  .approved-header-inner{
    min-height:82px!important;
  }
  .approved-header .main-nav{
    top:82px!important;
  }
  .about-built-image{
    min-height:360px!important;
  }
  .about-built-copy{
    min-height:auto!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}


/* ==========================================
   Tyler Injury Law v4.1 — production rebuild
   ========================================== */

/* Shared desktop grid: exact alignment across major homepage sections */
:root{
  --til-v41-max:1480px;
  --til-v41-gutter:32px;
}
.container{
  width:min(calc(100% - (var(--til-v41-gutter) * 2)),var(--til-v41-max))!important;
  margin-inline:auto!important;
}

/* Rebuilt header: every element stays inside the black ribbon */
.approved-header,
.site-header{
  position:sticky!important;
  top:0!important;
  height:112px!important;
  min-height:112px!important;
  overflow:visible!important;
  background:#02070d!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body.admin-bar .approved-header,
body.admin-bar .site-header{top:32px!important}
.approved-header-inner,
.header-inner{
  height:112px!important;
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
}
.approved-header .site-branding{
  width:190px!important;
  min-width:190px!important;
  flex:0 0 190px!important;
  height:100%!important;
  margin:0 42px 0 0!important;
  padding:7px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.approved-header .site-branding img{
  width:auto!important;
  height:98px!important;
  max-width:190px!important;
  max-height:98px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.approved-header .main-nav{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.approved-header .main-nav ul{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:29px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.approved-header .main-nav a{
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.approved-header .main-nav a:hover,
.approved-header .main-nav a:focus-visible{color:var(--til-blue-light)!important}
.approved-header .header-phone{
  flex:0 0 auto!important;
  margin:0 0 0 32px!important;
  white-space:nowrap!important;
}
.approved-header .header-phone a{
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:850!important;
}
.approved-header .header-consultation{
  flex:0 0 auto!important;
  min-width:220px!important;
  min-height:60px!important;
  height:60px!important;
  margin:0 0 0 25px!important;
  padding:0 26px!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:850!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Practice-area rebuild: approved photographs, uniform scale, title + link only */
.approved-cases-intro + .homepage-core{padding-top:12px!important}
.homepage-core > .container,
.page-template-page-cases .section > .container{
  width:min(calc(100% - (var(--til-v41-gutter) * 2)),var(--til-v41-max))!important;
}
.practice-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  align-items:stretch!important;
}
.practice-card{
  position:relative!important;
  width:100%!important;
  height:470px!important;
  min-height:470px!important;
  margin:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:flex-end!important;
  background-color:#071522!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.practice-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background-image:inherit!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:scale(1.01)!important;
}
.practice-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(2,7,13,.02) 0%,rgba(2,7,13,.08) 43%,rgba(2,7,13,.83) 76%,rgba(2,7,13,.99) 100%)!important;
}
.practice-card-content{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:100%!important;
  padding:26px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background:transparent!important;
}
.practice-card h3{
  margin:0 0 30px!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:clamp(27px,2vw,38px)!important;
  line-height:1.02!important;
  text-shadow:0 3px 18px rgba(0,0,0,.85)!important;
}
.practice-card p{display:none!important}
.practice-card .eyebrow{
  margin-top:auto!important;
  color:var(--til-blue-light)!important;
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.75)!important;
}
.practice-card:hover h3,
.practice-card:focus-visible h3{color:var(--til-blue-light)!important}

/* Built for This: sharper mountain, shorter section, same site grid */
.home-about-built{
  padding:18px 0 30px!important;
  margin:0!important;
}
.home-about-built > .container{
  width:min(calc(100% - (var(--til-v41-gutter) * 2)),var(--til-v41-max))!important;
  margin-inline:auto!important;
}
.about-built-grid{
  min-height:0!important;
  align-items:stretch!important;
}
.about-built-image{
  min-height:540px!important;
  background-image:linear-gradient(rgba(2,7,13,.02),rgba(2,7,13,.08)),url('assets/images/superstition-mountains.webp')!important;
  background-size:cover!important;
  background-position:center 53%!important;
  background-repeat:no-repeat!important;
  image-rendering:auto!important;
}
.about-built-copy{
  min-height:540px!important;
  padding:46px 56px!important;
}
.about-built-copy h2{margin-bottom:28px!important}
.about-built-copy p{margin-bottom:18px!important}

/* Get the Help You Deserve: the entire image block follows the same margins */
.cta-phoenix{
  width:min(calc(100% - (var(--til-v41-gutter) * 2)),var(--til-v41-max))!important;
  max-width:var(--til-v41-max)!important;
  min-height:560px!important;
  margin:0 auto 32px!important;
  padding:0!important;
  background-image:linear-gradient(90deg,rgba(2,7,13,.78),rgba(2,7,13,.42)),url('assets/images/homepage-portrait.webp')!important;
  background-size:cover!important;
  background-position:right center!important;
  background-repeat:no-repeat!important;
}
.cta-phoenix > .container{
  width:100%!important;
  max-width:none!important;
  padding:0 48px!important;
  margin:0!important;
}

/* Header fit at medium desktop widths */
@media(max-width:1320px){
  .approved-header .site-branding{width:158px!important;min-width:158px!important;flex-basis:158px!important;margin-right:24px!important}
  .approved-header .site-branding img{height:91px!important;max-width:158px!important}
  .approved-header .main-nav ul{gap:18px!important}
  .approved-header .main-nav a{font-size:13px!important}
  .approved-header .header-phone{margin-left:18px!important}
  .approved-header .header-phone a{font-size:15px!important}
  .approved-header .header-consultation{min-width:180px!important;margin-left:16px!important;font-size:13px!important;padding-inline:17px!important}
}

@media(max-width:1050px){
  :root{--til-v41-gutter:22px}
  .approved-header,.site-header,.approved-header-inner,.header-inner{height:94px!important;min-height:94px!important}
  .approved-header .site-branding{width:145px!important;min-width:145px!important;flex-basis:145px!important}
  .approved-header .site-branding img{height:82px!important;max-width:145px!important}
  .approved-header .main-nav{display:none!important;top:94px!important}
  .approved-header .main-nav.open{display:block!important}
  .approved-header .header-consultation{display:none!important}
  .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .about-built-image,.about-built-copy{min-height:480px!important}
  .cta-phoenix{background-position:68% center!important}
}

@media(max-width:650px){
  :root{--til-v41-gutter:14px}
  body.admin-bar .approved-header,body.admin-bar .site-header{top:46px!important}
  .approved-header,.site-header,.approved-header-inner,.header-inner{height:82px!important;min-height:82px!important}
  .approved-header .site-branding{width:122px!important;min-width:122px!important;flex-basis:122px!important;margin-right:0!important}
  .approved-header .site-branding img{height:72px!important;max-width:122px!important}
  .approved-header .main-nav{top:82px!important}
  .approved-header .header-phone{display:none!important}
  .practice-grid{grid-template-columns:1fr!important}
  .practice-card{height:440px!important;min-height:440px!important}
  .about-built-image{min-height:360px!important}
  .about-built-copy{min-height:auto!important;padding:34px 24px!important}
  .cta-phoenix{min-height:520px!important;background-position:72% center!important}
  .cta-phoenix > .container{padding:0 20px!important}
}


/* ==============================================
   Tyler Injury Law v4.2.2 — Mobile Practice Grid
   Five compact practice-area tiles per row.
   Preserves the v4.2 consultation form.
   Desktop and tablet layouts remain unchanged.
   ============================================== */
@media (max-width:650px){
  .practice-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:stretch!important;
  }
  .practice-card{
    height:128px!important;
    min-height:128px!important;
    border-radius:0!important;
    background-position:center!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .practice-card::before{
    transform:scale(1.02)!important;
  }
  .practice-card::after{
    background:linear-gradient(180deg,rgba(2,7,13,.10) 0%,rgba(2,7,13,.24) 40%,rgba(2,7,13,.96) 100%)!important;
  }
  .practice-card-content{
    min-height:100%!important;
    padding:7px 5px!important;
    justify-content:flex-end!important;
    text-align:center!important;
  }
  .practice-card h3{
    margin:0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:10px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:0!important;
    overflow-wrap:anywhere!important;
    text-shadow:0 2px 8px rgba(0,0,0,.95)!important;
  }
  .practice-card .eyebrow{
    display:none!important;
  }
  .practice-card:hover,
  .practice-card:focus-visible,
  .practice-card:active{
    transform:none!important;
  }
}

@media (max-width:390px){
  .practice-grid{gap:5px!important}
  .practice-card{
    height:116px!important;
    min-height:116px!important;
  }
  .practice-card-content{padding:6px 3px!important}
  .practice-card h3{font-size:9px!important}
}


/* v4.3 Google Ads conversion confirmation page */
.thank-you-panel{max-width:820px;margin:0 auto;text-align:center;padding:48px}
.thank-you-panel h2{margin-top:0}
.thank-you-panel .actions{justify-content:center;margin-top:28px}
@media(max-width:650px){
  .thank-you-panel{padding:30px 22px}
}

/* v4.3.1 Spanish consultation landing page */
.nav-spanish a { white-space: nowrap; }
.spanish-hero {
  position: relative;
  padding: clamp(5rem, 9vw, 8rem) 0;
  background:
    linear-gradient(90deg, rgba(4, 11, 24, .97) 0%, rgba(5, 18, 39, .88) 58%, rgba(5, 18, 39, .72) 100%),
    url('assets/images/phoenix-skyline-cta.webp') center/cover no-repeat;
}
.spanish-hero-copy { max-width: 780px; }
.spanish-hero h1 { margin: .4rem 0 1rem; font-size: clamp(3rem, 7vw, 5.7rem); }
.spanish-hero-lead { max-width: 720px; font-size: clamp(1.35rem, 2.4vw, 2rem); font-weight: 700; line-height: 1.25; }
.spanish-hero p { max-width: 760px; }
.spanish-mission-copy { max-width: 900px; margin: 0 auto 2.5rem; font-size: 1.08rem; line-height: 1.8; }
.spanish-standards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; }
.spanish-standards article { padding: 2rem 1rem; border: 1px solid rgba(255,255,255,.18); text-align: center; background: rgba(255,255,255,.035); }
.spanish-standards span { display: block; min-height: 2.5rem; margin-bottom: .7rem; font-size: 2rem; color: #fff; }
.spanish-standards .az-mark { font-weight: 800; letter-spacing: .08em; }
.spanish-standards h3 { margin: 0; font-size: 1rem; line-height: 1.35; text-transform: uppercase; letter-spacing: .06em; }
.spanish-practice-areas { background: #f4f6f9; color: #071326; }
.spanish-practice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.spanish-practice-grid > div { min-height: 88px; display: flex; align-items: center; padding: 1.25rem; background: #fff; border-left: 4px solid #174ea6; box-shadow: 0 9px 24px rgba(8, 23, 44, .08); font-weight: 700; }
.spanish-contact-section { background: #071326; }
.spanish-contact-intro a { font-size: 1.15rem; font-weight: 700; }
@media (max-width: 960px) {
  .spanish-standards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .spanish-practice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .spanish-hero { padding: 4.5rem 0; }
  .spanish-hero .actions { align-items: stretch; }
  .spanish-hero .button { width: 100%; text-align: center; }
  .spanish-standards, .spanish-practice-grid { grid-template-columns: 1fr; }
}


/* v4.4 Spanish practice-area grid: compact titles that remain inside every tile */
.spanish-practice-grid .practice-card h3{
  font-size:clamp(18px,1.42vw,26px)!important;
  line-height:1.08!important;
  overflow-wrap:anywhere;
  hyphens:auto;
  max-width:100%;
  text-wrap:balance;
}
.spanish-practice-grid .practice-card-content{
  padding:20px 18px 20px!important;
}
.spanish-practice-grid .practice-card .eyebrow{
  font-size:11px!important;
  letter-spacing:.13em!important;
}
@media (max-width:1250px){
  .spanish-practice-grid .practice-card h3{font-size:clamp(19px,2.15vw,27px)!important;}
}
@media (max-width:700px){
  .spanish-practice-grid .practice-card h3{font-size:clamp(24px,7vw,32px)!important;overflow-wrap:normal;}
}

/* v4.4.1 Spanish mobile readability scrub */
@media (max-width: 760px){
  .spanish-hero{padding:64px 0 56px!important;background-position:center!important;}
  .spanish-hero .container,
  .spanish-mission .container,
  .spanish-cases-intro .container,
  .spanish-practice-areas .container,
  .spanish-contact-section .container{width:min(100% - 32px,1200px)!important;}
  .spanish-hero h1{font-size:clamp(42px,13vw,60px)!important;line-height:.98!important;overflow-wrap:normal!important;}
  .spanish-hero-lead{font-size:21px!important;line-height:1.3!important;}
  .spanish-mission h2,
  .spanish-cases-intro h2,
  .spanish-contact-section h2{font-size:clamp(34px,10vw,48px)!important;line-height:1.02!important;overflow-wrap:normal!important;word-break:normal!important;}
  .spanish-mission-copy{font-size:17px!important;line-height:1.7!important;}
  .spanish-standards{grid-template-columns:1fr!important;gap:12px!important;}
  .spanish-standards article{padding:24px 18px!important;}
  .spanish-practice-areas{padding:42px 0 56px!important;}
  .spanish-practice-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .spanish-practice-grid .practice-card{height:300px!important;min-height:300px!important;width:100%!important;}
  .spanish-practice-grid .practice-card-content{padding:24px 20px!important;}
  .spanish-practice-grid .practice-card h3{font-size:clamp(27px,8vw,36px)!important;line-height:1.04!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;max-width:92%!important;}
  .spanish-practice-grid .practice-card .eyebrow{font-size:12px!important;line-height:1.3!important;}
  .spanish-contact-section{padding:56px 0!important;}
  .spanish-contact-section .contact-grid{grid-template-columns:1fr!important;gap:20px!important;}
  .spanish-contact-section .panel{padding:28px 22px!important;min-width:0!important;}
  .spanish-contact-section p,
  .spanish-contact-section label,
  .spanish-contact-section input,
  .spanish-contact-section textarea,
  .spanish-contact-section select{font-size:16px!important;}
}
@media (max-width: 390px){
  .spanish-practice-grid .practice-card{height:270px!important;min-height:270px!important;}
  .spanish-practice-grid .practice-card h3{font-size:28px!important;}
  .spanish-contact-section .panel{padding:24px 18px!important;}
}


/* v4.4.3 Spanish-only practice-area card format */
.spanish-practice-areas{
  background:#f4f6f9!important;
  color:#071326!important;
}
.spanish-practice-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px 46px!important;
  width:85%;
  margin-inline:auto;
}
.spanish-practice-row{
  display:grid;
  grid-template-columns:44% 56%;
  min-height:143px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(7,19,38,.10);
  border-radius:15px;
  box-shadow:0 9px 24px rgba(8,23,44,.09);
  color:#071326;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.spanish-practice-row:hover,
.spanish-practice-row:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(7,92,255,.45);
  box-shadow:0 15px 32px rgba(8,23,44,.15);
  outline:none;
}
.spanish-practice-row:active{transform:translateY(-1px)}
.spanish-practice-image{
  display:block;
  min-width:0;
  overflow:hidden;
  background:#dfe5ed;
}
.spanish-practice-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:143px;
  object-fit:cover;
  object-position:center;
  transition:transform .25s ease;
}
.spanish-practice-row:hover .spanish-practice-image img,
.spanish-practice-row:focus-visible .spanish-practice-image img{transform:scale(1.035)}
.spanish-practice-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:20px 22px 18px;
  text-align:center;
}
.spanish-practice-title{
  color:#071326;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(17px,1.2vw,22px);
  font-weight:800;
  line-height:1.12;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  max-width:100%;
}
.spanish-practice-link{
  margin-top:20px;
  color:#075cff;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
}
@media (max-width:1100px){
  .spanish-practice-grid{width:92%;gap:18px 24px!important;}
  .spanish-practice-row{grid-template-columns:42% 58%;}
}
@media (max-width:980px){
  .spanish-practice-grid{grid-template-columns:1fr!important;width:min(86%,760px);}
}
@media (max-width:640px){
  .spanish-cases-intro{padding:54px 0 34px!important;}
  .spanish-cases-intro h2{font-size:clamp(42px,12vw,58px)!important;}
  .spanish-practice-areas{padding:14px 0 48px!important;}
  .spanish-practice-areas .container{width:min(100% - 24px,1200px)!important;}
  .spanish-practice-grid{width:100%;gap:12px!important;}
  .spanish-practice-row{
    grid-template-columns:38% 62%;
    min-height:116px;
    border-radius:12px;
  }
  .spanish-practice-image img{
    min-height:116px;
    height:116px;
    object-fit:cover;
    object-position:center;
  }
  .spanish-practice-copy{padding:13px 12px 11px;}
  .spanish-practice-title{
    font-size:clamp(15px,4.2vw,19px)!important;
    line-height:1.1!important;
  }
  .spanish-practice-link{
    margin-top:12px;
    font-size:9px;
    letter-spacing:.08em;
  }
}
@media (max-width:390px){
  .spanish-practice-row{grid-template-columns:39% 61%;min-height:108px;}
  .spanish-practice-image img{height:108px;min-height:108px;}
  .spanish-practice-copy{padding:11px 8px 9px;}
  .spanish-practice-title{font-size:14px!important;}
  .spanish-practice-link{margin-top:9px;font-size:8px;}
}

/* v4.5 production-stable header fit */
@media (min-width:1051px) and (max-width:1540px){
 .approved-header .site-branding{width:150px!important;min-width:150px!important;flex-basis:150px!important;margin-right:18px!important}
 .approved-header .site-branding img{max-width:150px!important;height:88px!important}
 .approved-header .main-nav ul{gap:14px!important}
 .approved-header .main-nav a{font-size:12px!important;letter-spacing:.01em!important}
 .approved-header .header-phone{margin-left:14px!important}
 .approved-header .header-phone a{font-size:14px!important}
 .approved-header .header-consultation{min-width:165px!important;margin-left:12px!important;padding-inline:14px!important;font-size:12px!important}
}
@media (min-width:1051px) and (max-width:1240px){
 .approved-header .site-branding{width:132px!important;min-width:132px!important;flex-basis:132px!important;margin-right:12px!important}
 .approved-header .site-branding img{max-width:132px!important;height:80px!important}
 .approved-header .main-nav ul{gap:10px!important}
 .approved-header .main-nav a{font-size:11px!important}
 .approved-header .header-phone{margin-left:10px!important}
 .approved-header .header-phone a{font-size:13px!important}
 .approved-header .header-consultation{min-width:145px!important;margin-left:9px!important;padding-inline:10px!important;font-size:11px!important}
}


/* v4.5.2 Spanish production refresh: clean head output and approved portrait framing */
body.page-template-page-consulta-gratis .spanish-hero,
body.page-id-0 .spanish-hero,
.spanish-hero {
  min-height: 690px;
  display: flex;
  align-items: center;
  padding: 85px 0 90px !important;
  background-image:
    linear-gradient(90deg, rgba(2, 7, 18, .96) 0%, rgba(4, 14, 31, .86) 48%, rgba(4, 14, 31, .50) 72%, rgba(4, 14, 31, .24) 100%),
    url('assets/images/homepage-portrait.webp') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}
.spanish-hero-inner {
  width: min(100% - 48px, 1200px);
}
.spanish-hero-copy {
  max-width: 760px;
}
@media (max-width: 900px) {
  .spanish-hero {
    min-height: 640px;
    background-position: 58% center !important;
  }
  .spanish-hero-copy { max-width: 650px; }
}
@media (max-width: 760px) {
  .spanish-hero {
    min-height: 610px;
    padding: 62px 0 54px !important;
    background-position: 66% center !important;
    background-image:
      linear-gradient(90deg, rgba(2, 7, 18, .97) 0%, rgba(4, 14, 31, .90) 62%, rgba(4, 14, 31, .66) 100%),
      url('assets/images/homepage-portrait.webp') !important;
  }
}
@media (max-width: 520px) {
  .spanish-hero {
    min-height: 590px;
    background-position: 70% center !important;
  }
}

/* =========================================================
   Tyler Injury Law v4.5.5 — Mobile Homepage Portrait Framing
   Keeps the approved desktop hero unchanged. On phones, the
   portrait is anchored to the right and the copy sits below
   the face so the attorney remains clearly visible.
   ========================================================= */
@media (max-width: 650px) {
  .approved-home-hero {
    min-height: 735px !important;
    align-items: flex-end !important;
    background-color: #02070d !important;
    background-image: url('assets/images/homepage-portrait.webp') !important;
    background-repeat: no-repeat !important;
    background-size: auto 60% !important;
    background-position: calc(100% + 55px) top !important;
  }

  .approved-home-hero-overlay {
    background:
      linear-gradient(180deg,
        rgba(2,7,13,.04) 0%,
        rgba(2,7,13,.08) 27%,
        rgba(2,7,13,.50) 48%,
        rgba(2,7,13,.96) 62%,
        rgba(2,7,13,1) 100%),
      linear-gradient(90deg,
        rgba(2,7,13,.72) 0%,
        rgba(2,7,13,.22) 48%,
        rgba(2,7,13,.02) 100%) !important;
  }

  .approved-home-hero-inner {
    display: flex !important;
    align-items: flex-end !important;
  }

  .approved-home-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    padding: 315px 0 48px !important;
  }

  .approved-home-hero-copy h1 {
    max-width: 560px !important;
    font-size: clamp(41px, 12.3vw, 49px) !important;
    line-height: .98 !important;
  }

  .approved-home-hero-copy p {
    max-width: 520px !important;
  }
}

@media (max-width: 390px) {
  .approved-home-hero {
    min-height: 720px !important;
    background-size: auto 58% !important;
    background-position: calc(100% + 42px) top !important;
  }

  .approved-home-hero-copy {
    padding-top: 300px !important;
  }
}