:root{
  --navy:#0F2438; --navy-2:#173247; --paper:#F3F6F5; --paper-2:#FFFFFF;
  --teal:#2F6E68; --teal-dark:#20504C; --blue:#5C87AD; --ink:#1B2A33; --ink-soft:#4B5D66;
  --line:#DCE3E1; --line-strong:#C3CDCA; --warn-bg:#FBF6E9; --warn-line:#E4D8AE;
  --radius-s:6px; --radius-m:10px;
  --serif:'Newsreader', Georgia, serif; --sans:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --maxw:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{animation-duration:.001ms !important; transition-duration:.001ms !important;} }
body{margin:0; font-family:var(--sans); color:var(--ink); background:var(--paper); line-height:1.6; -webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:var(--serif); color:var(--navy); font-weight:500; margin:0; line-height:1.18; letter-spacing:-0.01em;}
a{color:inherit;} img,svg{max-width:100%; display:block;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
section{padding:72px 0;}
@media (max-width:760px){ section{padding:48px 0;} }
.skip-link{position:absolute; left:-999px; top:0; background:var(--navy); color:#fff; padding:12px 18px; z-index:200; border-radius:0 0 6px 0;}
.skip-link:focus{left:0;}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:3px solid var(--blue); outline-offset:2px;}

header.site-nav{position:sticky; top:0; z-index:100; background:rgba(243,246,245,0.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:var(--maxw); margin:0 auto;}
.logo{font-family:var(--serif); font-size:1.35rem; color:var(--navy); font-weight:600; letter-spacing:-0.01em; text-decoration:none;}
.logo span{color:var(--teal);}
nav.primary-links{display:flex; gap:26px; font-size:0.92rem;}
nav.primary-links a{text-decoration:none; color:var(--ink-soft); border-bottom:2px solid transparent; padding-bottom:2px;}
nav.primary-links a:hover, nav.primary-links a.active{color:var(--navy); border-color:var(--teal);}
.nav-right{display:flex; align-items:center; gap:14px;}
.btn{display:inline-block; padding:11px 20px; border-radius:var(--radius-s); font-size:0.95rem; font-weight:500; text-decoration:none; border:1px solid transparent; cursor:pointer; font-family:var(--sans);}
.btn-primary{background:var(--teal); color:#fff;} .btn-primary:hover{background:var(--teal-dark);}
.btn-outline{background:transparent; color:var(--navy); border:1px solid var(--line-strong);} .btn-outline:hover{border-color:var(--navy);}
.btn-ghost{background:transparent; color:var(--ink-soft); border:1px solid transparent; padding:11px 14px;}
.menu-toggle{display:none; background:none; border:none; cursor:pointer; padding:6px;}
.menu-toggle svg{width:26px; height:26px;}
@media (max-width:920px){ nav.primary-links{display:none;} .nav-right .btn-outline{display:none;} .menu-toggle{display:block;} }
#mobile-drawer{display:none; position:fixed; inset:0; background:var(--navy); z-index:150; padding:28px 24px; color:#fff;}
#mobile-drawer.open{display:flex; flex-direction:column;}
#mobile-drawer a{color:#EAF0EF; text-decoration:none; font-family:var(--serif); font-size:1.4rem; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.14);}
.drawer-close{align-self:flex-end; background:none; border:none; color:#fff; cursor:pointer;}

.breadcrumb{font-size:0.82rem; color:var(--ink-soft); padding:18px 24px 0;}
.breadcrumb a{color:var(--ink-soft); text-decoration:none;} .breadcrumb a:hover{color:var(--teal);}
.bc-sep{opacity:0.5; padding:0 2px;}

.page-hero{padding:44px 0 40px;}
.page-hero .tag{display:inline-block; font-size:0.78rem; color:var(--ink-soft); background:var(--paper-2); border:1px solid var(--line); padding:4px 12px; border-radius:999px; margin-bottom:16px;}
.page-hero h1{font-size:clamp(1.8rem,3.4vw,2.5rem); max-width:20ch;}
.page-hero p.lede{font-size:1.05rem; color:var(--ink-soft); max-width:60ch; margin-top:16px;}

.article-body{max-width:760px;}
.article-body h2{font-size:1.35rem; margin-top:44px; margin-bottom:14px;}
.article-body h2:first-child{margin-top:0;}
.article-body p{color:var(--ink-soft); font-size:1rem; margin:0 0 14px;}
.article-body ul, .article-body ol{color:var(--ink-soft); padding-left:20px; margin:0 0 14px;}
.article-body li{margin-bottom:6px;}
.article-meta{display:flex; flex-wrap:wrap; gap:16px; font-size:0.82rem; color:var(--ink-soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:14px 0; margin:24px 0 8px;}

.inline-cta{background:var(--navy); color:#fff; border-radius:var(--radius-m); padding:28px 30px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin:36px 0;}
.inline-cta h3{color:#fff; font-size:1.15rem;} .inline-cta p{color:#C7D6D3; margin:6px 0 0; font-size:0.92rem;}

.sidebar{display:flex; flex-direction:column; gap:20px;}
.side-card{background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius-m); padding:22px;}
.side-card h4{font-family:var(--sans); font-weight:600; font-size:0.92rem; color:var(--navy); margin:0 0 12px;}
.side-card a{display:block; font-size:0.9rem; color:var(--ink-soft); text-decoration:none; padding:6px 0; border-bottom:1px solid var(--line);}
.side-card a:last-child{border-bottom:none;}
.side-card a:hover{color:var(--teal);}

.two-col{display:grid; grid-template-columns:1fr 300px; gap:48px; align-items:start;}
@media (max-width:900px){ .two-col{grid-template-columns:1fr;} }

.card-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
@media (max-width:920px){ .card-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .card-grid{grid-template-columns:1fr;} }
.card{background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius-m); padding:24px;}
.card h3{font-size:1.06rem; margin-bottom:8px;}
.card p{color:var(--ink-soft); font-size:0.93rem; margin:0 0 14px;}
.card a.card-link{font-size:0.9rem; color:var(--teal); text-decoration:none; font-weight:500;}
.card a.card-link:hover{text-decoration:underline;}
.card .tag{display:inline-block; font-size:0.75rem; color:var(--ink-soft); background:var(--paper); border:1px solid var(--line); padding:3px 10px; border-radius:999px; margin-bottom:12px;}

.section-head{max-width:640px; margin-bottom:36px;}
.section-head h2{font-size:clamp(1.5rem,2.4vw,1.9rem);}
.section-head p{color:var(--ink-soft); margin-top:10px; font-size:1rem;}

table.cost-table, table.data-table{width:100%; border-collapse:collapse; font-size:0.92rem; background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius-m); overflow:hidden;}
table.cost-table th, table.data-table th{text-align:left; background:var(--paper); color:var(--navy); font-family:var(--sans); font-weight:600; padding:14px 16px; border-bottom:1px solid var(--line); font-size:0.85rem;}
table.cost-table td, table.data-table td{padding:14px 16px; border-bottom:1px solid var(--line); color:var(--ink-soft);}
table.cost-table tr:last-child td, table.data-table tr:last-child td{border-bottom:none;}
table.cost-table td.proc{color:var(--ink); font-weight:500;}
.cost-note{background:var(--warn-bg); border:1px solid var(--warn-line); border-radius:var(--radius-s); padding:16px 18px; font-size:0.86rem; color:#5C4E23; margin-top:18px;}
.table-scroll{overflow-x:auto;}

.faq-list .faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%; text-align:left; background:none; border:none; padding:18px 4px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:var(--sans); font-size:0.98rem; font-weight:500; color:var(--navy);}
.faq-q svg{width:18px; height:18px; flex-shrink:0; transition:transform .2s ease; color:var(--teal);}
.faq-item.open .faq-q svg{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}
.faq-a p{margin:0 4px 18px; color:var(--ink-soft); font-size:0.92rem; max-width:68ch;}
.faq-item.open .faq-a{max-height:400px;}

.timeline{position:relative;}
.tl-row{display:grid; grid-template-columns:38px 1fr; gap:18px; padding-bottom:28px; position:relative;}
.tl-row:last-child{padding-bottom:0;}
.tl-row::before{content:""; position:absolute; left:18px; top:34px; bottom:-4px; width:1px; background:var(--line-strong);}
.tl-row:last-child::before{display:none;}
.tl-num{width:36px; height:36px; border-radius:50%; background:var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:0.9rem; z-index:2;}
.tl-body h4{font-family:var(--sans); font-weight:600; font-size:0.96rem; color:var(--navy); margin:0 0 4px;}
.tl-body p{margin:0; color:var(--ink-soft); font-size:0.9rem;}

form.site-form{display:flex; flex-direction:column; gap:16px; max-width:640px;}
form.site-form label{font-size:0.88rem; font-weight:500; color:var(--navy); display:block; margin-bottom:6px;}
form.site-form input, form.site-form select, form.site-form textarea{
  width:100%; padding:11px 14px; border:1px solid var(--line-strong); border-radius:var(--radius-s);
  font-family:var(--sans); font-size:0.95rem; background:#fff; color:var(--ink);
}
form.site-form textarea{min-height:110px; resize:vertical;}
form.site-form .field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:600px){ form.site-form .field-row{grid-template-columns:1fr;} }
form.site-form .consent-row{display:flex; gap:10px; align-items:flex-start; font-size:0.86rem; color:var(--ink-soft);}
form.site-form .consent-row input{width:auto; margin-top:3px;}
.form-note{font-size:0.82rem; color:var(--ink-soft); background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-s); padding:14px 16px;}

.hero-cta-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px;}
.trust-strip{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--paper-2);}
.trust-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px; padding:26px 0;}
@media (max-width:920px){ .trust-grid{grid-template-columns:repeat(2,1fr);} }
.trust-item{font-size:0.9rem; color:var(--ink-soft); display:flex; gap:10px; align-items:flex-start;}
.trust-item svg{flex-shrink:0; width:18px; height:18px; color:var(--teal); margin-top:2px;}

.country-chip-row{display:flex; flex-wrap:wrap; gap:10px;}
.country-chip{border:1px solid var(--line-strong); background:var(--paper-2); padding:10px 18px; border-radius:999px; font-size:0.9rem; text-decoration:none; color:var(--ink);}
.country-chip:hover{border-color:var(--teal); color:var(--teal-dark);}

.final-cta{background:var(--navy); border-radius:var(--radius-m); color:#fff;}
.final-cta-inner{padding:48px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:24px;}
@media (max-width:760px){ .final-cta-inner{padding:32px 22px;} }
.final-cta h2{color:#fff; font-size:1.5rem; max-width:22ch;}

.mri-band{background:var(--teal); color:#fff; border-radius:var(--radius-m);}
.mri-inner{padding:44px; display:grid; grid-template-columns:1.3fr 0.7fr; gap:32px; align-items:center;}
@media (max-width:820px){ .mri-inner{grid-template-columns:1fr; padding:30px 22px;} }
.mri-band h2{color:#fff; font-size:1.5rem;} .mri-band p{color:#DCEFEC; margin-top:10px; max-width:48ch;}
.mri-fine{font-size:0.8rem; color:#BFE0DB; margin-top:14px;}
.mri-band .btn-primary{background:#fff; color:var(--teal-dark);} .mri-band .btn-primary:hover{background:#EFF7F6;}

footer{background:var(--navy-2); color:#C9D5D9; padding:56px 0 30px;}
.footer-grid{display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:30px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,0.12);}
@media (max-width:820px){ .footer-grid{grid-template-columns:1fr 1fr;} }
.footer-grid h5{color:#fff; font-family:var(--sans); font-weight:600; font-size:0.86rem; margin:0 0 12px;}
.footer-grid a{display:block; color:#AEC0C5; text-decoration:none; font-size:0.86rem; padding:4px 0;}
.footer-grid a:hover{color:#fff;}
.footer-brand p{color:#9FB2B8; font-size:0.86rem; max-width:32ch; margin-top:10px;}
.footer-bottom{display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-top:22px; font-size:0.78rem; color:#7F949B;}
.footer-bottom a{color:#9FB2B8; text-decoration:none; margin-right:14px;}

.disclaimer-bar{background:var(--paper-2); border-top:1px solid var(--line); font-size:0.8rem; color:var(--ink-soft); padding:18px 0;}
.disclaimer-bar .wrap{max-width:900px;}

.mobile-sticky{display:none; position:fixed; bottom:0; left:0; right:0; z-index:120; background:#fff; border-top:1px solid var(--line); box-shadow:0 -4px 16px rgba(15,36,56,0.08);}
.mobile-sticky-inner{display:grid; grid-template-columns:1fr 1fr 1fr;}
.mobile-sticky a{display:flex; flex-direction:column; align-items:center; gap:4px; padding:10px 0 14px; text-decoration:none; color:var(--navy); font-size:0.72rem; font-weight:500; border-right:1px solid var(--line);}
.mobile-sticky a:last-child{border-right:none;}
.mobile-sticky a svg{width:20px; height:20px; color:var(--teal);}
@media (max-width:760px){ .mobile-sticky{display:block;} body{padding-bottom:66px;} }

.notfound{text-align:center; padding:120px 24px;}
.notfound h1{font-size:3rem;}

/* Spine-problem finder checklist */
.finder-hint{color:#8CA0AA; font-size:0.82rem; margin:0 0 14px;}
.checklist{display:flex; flex-wrap:wrap; gap:10px;}
.chip{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.22); color:#fff; padding:10px 16px; border-radius:999px; cursor:pointer; font-size:0.92rem; transition:background .15s ease, border-color .15s ease;}
.chip input{width:15px; height:15px; accent-color:var(--teal); cursor:pointer;}
.chip:hover{border-color:rgba(255,255,255,0.5);}
.chip.selected{background:var(--teal); border-color:var(--teal);}
.finder-result{display:none;}
.finder-result.active{display:block;}
#finderSummaryBox p{margin:0 0 8px; color:#DCE7E5; font-size:0.94rem;}
#finderSummaryBox ul{margin:0; padding-left:18px; color:#DCE7E5; font-size:0.92rem;}
#finderSummaryBox li{margin-bottom:4px;}

/* Video section */
.video-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:20px;}
.video-embed-wrap{position:relative; width:100%; aspect-ratio:9/16; max-width:280px; border-radius:var(--radius-m); overflow:hidden; background:#000; box-shadow:0 2px 10px rgba(15,36,56,0.15);}
.video-embed-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}

/* Language switcher */
.lang-switcher{display:flex; gap:4px; align-items:center; font-size:0.78rem; flex-wrap:wrap; max-width:170px;}
.lang-link{padding:5px 8px; border-radius:5px; text-decoration:none; color:var(--ink-soft); border:1px solid transparent;}
.lang-link:hover{border-color:var(--line-strong); color:var(--navy);}
.lang-link.active{background:var(--paper); color:var(--navy); border-color:var(--line-strong); font-weight:600;}
@media (max-width:1080px){ header .lang-switcher{display:none;} }
#mobile-drawer .lang-switcher{max-width:none;}
#mobile-drawer .lang-switcher .lang-link{color:#EAF0EF; border-color:rgba(255,255,255,0.25);}
#mobile-drawer .lang-switcher .lang-link.active{background:rgba(255,255,255,0.12); color:#fff;}
.lang-note{background:var(--warn-bg); border:1px solid var(--warn-line); border-radius:var(--radius-s); padding:14px 18px; font-size:0.88rem; color:#5C4E23; margin:24px 0;}
.lang-link.lang-more{font-weight:600; color:var(--teal);}

/* RTL support (Arabic) */
html[dir="rtl"] body{direction:rtl;}
html[dir="rtl"] .nav-inner, html[dir="rtl"] .hero-cta-row, html[dir="rtl"] .trust-item,
html[dir="rtl"] .why-item, html[dir="rtl"] .mis-point, html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .mobile-sticky-inner, html[dir="rtl"] .tl-row{direction:rtl;}
html[dir="rtl"] .tl-row::before{left:auto; right:18px;}
html[dir="rtl"] .breadcrumb{direction:rtl;}
html[dir="rtl"] .skip-link{left:auto; right:-999px;}
html[dir="rtl"] .skip-link:focus{right:0;}