:root{
  --bg:#ede8df;
  --paper:#f7f3ec;
  --paper2:#eee7dd;
  --ink:#191817;
  --muted:#655f58;
  --line:#cfc5b8;
  --accent:#795d3c;
  --accent-dark:#4d3a28;
  --dark:#20201e;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--site-font);
}
a{color:inherit}
img{display:block}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.topbar .container{display:flex;justify-content:space-between;gap:20px}
.topbar a{text-decoration:none}
.top-left,.top-right{display:flex;gap:18px;align-items:center}

header{
  position:sticky;top:0;z-index:20;
  backdrop-filter:blur(14px);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.logo{
  width:36px;height:36px;border:1px solid var(--accent);
  border-radius:50%;place-items:center;
  font-family:var(--site-font);font-weight:600;color:var(--accent)
}
.brand strong{font-family:var(--site-font);font-size:1.18rem;font-weight:500;letter-spacing:.045em;text-transform:uppercase}
nav{display:flex;align-items:center}
nav a{text-decoration:none;font-weight:500;letter-spacing:.01em}
nav a:hover{color:var(--accent)}
.nav-contact{border:1px solid var(--accent);
  border-radius:3px;font-weight:700
}

.hero{display:flex;align-items:center
}
.eyebrow{
  font-family:var(--site-font);
  font-size:.72rem;text-transform:uppercase;color:var(--accent)
}
h1,h2,h3{font-family:var(--site-font);font-weight:500;color:inherit}
h1{font-size:clamp(3rem,5.4vw,5rem);line-height:.96;margin:14px 0 22px}
h2{font-size:clamp(2rem,3.3vw,3.15rem);line-height:1.01;margin:8px 0 16px}
h3{font-size:1.3rem;line-height:1.14;margin:0 0 8px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{text-decoration:none;
  font-weight:600;font-size:.88rem;letter-spacing:.025em
}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-dark)}
.btn-ghost{border:1px solid rgba(255,255,255,.68);color:#fff}
.section-head{justify-content:space-between}
.section-head p{color:var(--muted)}

.services{display:grid}
.service-card{text-decoration:none;transition:.15s ease
}
.icon{font-size:1.42rem;margin-bottom:14px;color:var(--accent)}
.service-card p{color:var(--muted);margin:0}
.more{display:inline-block;margin-top:14px;font-size:.88rem;font-weight:700;color:var(--accent-dark)}

.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center}
.about-grid img{width:100%}
.copy p{color:#514c46;margin:0 0 15px}

.articles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.article-card{
  display:grid;grid-template-columns:180px 1fr;
  background:#f9f6f0;border:1px solid var(--line);
  text-decoration:none
}
.article-card:hover{border-color:#aa8f70}
.article-card img{width:100%;height:100%}
.article-card p{color:var(--muted);margin:7px 0 0;font-size:.9rem}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr}
.contact-card{background:#f9f6f0;border:1px solid var(--line)}
.contact-item{padding:13px 0;border-bottom:1px solid var(--line)}
.contact-item:last-child{border-bottom:0}
.contact-item strong{display:block;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:#786b5e;margin-bottom:4px}
.mapbox{
  min-height:320px;background:linear-gradient(135deg,#e7dfd3,#d8cdbf);
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:28px;border:1px solid var(--line);text-decoration:none
}
.mapbox .pin{font-size:2rem}

footer{background:#1f1f1d;color:#ddd}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:32px}
footer a{display:block;color:#ccc;text-decoration:none;font-size:.88rem}
footer p{color:#aaa;font-size:.88rem}
.footer-bottom{border-top:1px solid #3b3b39;font-size:.78rem;color:#92918d}

.page-hero{background:#e5ded3;border-bottom:1px solid var(--line)}
.page-hero h1{margin-bottom:14px}
.page-hero p{color:#544d46}
.breadcrumb{font-size:.82rem;color:#7a6e62;margin-bottom:12px}

.content-layout{display:grid;align-items:start}
.sidebar{position:sticky;top:100px;background:#f9f6f0;border:1px solid var(--line);padding:18px}
.sidebar a{display:block;text-decoration:none;padding:8px 0;border-bottom:1px solid #e6ddd1;font-size:.88rem}
.sidebar a:last-child{border-bottom:0}
.article-body{border:1px solid var(--line)}
.article-body ul,.article-body ol{padding-left:21px}
.article-note{margin:24px 0}
.article-cover{width:100%;height:330px;object-fit:cover;margin-bottom:24px}
.meta{font-size:.82rem;color:#807468;margin-bottom:14px}
.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.article-list .article-card{grid-template-columns:155px 1fr}

@media(max-width:900px){
  .top-left{display:none}
  nav a:not(.nav-contact){display:none}
  .services{grid-template-columns:1fr 1fr}
  .about-grid,.contact-grid,.content-layout{grid-template-columns:1fr}
  .sidebar{position:static}
  .articles,.article-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .topbar .container{justify-content:flex-end}
  .top-right{gap:9px;font-size:.73rem}
  .brand strong{font-size:1.02rem}
  .hero{min-height:470px}
  h1{font-size:3.05rem}
  .services{grid-template-columns:1fr}
  .article-card,.article-list .article-card{grid-template-columns:1fr}
  .article-card img{height:185px}
  .about-grid img{height:300px}
  .footer-grid{grid-template-columns:1fr}
  .article-body{padding:22px}
}

.logo{display:none!important}
.wordmark{gap:0}
.wordmark strong{
  font-family:var(--site-font);
  font-weight:500
}
.areas-20{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){.areas-20{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.areas-20{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.areas-20{grid-template-columns:1fr}}

.library-tools{align-items:center;margin:0 0 24px}.library-search{width:100%;border:1px solid var(--line);background:#f9f6f0;font:inherit}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.library-card{display:block;background:#f9f6f0;border:1px solid var(--line);padding:20px;text-decoration:none}.library-card:hover{border-color:#aa8f70;transform:translateY(-1px)}.library-card small{color:#887a6b;display:block;margin-bottom:7px}.library-card p{color:var(--muted);font-size:.9rem;margin:8px 0 0}.badge{display:inline-block;padding:4px 8px;border:1px solid var(--line);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.copy-row{display:flex;justify-content:flex-end}.copy-btn{border:1px solid var(--accent);background:transparent;color:var(--accent-dark);padding:9px 12px;cursor:pointer;font:inherit;font-weight:600}.source-list{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.source-list a{display:block;margin:8px 0;color:var(--accent-dark)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.category-tabs a{padding:8px 11px;border:1px solid var(--line);text-decoration:none;font-size:.82rem;background:#f9f6f0}@media(max-width:950px){.library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.library-grid{grid-template-columns:1fr}.template-box{padding:18px;font-size:.88rem}}
p,li,a,span,small,strong,input,button,textarea{font-family:var(--site-font);}
nav a,.nav-contact,.btn,.more,.badge,.breadcrumb,.meta,.topbar,.eyebrow,.contact-item strong,.footer-bottom{font-family:var(--site-font);}
.page-hero p,.copy p,.section-head p,.service-card p,.article-card p,.contact-card p,.article-body p,.article-body li{line-height:1.72}
.service-card{position:relative;padding-top:20px}
.service-card h3,.service-card h2{margin-top:0}
.mini-icon,.icon-badge{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:#fff;color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.03)}
.mini-icon svg,.icon-badge svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.areas-20 .service-card{min-height:190px}
.template-box{background:#fff;border:1px solid #d8ccbd;margin:22px 0;white-space:pre-line;font-size:.97rem;box-shadow:0 10px 28px rgba(0,0,0,.04)}
.copy-row{margin-top:0;margin-bottom:22px}
.copy-btn{border-radius:3px}
.petition-help{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}
.petition-help .help-card{background:#f7f3ec;border:1px solid var(--line);padding:18px}
.petition-help h3{font-size:1.1rem;margin:0 0 8px}
.petition-help p,.petition-help li{margin:0;color:#4d4740;font-size:.92rem}
.long-copy{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:28px}
.long-copy .copy-card{background:#f9f6f0;border:1px solid var(--line);padding:24px}
.long-copy h3{font-size:1.35rem;margin-bottom:12px}
.long-copy ul{margin:0;padding-left:20px}
@media(max-width:900px){.petition-help,.long-copy{grid-template-columns:1fr}}


/* v12 frontend refinement */
:root{--shadow:0 14px 36px rgba(25,24,23,.07);--shadow-soft:0 8px 22px rgba(25,24,23,.045)}
body{font-size:16.5px}
a,button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar-item{display:inline-flex;align-items:center;gap:7px}.top-icon{width:14px;height:14px;display:inline-flex;flex:0 0 auto}.top-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
header{box-shadow:0 4px 18px rgba(25,24,23,.035)}
nav a{position:relative}nav a.active:not(.nav-contact){color:var(--accent-dark)}nav a.active:not(.nav-contact)::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--accent)}
.menu-toggle{display:none;border:1px solid var(--line);background:transparent;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}.menu-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.hero .actions{margin-top:30px}.btn-outline{border:1px solid var(--accent);color:var(--accent-dark);background:transparent}.btn-outline:hover{background:var(--accent);color:#fff}.section-head p{font-size:1rem}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#ae9475}.service-card h3,.service-card h2{font-size:1.28rem}.icon-badge,.mini-icon{width:40px;height:40px;border-radius:8px;background:#f7f2ea}.icon-badge svg,.mini-icon svg{width:19px;height:19px}
.areas-21{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.areas-21 .service-card{min-height:195px}.areas-21 .service-card p{max-width:33ch}.about-grid img{box-shadow:var(--shadow)}.copy h2{max-width:700px}.copy p{font-size:1rem;line-height:1.8}.text-link{display:inline-block;margin-top:8px;color:var(--accent-dark);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px}
.article-card,.library-card,.contact-card,.article-body,.sidebar{box-shadow:var(--shadow-soft)}.article-card:hover,.library-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.library-tools{display:grid;grid-template-columns:1fr auto;gap:12px}.library-search{border-radius:0;padding:15px 16px}.library-count{min-width:110px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#f9f6f0;color:var(--muted);font-size:.88rem;padding:0 13px}.category-tabs a{border-radius:0}.category-tabs a:hover{border-color:var(--accent);color:var(--accent-dark)}
.related-box{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.related-links>a{background:#f6f1e9;border:1px solid var(--line);padding:17px;text-decoration:none;min-height:112px}.related-links>a:hover{border-color:#aa8f70;transform:translateY(-2px)}.related-links strong{display:block;font-size:1.03rem;margin-bottom:8px}.related-links span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.86rem}.related-links svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;flex:0 0 auto}
.footer-grid-v12{grid-template-columns:1.3fr .9fr .8fr 1fr}.footer-brand p{max-width:390px;line-height:1.65}.footer-contact-line{display:flex;align-items:center;gap:8px}.footer-grid-v12>div>strong{display:block;color:#fff}.footer-grid-v12 p{line-height:1.65;margin-top:8px}
.not-found{min-height:62vh;display:flex;align-items:center;padding:90px 0;background:var(--paper)}.not-found .container{max-width:760px}.not-found h1{font-size:clamp(3rem,6vw,5.5rem)}.not-found p{font-size:1.05rem;color:var(--muted);max-width:650px}

@media(max-width:1050px){.areas-21{grid-template-columns:repeat(2,1fr)}.footer-grid-v12{grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:900px){
  .menu-toggle{display:flex;margin-left:auto}.nav{position:relative;min-height:68px}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{display:block!important;padding:12px 10px;border-bottom:1px solid #e5dccf}.nav nav a:last-child{border-bottom:0}.nav nav a.active::after{display:none}.nav-contact{text-align:center;margin-top:8px}
  .related-links{grid-template-columns:1fr}.footer-grid-v12{grid-template-columns:1fr 1fr}.hero{min-height:520px}.about-grid img{height:390px}
}
@media(max-width:620px){.areas-21{grid-template-columns:1fr}.footer-grid-v12{grid-template-columns:1fr}.library-tools{grid-template-columns:1fr}.library-count{min-height:42px}.hero{min-height:500px;background-position:60% center}.hero-inner{padding:62px 0}.section{padding:64px 0}.about-grid img{height:300px}}


/* v13 visual correction */
.topbar .container{align-items:center!important}
.topbar .top-left,.topbar .top-right{gap:16px!important;align-items:center!important}
.topbar a{color:#3e3933!important}
.service-heading{margin:0 0 9px!important}
.service-heading svg{max-width:17px!important;max-height:17px!important;display:block!important;flex:0 0 17px!important}
.service-heading h3{font-size:1.16rem!important;line-height:1.18!important}
.service-card .icon-badge,.service-card .mini-icon{display:none!important}
.section-soft .service-card>.service-heading{display:none!important}
.top-icon,.top-icon svg{width:13px!important;height:13px!important;max-width:13px!important;max-height:13px!important}
@media(max-width:620px){.topbar{display:none!important}.hero{min-height:470px!important}.service-card{min-height:auto!important}}


/* ===== V14: approved mockup implementation ===== */
:root{
  --v14-cream:#f3ede4;
  --v14-paper:#fbf8f3;
  --v14-gold:#9a6b34;
  --v14-ink:#1c1916;
}

/* thin utility bar: no giant dark empty band */
.topbar{
  background:#f3eee7!important;
  color:#5b5147!important;
  border-bottom:1px solid #ded4c8!important;
  font-size:.75rem!important;
}
.topbar .container{
  min-height:34px!important;
  height:34px!important;
}

/* logo = scale + wordmark */
.brand.wordmark{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
.brand-mark{
  width:34px;
  height:34px;
  color:var(--v14-gold);
  display:inline-flex;
  flex:0 0 auto;
}
.brand-mark svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.wordmark strong{
  font-size:1.24rem!important;
  letter-spacing:.018em!important;
  text-transform:none!important;
}

/* white editorial nav */
header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #ded4c8!important;
}
.nav{min-height:76px!important}
nav{gap:22px!important}
nav a{font-size:.86rem!important}
.nav-contact{
  background:var(--v14-gold)!important;
  color:#fff!important;
  border-color:var(--v14-gold)!important;
  padding:11px 17px!important;
}

/* split hero — text is real HTML, image contains no large embedded site copy */
.hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  color:var(--v14-ink)!important;
}
.hero::after{
  content:"";
  position:absolute;
  z-index:-2;
  top:0;
  right:0;
  height:100%;
  background:url('img/hero-v14.webp') center center/cover no-repeat;
}
.hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(242,234,223,0) 45%,rgba(242,234,223,.32) 56%,rgba(0,0,0,0) 72%);
  pointer-events:none;
}
.hero .container{position:relative;z-index:2}
.hero .eyebrow{
  color:var(--v14-gold)!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
}
.hero h1{
  color:var(--v14-ink)!important;
}
.hero p{
  color:#51483f!important;
  font-size:1.02rem!important;
}
.hero .btn-ghost{
  border:1px solid #9a6b34!important;
  color:#473521!important;
  background:rgba(255,255,255,.25)!important;
}
.hero .btn-primary{
  background:var(--v14-gold)!important;
}

/* practice cards: icon is visible, bronze, and roughly headline height */
.services{
  grid-template-columns:repeat(3,1fr)!important;
  gap:14px!important;
}
.service-card{
  box-shadow:none!important;
  background:#fcfaf7!important;
  border:1px solid #ddd2c5!important;
}
.service-heading{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  margin-bottom:10px!important;
}
.service-heading h3{
  margin:0!important;
}
.service-heading svg{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  stroke:var(--v14-gold)!important;
  fill:none!important;
  stroke-width:1.55!important;
}
.service-card p{
  padding-left:49px;
  font-size:.91rem!important;
}
.service-card .more{
  margin-left:49px;
}

/* full practice-area page icons */
.areas-21 .mini-icon,
.areas-20 .mini-icon{
  display:flex!important;
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  margin:0 0 11px!important;
  color:var(--v14-gold)!important;
}
.areas-21 .mini-icon svg,
.areas-20 .mini-icon svg{
  width:34px!important;
  height:34px!important;
  stroke:var(--v14-gold)!important;
  fill:none!important;
  stroke-width:1.55!important;
}

/* petition cards: no fake giant document icons */
.section-soft .service-card > .service-heading,
#petition-grid .mini-icon,
.dilekce-grid .mini-icon{
  display:none!important;
}
.section-soft .services .service-card p,
.section-soft .services .service-card .more{
  padding-left:0!important;
  margin-left:0!important;
}

/* headings / sections */
.section-white{background:#fff!important}
.section-soft{background:#f1eadf!important}
.section-head .eyebrow{color:var(--v14-gold)!important}

/* cleaner footer rhythm */
footer{padding-top:42px!important}

/* mobile */
@media(max-width:900px){
  .hero{
    min-height:560px!important;
    background:linear-gradient(180deg,#f2eadf 0%,#f2eadf 56%,rgba(242,234,223,.12) 100%)!important;
  }
  .hero::after{
    top:auto;
    bottom:0;
    width:100%;
    height:43%;
    background-position:center;
  }
  .hero::before{display:none}
  .hero-inner{
    width:100%!important;
    max-width:660px!important;
    padding:54px 0 260px!important;
  }
  .services{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  .topbar{display:none!important}
  .wordmark strong{font-size:1.03rem!important}
  .brand-mark{width:29px;height:29px}
  .services{grid-template-columns:1fr!important}
  .service-card p{padding-left:0!important}
  .service-card .more{margin-left:0!important}
  .service-heading{align-items:flex-start!important}
  .service-heading svg{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
}


/* ===== V15: Apple-style system typography ===== */
html,body,
h1,h2,h3,h4,h5,h6,
p,a,span,small,strong,em,
button,input,textarea,select,label,
nav,.topbar,.eyebrow,.breadcrumb,.meta,
.brand strong,.wordmark strong,
.btn,.more,.badge,.contact-item strong,
.article-body,.template-box,.footer-bottom {
  font-family:var(--site-font);
}

h1,h2,h3,h4,h5,h6,
.brand strong,.wordmark strong {
  font-weight:600!important;
  letter-spacing:-0.035em!important;
}

nav a,.btn,.more,.contact-item strong {
  font-weight:500!important;
  letter-spacing:-0.01em!important;
}

.service-card p,
.article-card p,
.copy p,
.page-hero p,
.hero p,
.article-body p,
.article-body li {
  letter-spacing:-0.01em!important;
}


/* ===== V16: single cross-device Apple-like typography ===== */
html,body,
h1,h2,h3,h4,h5,h6,
p,a,span,small,strong,em,b,
button,input,textarea,select,label,
nav,.topbar,.eyebrow,.breadcrumb,.meta,
.brand strong,.wordmark strong,
.btn,.more,.badge,.contact-item strong,
.article-body,.template-box,.footer-bottom,
.service-card,.article-card,.sidebar,.library-card {
  font-family:var(--site-font);
}

body{
  font-weight:400!important;
  letter-spacing:-0.014em!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{
  font-weight:600!important;
  letter-spacing:-0.045em!important;
}

h1{
  letter-spacing:-0.055em!important;
}

.wordmark strong,
.brand strong{
  font-weight:600!important;
  letter-spacing:-0.035em!important;
}

.hero h1{
  font-weight:600!important;
}

.hero p,
.page-hero p,
.copy p,
.service-card p,
.article-card p,
.article-body p,
.article-body li{
  letter-spacing:-0.018em!important;
}

nav a,.btn,.more{
  font-weight:500!important;
  letter-spacing:-0.015em!important;
}

.eyebrow{
  font-weight:600!important;
  letter-spacing:.11em!important;
}

.template-box{
  font-family:var(--site-font);
  letter-spacing:-0.012em!important;
}


/* ===== V17 final hero ===== */
.hero{
  min-height:520px!important;
  background:linear-gradient(90deg,#f2eadf 0%,#f2eadf 49%,rgba(242,234,223,.96) 54%,rgba(242,234,223,0) 68%)!important;
}
.hero::after{
  width:55%!important;
  background-image:url('img/hero-v17.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
}
.hero-inner{
  width:45%!important;
  max-width:560px!important;
  padding:78px 24px 76px 0!important;
}
.hero h1{
  font-size:clamp(2.9rem,4.7vw,4.65rem)!important;
  line-height:1.01!important;
  max-width:540px!important;
  margin:14px 0 22px!important;
}
.hero p{
  max-width:535px!important;
  line-height:1.65!important;
}
@media(max-width:1050px){
  .hero-inner{width:48%!important;max-width:520px!important}
  .hero::after{width:53%!important}
}
@media(max-width:900px){
  .hero-inner{
    width:100%!important;
    max-width:660px!important;
    padding:54px 0 265px!important;
  }
  .hero::after{
    width:100%!important;
    height:43%!important;
  }
}


/* ===== V23 global search + article readability ===== */
.nav-search-btn{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#2b2723;padding:9px 8px;cursor:pointer;font:inherit;font-size:.86rem}.nav-search-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.site-search-overlay{position:fixed;inset:0;z-index:9999;background:rgba(20,17,14,.42);backdrop-filter:blur(5px);display:none;padding:8vh 18px}.site-search-overlay.open{display:block}.search-open{overflow:hidden}.site-search-panel{width:min(760px,100%);max-height:82vh;overflow:auto;margin:0 auto;background:#fbf8f3;border:1px solid #ded3c6;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.18);padding:20px}.site-search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.site-search-head label{font-weight:600;font-size:1.05rem}.site-search-close{border:0;background:transparent;font-size:1.8rem;line-height:1;cursor:pointer;color:#5b5147}.site-search-input{width:100%;height:52px;border:1px solid #cfc3b5;border-radius:12px;background:white;padding:0 16px;font:inherit;font-size:1rem;outline:none}.site-search-input:focus{border-color:#9a6b34;box-shadow:0 0 0 3px rgba(154,107,52,.10)}.site-search-results{display:grid;gap:8px;margin-top:14px}.site-search-result{display:block;padding:13px 14px;border:1px solid #e1d7ca;border-radius:12px;background:#fff;text-decoration:none;color:#1d1916}.site-search-result:hover{border-color:#b9956b;background:#fffdf9}.site-search-type{display:block;color:#9a6b34;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.site-search-result strong{display:block;font-size:.97rem}.site-search-result p{margin:4px 0 0;color:#62594f;font-size:.84rem;line-height:1.4}.site-search-hint{color:#6a6158;text-align:center;padding:22px 8px;margin:0}.article-lead{font-size:1.08rem!important;line-height:1.75!important;color:#39332d!important;margin:4px 0 28px!important}.article-body>h2{margin-top:32px!important}.article-meta{font-size:.8rem;color:#817568;margin-bottom:14px}.article-sources{border-top:1px solid #ddd2c5;padding-top:18px}.article-sources a{color:#7e552b}.page-hero:not(.hero) p:empty{display:none}@media(max-width:900px){.nav-search-btn{width:100%;justify-content:flex-start;padding:12px 0}.site-search-overlay{padding-top:5vh}.site-search-panel{border-radius:14px}}


/* ===== V24: substantial article content ===== */
.article-body{max-width:820px}
.article-body .article-lead{color:#332d27;margin-bottom:30px}
.article-body p{line-height:1.78}
.article-list{margin:12px 0 24px;padding-left:1.35rem}
.article-list li{margin:0 0 10px;line-height:1.72;color:#403a34}
.article-body ol.article-list li{padding-left:.25rem}
.article-note{padding:16px 18px;border-left:3px solid #9a6b34;background:#f5efe7;color:#544b42}
.article-sources{display:flex;flex-direction:column;gap:8px;margin-top:30px;padding:20px;border:1px solid #ded4c8;background:#fbf8f3}
.article-sources strong{margin-bottom:3px}
.article-sources a{font-size:.92rem;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.article-body h2{margin-top:32px}.article-body .article-lead{font-size:1.05rem}}


/* v27 - daha kompakt makale görünümü */
.article-hero h1{
  margin-bottom:0;
}
.library-card h3,.library-card h2{margin-bottom:0}
.article-card .inside{display:flex;flex-direction:column}
@media(max-width:700px){
  .article-hero{padding:24px 0 20px}
  .article-hero h1{font-size:clamp(1.7rem,7.5vw,2.3rem)}
}


/* ===== v28 compact detail pages ===== */
.page-hero{padding:26px 0 20px!important;}
.page-hero h1{font-size:clamp(1.85rem,3.8vw,2.9rem)!important;line-height:1.1!important;margin:10px 0 8px!important;max-width:920px!important;}
.page-hero p{font-size:.95rem!important;max-width:680px!important;margin:0!important;}
.page-hero .eyebrow{margin-bottom:6px!important;}
.page-hero + .section{padding-top:24px!important;}

.article-hero{padding:22px 0 16px!important;}
.article-hero .breadcrumb{margin-bottom:6px!important;}
.article-hero + .section{padding-top:20px!important;}
.content-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:28px!important;}
.article-body{padding:28px 30px!important;}
.article-body>h2:first-child{margin-top:0!important;}
.article-meta{display:none!important;}

.template-box{padding:28px 30px!important;line-height:1.78!important;}
.petition-court{text-align:center;font-weight:700;letter-spacing:.03em;margin:0 0 20px;font-family:var(--site-font);white-space:pre-line;}
.petition-rest{white-space:pre-line;}

@media(max-width:900px){
  .content-layout{grid-template-columns:1fr!important;}
}
@media(max-width:700px){
  .page-hero{padding:22px 0 16px!important;}
  .page-hero h1{font-size:clamp(1.55rem,7.2vw,2.15rem)!important;}
  .article-hero h1{font-size:clamp(1.5rem,7vw,2.05rem)!important;}
  .article-body,.template-box{padding:20px!important;}
}


/* v38 petition category navigation */
.category-more-row{display:flex;justify-content:flex-end;margin:18px 0 8px}
.category-more-row .btn{min-width:150px;text-align:center;text-decoration:none}
.category-page-back{margin:0 0 22px}
.category-page-back a{font-weight:600;text-decoration:none;color:var(--accent-dark)}
.category-page-back a:hover{text-decoration:underline}
.category-page .library-grid{margin-top:6px}
.category-page .section-head{margin-bottom:22px}
.library-card[hidden],[data-category-block][hidden],[data-category-more][hidden]{display:none!important}
@media(max-width:620px){.category-more-row{justify-content:stretch}.category-more-row .btn{width:100%}}


/* ===== v40 architecture, trust and readability ===== */
.article-category-block{margin:0 0 54px}
.article-category-block .section-head.compact{margin:0 0 18px}
.article-category-block .section-head.compact h2{margin-bottom:7px}
.article-category-block .section-head.compact p{max-width:760px;margin:0;color:#62594f;line-height:1.65}
.article-toc{margin:6px 0 30px;padding:18px 20px;border:1px solid #ded4c8;background:#fbf8f3;border-radius:12px}
.article-toc strong{display:block;margin-bottom:9px;font-size:.92rem}
.article-toc ol{margin:0;padding-left:1.2rem;columns:2;column-gap:32px}
.article-toc li{break-inside:avoid;margin:0 0 7px!important;font-size:.88rem;line-height:1.45!important}
.article-toc a{color:#6f4d2c;text-decoration:none}.article-toc a:hover{text-decoration:underline}
.article-byline{margin:0 0 17px}.article-byline a{color:#6f4d2c;font-weight:600;text-decoration:none}
.related-links-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:26px!important}
.related-links-expanded a span,.area-related-links a span{display:block;margin-top:5px;color:#6c635a;font-size:.82rem;line-height:1.4}
.area-related-links{margin-top:34px}
.about-grid img{height:auto;aspect-ratio:430/213;object-fit:cover}
@media(max-width:760px){.article-toc ol{columns:1}.related-links-expanded{grid-template-columns:1fr!important}.article-category-block{margin-bottom:42px}}


/* v40.00006 — photo article category cards */
.article-category-block{margin-bottom:64px}
.article-category-block:last-child{margin-bottom:0}
.article-category-block .section-head.compact{margin-bottom:20px}
.category-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.category-photo-card{grid-template-columns:148px minmax(0,1fr);min-height:120px;background:#f9f6f0}
.category-photo-card img{width:148px;height:100%;min-height:120px}
.category-photo-card .inside{display:flex;align-items:center}
.category-photo-card h3{font-size:1.08rem;line-height:1.15;margin:0}
.category-more-row{margin-top:16px}
.category-page-grid .category-photo-card{min-height:132px}
.category-page-grid .category-photo-card img{min-height:132px}
@media(max-width:850px){
  .category-photo-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .category-photo-card{grid-template-columns:118px minmax(0,1fr);min-height:108px}
  .category-photo-card img{width:118px;min-height:108px}
  .category-photo-card .inside{padding:12px 13px}
  .category-photo-card h3{font-size:.98rem}
}

/* v40.00011 semantic heading normalization */
.library-card h2,.service-card h2{font-family:var(--site-font);font-weight:700;line-height:1.18;}

/* ===== v40.00012 comprehensive mobile pass ===== */
html,body{overflow-x:hidden}
body.menu-open{overflow:hidden}
img{max-width:100%;height:auto}
.template-box,.petition-rest,.petition-court,.article-body,.article-card,.library-card{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:900px){
  .container{width:min(var(--max),calc(100% - 28px))!important}
  header{position:sticky!important;top:0;z-index:50}
  .nav{min-height:64px!important;gap:12px!important}
  .brand.wordmark{min-width:0;flex:1 1 auto}
  .wordmark strong{font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand-mark{width:30px!important;height:30px!important}
  .menu-toggle{width:40px;height:40px;flex:0 0 auto;margin-left:0!important}
  .nav nav{top:64px!important;border-radius:0 0 14px 14px;padding:10px 14px 14px!important;max-height:calc(100vh - 82px);overflow:auto}
  .nav nav a,.nav-search-btn{padding:13px 6px!important;font-size:.95rem!important}
  .nav-contact{margin-top:10px!important}

  .hero{min-height:auto!important}
  .hero::after{height:40%!important;background-position:center top!important}
  .hero-inner{width:100%!important;max-width:none!important;padding:38px 0 220px!important}
  .hero h1{font-size:clamp(2.25rem,10vw,3.2rem)!important;line-height:1.02!important;margin:10px 0 16px!important;max-width:100%!important}
  .hero p{font-size:.98rem!important;line-height:1.6!important;max-width:100%!important}
  .actions{display:grid!important;grid-template-columns:1fr;gap:10px!important;margin-top:22px!important}
  .actions .btn{width:100%;text-align:center}

  .section{padding:52px 0!important}
  .section-head{display:block!important;margin-bottom:22px!important}
  .section-head p{margin-top:8px!important;max-width:none!important}

  .services,.articles,.article-list,.contact-grid,.footer-grid,.footer-grid-v12,.about-grid{grid-template-columns:1fr!important}
  .service-card,.contact-card,.library-card,.article-body,.sidebar,.template-box{padding:18px!important}
  .article-card,.category-photo-card{grid-template-columns:120px minmax(0,1fr)!important;min-height:108px!important}
  .article-card img,.category-photo-card img{width:120px!important;height:100%!important;min-height:108px!important}
  .article-card .inside,.category-photo-card .inside{padding:12px 13px!important}
  .article-card h3,.category-photo-card h3{font-size:1rem!important;line-height:1.18!important}
  .article-card p{font-size:.86rem!important}

  .library-tools{grid-template-columns:1fr!important}
  .category-tabs{overflow:auto;flex-wrap:nowrap!important;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .category-tabs a{white-space:nowrap;flex:0 0 auto}
  .content-layout{grid-template-columns:1fr!important;gap:18px!important}
  .sidebar{position:static!important;top:auto!important;padding:14px!important}
  .sidebar a{padding:10px 0!important}
  .article-body p,.article-body li,.template-box{font-size:.96rem!important;line-height:1.72!important}
  .article-cover{height:220px!important}
  .article-toc{padding:15px 16px!important}
  .article-toc ol{columns:1!important}
  .copy-row{display:block!important}
  .copy-btn{width:100%}
  .category-more-row{justify-content:stretch!important}
  .category-more-row .btn{width:100%;min-width:0!important}
  .mapbox{min-height:240px!important;padding:18px!important}
}

@media(max-width:620px){
  .container{width:calc(100% - 24px)!important}
  .page-hero,.article-hero{padding:18px 0 14px!important}
  .page-hero h1,.article-hero h1{font-size:clamp(1.45rem,7vw,1.95rem)!important;line-height:1.12!important}
  .page-hero p,.article-hero p{font-size:.92rem!important;line-height:1.55!important}

  .hero{background:linear-gradient(180deg,#f2eadf 0%,#f2eadf 60%,rgba(242,234,223,.05) 100%)!important}
  .hero::after{height:35%!important}
  .hero-inner{padding:30px 0 200px!important}
  .hero h1{font-size:clamp(2rem,10.5vw,2.85rem)!important}
  .hero p{font-size:.95rem!important}

  .service-card h2,.service-card h3{font-size:1.08rem!important}
  .service-card p{font-size:.9rem!important}
  .article-card,.category-photo-card{grid-template-columns:108px minmax(0,1fr)!important}
  .article-card img,.category-photo-card img{width:108px!important}
  .article-card p,.library-card p{font-size:.84rem!important}
  .template-box{font-size:.9rem!important;line-height:1.68!important}
  .petition-court{font-size:.96rem!important;line-height:1.55!important}
  .petition-rest{font-size:.9rem!important;line-height:1.68!important}
  .site-search-overlay{padding:2.5vh 12px!important}
  .site-search-panel{padding:16px!important;border-radius:12px!important}
  .footer-brand p,footer p,footer a{font-size:.9rem!important}
}

@media(max-width:380px){
  .wordmark strong{font-size:.92rem!important}
  .hero-inner{padding-bottom:190px!important}
  .article-card,.category-photo-card{grid-template-columns:100px minmax(0,1fr)!important}
  .article-card img,.category-photo-card img{width:100px!important}
}

/* ===== v40.00013 HARD MOBILE RESET ===== */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body{font-size:16px!important}
  main,section,header,footer,.container,.nav,.section-head,.content-layout,.about-grid,.contact-grid,.articles,.services,.library-grid,.article-list{min-width:0!important;max-width:100%!important}
  .container{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important}

  /* mobile header */
  .topbar{display:none!important}
  header{position:sticky!important;top:0!important;z-index:100!important;background:#fff!important;backdrop-filter:none!important}
  .nav{height:62px!important;min-height:62px!important;padding:0!important;display:flex!important;align-items:center!important;gap:10px!important}
  .brand.wordmark{flex:1 1 auto!important;min-width:0!important;gap:8px!important}
  .brand-mark{width:28px!important;height:28px!important;flex:0 0 28px!important}
  .wordmark strong{display:block!important;min-width:0!important;font-size:1rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:-.025em!important}
  .menu-toggle{display:flex!important;width:38px!important;height:38px!important;flex:0 0 38px!important;margin:0!important;border-radius:8px!important}
  .nav nav{position:absolute!important;top:62px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100dvh - 62px)!important;overflow-y:auto!important;background:#fff!important;border:1px solid #ded4c8!important;border-top:0!important;border-radius:0 0 12px 12px!important;padding:8px 14px 14px!important;box-shadow:0 14px 34px rgba(20,17,14,.13)!important}
  .nav nav a,.nav-search-btn{min-height:46px!important;display:flex!important;align-items:center!important;padding:11px 4px!important;border-bottom:1px solid #eee6dc!important;font-size:.95rem!important}
  .nav-contact{justify-content:center!important;margin-top:10px!important;border:0!important;background:#9a6b34!important;color:#fff!important}

  /* homepage hero: no absolute-image overlap on phones */
  .hero{display:block!important;min-height:0!important;height:auto!important;background:#f2eadf!important;color:#1c1916!important;overflow:hidden!important}
  .hero::before{display:none!important}
  .hero .container{position:relative!important;z-index:2!important}
  .hero-inner{width:100%!important;max-width:none!important;padding:30px 0 28px!important}
  .hero .eyebrow{font-size:.68rem!important;line-height:1.35!important;color:#9a6b34!important}
  .hero h1{font-size:clamp(2rem,9.7vw,2.85rem)!important;line-height:1.03!important;letter-spacing:-.05em!important;margin:10px 0 15px!important;max-width:100%!important}
  .hero p{font-size:.96rem!important;line-height:1.58!important;margin:0!important;max-width:100%!important;color:#51483f!important}
  .hero .actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:20px!important}
  .hero .actions .btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:11px 14px!important}
  .hero .btn-ghost{background:transparent!important;color:#473521!important;border-color:#9a6b34!important}
  .hero::after{content:""!important;display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;background:url('img/hero-v17.webp') center 46%/cover no-repeat!important;z-index:0!important}

  /* section rhythm */
  .section{padding:48px 0!important}
  .section-head{display:block!important;margin:0 0 20px!important}
  .section-head h2{font-size:1.7rem!important;line-height:1.1!important;margin:5px 0 8px!important}
  .section-head p{font-size:.94rem!important;line-height:1.58!important;margin:0!important}
  .eyebrow{font-size:.69rem!important}
  .actions{margin-top:18px!important}
  .actions>.btn{max-width:100%!important}

  /* home practice areas and petition cards */
  .services,.areas-20,.areas-21{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
  .service-card{min-height:0!important;padding:17px!important}
  .service-heading{gap:11px!important;margin-bottom:8px!important;align-items:center!important}
  .service-heading svg{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
  .service-heading h3,.service-card>h3{font-size:1.05rem!important;line-height:1.18!important;margin:0 0 6px!important}
  .service-card p{padding-left:0!important;margin:0!important;font-size:.9rem!important;line-height:1.52!important}
  .service-card .more{margin-left:0!important;margin-top:9px!important;font-size:.86rem!important}

  /* about */
  .about-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .about-grid img{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
  .copy h2{font-size:1.7rem!important;line-height:1.12!important}
  .copy p{font-size:.94rem!important;line-height:1.65!important}

  /* article cards: stable thumbnail + title */
  .articles,.article-list,.category-photo-grid,.library-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
  .article-card,.category-photo-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:104px!important;width:100%!important;overflow:hidden!important}
  .article-card img,.category-photo-card img{display:block!important;width:112px!important;height:100%!important;min-height:104px!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
  .article-card .inside,.category-photo-card .inside{min-width:0!important;padding:11px 12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .article-card small{font-size:.7rem!important;line-height:1.2!important;margin-bottom:4px!important}
  .article-card h2,.article-card h3,.category-photo-card h2,.category-photo-card h3{font-size:.98rem!important;line-height:1.18!important;margin:0!important;overflow-wrap:anywhere!important}
  .article-card p{font-size:.84rem!important;line-height:1.45!important}

  /* category navigation/search */
  .library-tools{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .library-search{min-height:46px!important;font-size:16px!important}
  .library-count{min-height:40px!important;min-width:0!important}
  .category-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:7px!important;padding:0 0 6px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .category-tabs::-webkit-scrollbar{display:none!important}
  .category-tabs a{flex:0 0 auto!important;white-space:nowrap!important}
  .category-more-row{justify-content:stretch!important;margin-top:13px!important}
  .category-more-row .btn{width:100%!important;min-width:0!important;text-align:center!important}

  /* detail pages */
  .page-hero,.article-hero{padding:18px 0 14px!important}
  .page-hero h1,.article-hero h1{font-size:clamp(1.5rem,7vw,2rem)!important;line-height:1.12!important;margin:7px 0 6px!important;overflow-wrap:anywhere!important}
  .page-hero p{font-size:.91rem!important;line-height:1.52!important}
  .breadcrumb{font-size:.78rem!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .page-hero + .section,.article-hero + .section{padding-top:18px!important}
  .content-layout{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  .sidebar{position:static!important;top:auto!important;padding:13px 15px!important;max-width:100%!important}
  .article-body{width:100%!important;max-width:100%!important;padding:18px!important}
  .article-body h2{font-size:1.38rem!important;line-height:1.2!important;margin-top:28px!important}
  .article-body h3{font-size:1.12rem!important;line-height:1.25!important}
  .article-body p,.article-body li{font-size:.95rem!important;line-height:1.68!important}
  .article-cover{height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
  .article-toc{padding:14px 15px!important;margin-bottom:20px!important;border-radius:8px!important}
  .article-toc ol{columns:1!important}
  .related-links,.related-links-expanded,.area-related-links{grid-template-columns:1fr!important}

  /* petition body */
  .template-box{width:100%!important;max-width:100%!important;padding:17px!important;font-size:.9rem!important;line-height:1.66!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .petition-court{font-size:.94rem!important;line-height:1.5!important;overflow-wrap:anywhere!important}
  .petition-rest{font-size:.9rem!important;line-height:1.66!important;overflow-wrap:anywhere!important}
  .copy-row{display:block!important;margin-bottom:15px!important}
  .copy-btn{width:100%!important;min-height:44px!important}

  /* generic overflow guards */
  table{display:block!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  pre,code{max-width:100%!important;overflow-x:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
  iframe,video,canvas,svg{max-width:100%}
  input,select,textarea,button{max-width:100%!important}

  /* contact/footer */
  .contact-grid{grid-template-columns:1fr!important;gap:14px!important}
  .contact-card{padding:18px!important}
  .contact-card h2{font-size:1.7rem!important}
  .contact-item{overflow-wrap:anywhere!important}
  .mapbox{min-height:220px!important;padding:18px!important}
  .footer-grid,.footer-grid-v12{grid-template-columns:1fr!important;gap:26px!important}
  footer{padding:34px 0 20px!important}
  footer a,footer p{overflow-wrap:anywhere!important}
}

@media (max-width:520px){
  .container{width:calc(100% - 24px)!important}
  .hero-inner{padding:26px 0 24px!important}
  .hero h1{font-size:clamp(1.95rem,10vw,2.55rem)!important}
  .hero::after{aspect-ratio:4/3!important;background-position:center!important}
  .section{padding:42px 0!important}
  .article-card,.category-photo-card{grid-template-columns:100px minmax(0,1fr)!important;min-height:98px!important}
  .article-card img,.category-photo-card img{width:100px!important;min-height:98px!important}
  .article-card .inside,.category-photo-card .inside{padding:10px!important}
  .article-card h2,.article-card h3,.category-photo-card h2,.category-photo-card h3{font-size:.93rem!important}
  .article-card small{font-size:.66rem!important}
}

@media (max-width:360px){
  .wordmark strong{font-size:.91rem!important}
  .brand-mark{width:25px!important;height:25px!important;flex-basis:25px!important}
  .article-card,.category-photo-card{grid-template-columns:92px minmax(0,1fr)!important}
  .article-card img,.category-photo-card img{width:92px!important}
}

/* ===== v40.00014 DESKTOP + TABLET HARD FIX ===== */

/* desktop foundation */
@media (min-width:1101px){
  .container{width:min(1200px,calc(100% - 56px))!important;margin-left:auto!important;margin-right:auto!important}
  .topbar .container{width:min(1200px,calc(100% - 56px))!important}
  .nav{min-height:76px!important;gap:24px!important}
  nav{gap:20px!important;min-width:0}
  nav a{font-size:.85rem!important;white-space:nowrap}
  .wordmark strong{font-size:1.18rem!important}

  /* true left/right hero split; prevent flex shrink/centering drift */
  .hero{display:block!important;position:relative!important;min-height:540px!important;height:auto!important;overflow:hidden!important;background:#f2eadf!important;color:#1c1916!important}
  .hero::before{display:none!important}
  .hero::after{content:""!important;position:absolute!important;display:block!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:52%!important;height:100%!important;background:url('img/hero-v17.webp') center 48%/cover no-repeat!important;z-index:0!important}
  .hero>.container{position:relative!important;z-index:2!important;width:min(1200px,calc(100% - 56px))!important;margin:0 auto!important;display:block!important;flex:none!important}
  .hero-inner{width:46%!important;max-width:520px!important;margin:0!important;padding:72px 38px 70px 0!important}
  .hero .eyebrow{font-size:.72rem!important;line-height:1.35!important;color:#9a6b34!important}
  .hero h1{font-size:clamp(3.25rem,4.25vw,4.15rem)!important;line-height:.99!important;letter-spacing:-.055em!important;max-width:500px!important;margin:14px 0 20px!important;color:#1c1916!important}
  .hero p{font-size:1rem!important;line-height:1.62!important;max-width:500px!important;margin:0!important;color:#51483f!important}
  .hero .actions{display:flex!important;gap:11px!important;flex-wrap:wrap!important;margin-top:26px!important}
  .hero .actions .btn{width:auto!important;min-height:44px!important;padding:12px 17px!important}

  /* desktop rhythm and equal cards */
  .section{padding:72px 0!important}
  .section-head{margin-bottom:28px!important;gap:40px!important}
  .section-head h2{max-width:650px}
  .section-head p{max-width:600px!important}
  .services{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important}
  .service-card{height:100%!important;min-height:150px!important}
  .articles{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
  .article-card{grid-template-columns:172px minmax(0,1fr)!important;min-height:126px!important;overflow:hidden!important}
  .article-card img{width:172px!important;height:100%!important;min-height:126px!important;object-fit:cover!important}
  .article-card .inside{min-width:0!important;padding:16px 17px!important}
  .article-card h3{font-size:1.08rem!important;line-height:1.18!important;overflow-wrap:anywhere!important}
  .about-grid{grid-template-columns:.9fr 1.1fr!important;gap:52px!important}
  .about-grid img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important}

  /* content pages */
  .content-layout{grid-template-columns:230px minmax(0,860px)!important;gap:30px!important;justify-content:center!important}
  .sidebar{width:100%!important}
  .article-body{width:100%!important;max-width:860px!important;padding:30px 32px!important}
  .template-box{max-width:860px!important;margin-left:0!important;margin-right:0!important}
  .page-hero .container,.article-hero .container{width:min(1200px,calc(100% - 56px))!important}
  .page-hero h1{max-width:980px!important}
  .library-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .category-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-photo-card{grid-template-columns:148px minmax(0,1fr)!important}
  .footer-grid-v12{grid-template-columns:1.25fr .9fr .8fr 1fr!important;gap:34px!important}
}

/* tablet landscape / small laptop */
@media (min-width:901px) and (max-width:1100px){
  .container{width:calc(100% - 36px)!important;margin-left:auto!important;margin-right:auto!important}
  .topbar{display:none!important}
  header{position:sticky!important;top:0!important;z-index:100!important;background:#fff!important;backdrop-filter:none!important}
  .nav{position:relative!important;min-height:66px!important;height:66px!important;gap:12px!important}
  .brand.wordmark{flex:1 1 auto!important;min-width:0!important}
  .wordmark strong{font-size:1.05rem!important;white-space:nowrap!important}
  .brand-mark{width:30px!important;height:30px!important}
  .menu-toggle{display:flex!important;width:40px!important;height:40px!important;flex:0 0 40px!important;margin-left:auto!important;border-radius:8px!important}
  .nav nav{display:none!important;position:absolute!important;top:66px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100dvh - 66px)!important;overflow:auto!important;background:#fff!important;border:1px solid #ded4c8!important;border-top:0!important;border-radius:0 0 12px 12px!important;box-shadow:0 14px 34px rgba(20,17,14,.13)!important;padding:9px 14px 14px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
  .nav nav.open{display:flex!important}
  .nav nav a,.nav-search-btn{display:flex!important;min-height:46px!important;align-items:center!important;padding:11px 5px!important;border-bottom:1px solid #eee6dc!important;font-size:.95rem!important}
  .nav-contact{justify-content:center!important;margin-top:10px!important;color:#fff!important;background:#9a6b34!important}

  .hero{display:block!important;position:relative!important;min-height:500px!important;height:auto!important;overflow:hidden!important;background:#f2eadf!important;color:#1c1916!important}
  .hero::before{display:none!important}
  .hero::after{content:""!important;position:absolute!important;display:block!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:50%!important;height:100%!important;background:url('img/hero-v17.webp') center 48%/cover no-repeat!important;z-index:0!important}
  .hero>.container{position:relative!important;z-index:2!important;width:calc(100% - 36px)!important;margin:0 auto!important;display:block!important;flex:none!important}
  .hero-inner{width:48%!important;max-width:455px!important;margin:0!important;padding:58px 28px 56px 0!important}
  .hero h1{font-size:clamp(2.65rem,5.1vw,3.35rem)!important;line-height:1.01!important;letter-spacing:-.05em!important;max-width:440px!important;margin:12px 0 18px!important}
  .hero p{font-size:.96rem!important;line-height:1.58!important;max-width:430px!important;margin:0!important}
  .hero .actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:22px!important}
  .hero .actions .btn{width:auto!important;min-height:43px!important;padding:11px 14px!important}

  .section{padding:58px 0!important}
  .section-head{margin-bottom:24px!important;gap:24px!important}
  .services,.areas-20,.areas-21{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
  .service-card{min-height:145px!important}
  .articles,.article-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .article-card{grid-template-columns:128px minmax(0,1fr)!important;min-height:114px!important;overflow:hidden!important}
  .article-card img{width:128px!important;height:100%!important;min-height:114px!important;object-fit:cover!important}
  .article-card .inside{padding:12px 13px!important;min-width:0!important}
  .article-card h3{font-size:.98rem!important;line-height:1.17!important;overflow-wrap:anywhere!important}
  .about-grid{grid-template-columns:.9fr 1.1fr!important;gap:32px!important}
  .contact-grid{grid-template-columns:.9fr 1.1fr!important;gap:18px!important}

  .content-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:22px!important}
  .sidebar{position:sticky!important;top:86px!important;padding:15px!important}
  .article-body{max-width:none!important;width:100%!important;padding:24px!important}
  .article-body h2{font-size:1.55rem!important}
  .template-box{padding:22px 24px!important;font-size:.93rem!important}
  .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-photo-card{grid-template-columns:118px minmax(0,1fr)!important}
  .category-photo-card img{width:118px!important}
  .footer-grid-v12{grid-template-columns:1.1fr 1fr!important;gap:26px!important}
}

/* portrait tablets: keep stacked hero, but stop treating them like narrow phones */
@media (min-width:701px) and (max-width:900px){
  .container{width:calc(100% - 32px)!important}
  .hero-inner{padding:34px 0 30px!important}
  .hero h1{font-size:clamp(2.45rem,6.2vw,3.15rem)!important;max-width:720px!important}
  .hero p{font-size:.98rem!important;max-width:760px!important}
  .hero .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero::after{aspect-ratio:16/8.5!important;background-position:center 48%!important}
  .services,.areas-20,.areas-21{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-card{min-height:138px!important}
  .article-card,.category-photo-card{grid-template-columns:124px minmax(0,1fr)!important}
  .article-card img,.category-photo-card img{width:124px!important}
  .section{padding:54px 0!important}
  .footer-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v40.00014 button normalization */
.btn-secondary{border:1px solid var(--accent)!important;color:var(--accent-dark)!important;background:transparent!important;text-decoration:none!important}
.btn-secondary:hover{background:var(--accent)!important;color:#fff!important}

/* ===== v40.00015 header + hero line-break correction ===== */
.keep-together{white-space:nowrap}

/* 901px and above = full navigation, never hamburger */
@media (min-width:901px){
  .menu-toggle{display:none!important}
  .nav{position:relative!important;display:flex!important;align-items:center!important;min-height:68px!important;height:auto!important;gap:14px!important}
  .brand.wordmark{flex:0 1 auto!important;min-width:0!important}
  .brand-mark{width:29px!important;height:29px!important;flex:0 0 29px!important}
  .wordmark strong{font-size:1rem!important;white-space:nowrap!important}
  .nav nav{display:flex!important;position:static!important;inset:auto!important;width:auto!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin-left:auto!important;flex-direction:row!important;align-items:center!important;gap:10px!important}
  .nav nav a{display:inline-flex!important;align-items:center!important;min-height:auto!important;padding:8px 3px!important;border:0!important;font-size:.79rem!important;white-space:nowrap!important}
  .nav-search-btn{display:inline-flex!important;width:auto!important;min-height:auto!important;padding:8px 3px!important;border:0!important;font-size:.79rem!important;white-space:nowrap!important}
  .nav-search-btn span{display:inline!important}
  .nav-contact{margin:0 0 0 2px!important;padding:9px 11px!important;font-size:.78rem!important;justify-content:center!important;color:#fff!important;background:#9a6b34!important;border-color:#9a6b34!important}
}

/* breathing room returns on normal desktop */
@media (min-width:1180px){
  .nav{gap:20px!important}
  .wordmark strong{font-size:1.12rem!important}
  .brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important}
  .nav nav{gap:17px!important}
  .nav nav a,.nav-search-btn{font-size:.84rem!important;padding:9px 4px!important}
  .nav-contact{padding:10px 15px!important;font-size:.84rem!important}
}

/* keep 'Hukuki danışmanlık' together without causing phone overflow */
@media (max-width:700px){
  .hero h1{font-size:clamp(1.86rem,9.1vw,2.42rem)!important;line-height:1.04!important;letter-spacing:-.05em!important}
}
@media (max-width:380px){
  .hero h1{font-size:clamp(1.78rem,8.9vw,2.18rem)!important}
}

/* v40.00015b — guarantee protected hero phrase fits every non-mobile column */
@media (min-width:1101px){
  .hero-inner{max-width:540px!important}
  .hero h1{font-size:clamp(3rem,3.6vw,3.45rem)!important;max-width:520px!important}
}
@media (min-width:901px) and (max-width:1100px){
  .hero h1{font-size:clamp(2.4rem,4vw,2.75rem)!important;max-width:440px!important;line-height:1.03!important}
}

/* ===== v40.00016 content + nav cleanup ===== */
/* Home icon: the only decorative nav icon, matched to the wordmark gold. */
.nav-home{gap:6px!important}
.nav-home-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#9a6b34;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

/* Hero: no redundant eyebrow; deliberate two-line headline. */
.hero-title{margin-top:0!important}

/* Compact writable search that expands in place and never opens a new tab. */
.nav-search{position:relative;display:flex;align-items:center;width:118px;height:38px;border:1px solid #d6ccc0;border-radius:4px;background:#fff;transition:width .18s ease,border-color .18s ease,box-shadow .18s ease;flex:0 0 auto}
.nav-search.focused,.nav-search:focus-within{width:205px;border-color:#ad8456;box-shadow:0 0 0 3px rgba(154,107,52,.08)}
.nav-search-icon{position:absolute;left:10px;width:17px;height:17px;fill:none;stroke:#9a6b34;stroke-width:1.7;stroke-linecap:round;pointer-events:none}
.nav-search-input{width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;padding:0 10px 0 34px!important;font:inherit!important;font-size:.82rem!important;color:#26211d;min-width:0}
.nav-search-input::placeholder{color:#82776b;opacity:1}
.nav-search-results{position:absolute;z-index:300;top:calc(100% + 8px);right:0;width:min(430px,82vw);max-height:430px;overflow:auto;background:#fff;border:1px solid #ddd3c7;border-radius:10px;box-shadow:0 18px 46px rgba(25,20,16,.16);padding:6px}
.nav-search-results[hidden]{display:none!important}
.nav-search-result{display:block!important;padding:10px 11px!important;border:0!important;border-bottom:1px solid #eee6dc!important;text-decoration:none!important;white-space:normal!important;min-height:0!important}
.nav-search-result:last-child{border-bottom:0!important}
.nav-search-result:hover{background:#faf6f0}
.nav-search-result strong{display:block;font-size:.84rem;line-height:1.28;color:#211d19}
.nav-search-result span{display:block;margin-top:2px;font-size:.68rem;color:#8a6844;text-transform:uppercase;letter-spacing:.04em}
.nav-search-empty{margin:0;padding:12px 10px;color:#6d6359;font-size:.82rem}

/* The old placeholder card is replaced by a real embedded map. */
.map-embed{min-height:320px;border:1px solid var(--line);background:#e5ded3;overflow:hidden}
.map-embed iframe{display:block;width:100%;height:100%;min-height:320px;border:0}

@media (min-width:901px) and (max-width:1179px){
  .nav-search{width:96px;height:36px}
  .nav-search.focused,.nav-search:focus-within{width:155px}
  .nav-search-input{font-size:.76rem!important;padding-left:31px!important}
  .nav-search-icon{left:9px;width:15px;height:15px}
}

@media (max-width:900px){
  .nav-home{gap:8px!important}
  .nav-search{width:100%!important;height:44px!important;margin:8px 0 4px!important;border-radius:7px!important}
  .nav-search.focused,.nav-search:focus-within{width:100%!important}
  .nav-search-input{font-size:.95rem!important}
  .nav-search-results{position:static;width:100%;max-height:330px;margin-top:6px;box-shadow:none;border-radius:7px}
  .map-embed,.map-embed iframe{min-height:240px}
}

@media (max-width:520px){
  .hero-title>span{white-space:normal}
  .map-embed,.map-embed iframe{min-height:220px}
}

/* ===== v40.00017 — article/category typography fix ===== */
/* Category pages use h2 inside cards; keep them card-sized instead of inheriting the global h2 clamp. */
.category-photo-card h2,
.category-photo-card h3,
.category-page-grid .category-photo-card h2,
.category-page-grid .category-photo-card h3{
  font-size:1.04rem!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  margin:0!important;
  font-weight:600!important;
}

/* Article pages: compact editorial scale. */
.article-hero h1{
  font-size:clamp(1.75rem,2.7vw,2.35rem)!important;
  line-height:1.1!important;
  max-width:920px!important;
}
.article-body{
  font-size:1rem!important;
}
.article-body .article-lead{
  font-size:1.02rem!important;
  line-height:1.72!important;
}
.article-body h2{
  font-size:1.34rem!important;
  line-height:1.24!important;
  margin-top:30px!important;
  margin-bottom:10px!important;
  letter-spacing:-.03em!important;
}
.article-body h3{
  font-size:1.08rem!important;
  line-height:1.3!important;
  margin-top:22px!important;
  margin-bottom:8px!important;
}
.article-body p,
.article-body li{
  font-size:.96rem!important;
  line-height:1.72!important;
}

@media (max-width:900px){
  .category-photo-card h2,
  .category-photo-card h3,
  .category-page-grid .category-photo-card h2,
  .category-page-grid .category-photo-card h3{
    font-size:.98rem!important;
  }
  .article-hero h1{
    font-size:clamp(1.55rem,6.2vw,1.95rem)!important;
  }
  .article-body h2{font-size:1.25rem!important;}
  .article-body h3{font-size:1.04rem!important;}
  .article-body p,.article-body li{font-size:.94rem!important;}
}

@media (max-width:520px){
  .category-photo-card h2,
  .category-photo-card h3,
  .category-page-grid .category-photo-card h2,
  .category-page-grid .category-photo-card h3{
    font-size:.92rem!important;
    line-height:1.2!important;
  }
  .article-hero h1{
    font-size:clamp(1.42rem,6.6vw,1.75rem)!important;
  }
  .article-body h2{font-size:1.18rem!important;}
  .article-body h3{font-size:1rem!important;}
  .article-body .article-lead,.article-body p,.article-body li{font-size:.93rem!important;}
}


/* ===== v40.00021 full-site audit =====
   Layout rules intentionally unchanged; QA/accessibility fixes are in markup and app.js. */

/* ===== v40.00021 — petition typography + reverted clean nav/search ===== */
/* Home is plain text again; the inline expanding search is no longer used. */
.nav-home-icon,.nav-search{display:none!important}

/* Hero must remain exactly two deliberate lines. */
.hero-title>span{display:block!important;white-space:nowrap!important}
@media (min-width:1180px){
  .hero-inner{max-width:600px!important;width:52%!important}
  .hero h1.hero-title{max-width:600px!important;font-size:clamp(2.85rem,3.45vw,3.3rem)!important}
}
@media (min-width:901px) and (max-width:1179px){
  .hero-inner{max-width:500px!important;width:50%!important}
  .hero h1.hero-title{max-width:500px!important;font-size:clamp(2.1rem,3.55vw,2.48rem)!important}
}
@media (max-width:900px){
  .hero h1.hero-title{font-size:clamp(1.72rem,8.15vw,2.25rem)!important;letter-spacing:-.045em!important}
}
@media (max-width:390px){
  .hero h1.hero-title{font-size:clamp(1.58rem,7.7vw,1.88rem)!important}
}

/* Petition layout: label | : | value. The label is bold; the colon intentionally is not. */
.template-box.petition-formatted{white-space:normal!important}
.petition-formatted .petition-court{margin-bottom:24px!important}
.petition-row{
  display:grid;
  grid-template-columns:minmax(160px,220px) 12px minmax(0,1fr);
  column-gap:7px;
  align-items:start;
  margin:2px 0;
  line-height:1.65;
}
.petition-label{font-weight:700!important;color:inherit}
.petition-colon{font-weight:400!important;text-align:center}
.petition-value{min-width:0;font-weight:400}
.petition-section-row{margin-top:20px;margin-bottom:8px}
.petition-section-row .petition-value:empty{display:block}
.petition-line{white-space:pre-wrap;line-height:1.72;margin:0}
.petition-spacer{height:.8em}
@media (max-width:620px){
  .petition-row{grid-template-columns:minmax(118px,39%) 10px minmax(0,1fr);column-gap:5px;font-size:.88rem;line-height:1.58}
  .petition-section-row{margin-top:16px;margin-bottom:6px}
  .petition-line{font-size:.88rem;line-height:1.66}
  .petition-spacer{height:.65em}
}

/* v40.00021 — petition typography/alignment refinements */
.petition-court-line{font-weight:700}
.petition-court-line.petition-forward-line{
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:0!important;
  margin:2px 0;
}
.petition-numbered-line{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  column-gap:10px;
  align-items:start;
  line-height:1.72;
  margin:3px 0;
}
.petition-number{
  font-weight:700!important;
  text-align:right;
  white-space:nowrap;
}
.petition-number-text{min-width:0;font-weight:400}
@media(max-width:620px){
  .petition-numbered-line{grid-template-columns:28px minmax(0,1fr);column-gap:8px;font-size:.88rem;line-height:1.66}
}

/* v40.00021 — petition ruler/paragraph refinement */
.petition-explanation-line,
.petition-explanation-text{
  display:block;
  width:100%;
  line-height:1.72;
  text-indent:42px;
  margin:0 0 .9em;
}
.petition-explanation-line .petition-number-inline{
  font-weight:700!important;
}
.petition-explanation-spacer{height:.15em!important}
.petition-result-line{
  margin:3px 0;
}
.petition-result-line .petition-number-text{
  min-width:0;
}
@media(max-width:620px){
  .petition-explanation-line,
  .petition-explanation-text{font-size:.88rem;line-height:1.66;text-indent:30px;margin-bottom:.75em}
}

/* ===== v40.00025 — Word-style petition ruler + full justification =====
   NARRATIVE (AÇIKLAMALAR / İSTİNAF-TEMYİZ NEDENLERİ):
   only the first line begins on the ':' content ruler; wrapped lines return to the main left ruler.
   RESULT/REQUEST: intro, numbered items and every wrapped continuation remain on the ':' content ruler.
   Petition prose is justified like Word's "İki Yana Yasla". */
.template-box.petition-formatted{
  --petition-label-width:220px;
  --petition-colon-width:12px;
  --petition-column-gap:7px;
  --petition-content-start:calc(var(--petition-label-width) + var(--petition-colon-width) + var(--petition-column-gap) + var(--petition-column-gap));
}

/* Ordinary value/prose lines: Word-like full justification, last line left. */
.petition-formatted .petition-value,
.petition-formatted .petition-line,
.petition-formatted .petition-number-text,
.petition-formatted .petition-narrative-paragraph,
.petition-formatted .petition-result-line{
  text-align:justify!important;
  text-align-last:left!important;
  text-justify:inter-word;
  word-spacing:normal;
  hyphens:none;
}

/* AÇIKLAMALAR etc.: first line starts exactly at the value column after ':'.
   Because the block itself remains full width, every wrapped line returns to the main left ruler. */
.petition-formatted .petition-narrative-paragraph{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 1em!important;
  padding:0!important;
  line-height:1.78!important;
  text-indent:var(--petition-content-start)!important;
  white-space:normal!important;
}

/* Result heading intro already occupies the value column of the label | : | value grid. */
.petition-formatted .petition-result-heading .petition-value{
  line-height:1.78!important;
}

/* SONUÇ VE İSTEM: the WHOLE block stays on the ':' ruler.
   The FIRST TEXT LETTER sits on that ruler; the item number hangs slightly to the left. */
.petition-formatted .petition-result-line{
  display:block!important;
  grid-template-columns:none!important;
  position:relative!important;
  margin:.28em 0 .28em var(--petition-content-start)!important;
  width:calc(100% - var(--petition-content-start))!important;
  max-width:calc(100% - var(--petition-content-start))!important;
  padding:0!important;
  line-height:1.78!important;
  white-space:normal!important;
}
.petition-formatted .petition-result-line .petition-number{
  position:absolute!important;
  left:-28px!important;
  top:0!important;
  width:22px!important;
  display:block!important;
  font-weight:700!important;
  text-align:right!important;
  margin:0!important;
  white-space:nowrap!important;
}
.petition-formatted .petition-result-line .petition-number-text{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}

/* Non-result numbered rows keep their original grid, but body text is justified. */
.petition-formatted .petition-numbered-line:not(.petition-result-line) .petition-number-text{
  line-height:1.78!important;
}

/* Keep structural headings/signatures natural; never stretch them. */
.petition-formatted .petition-label,
.petition-formatted .petition-colon,
.petition-formatted .petition-court,
.petition-formatted .petition-court-line{
  text-align:initial!important;
  text-align-last:auto!important;
}

@media(max-width:620px){
  .template-box.petition-formatted{
    --petition-label-width:39%;
    --petition-colon-width:10px;
    --petition-column-gap:5px;
    --petition-content-start:calc(var(--petition-label-width) + var(--petition-colon-width) + var(--petition-column-gap) + var(--petition-column-gap));
  }
  .petition-formatted .petition-narrative-paragraph,
  .petition-formatted .petition-result-heading .petition-value,
  .petition-formatted .petition-result-line,
  .petition-formatted .petition-numbered-line:not(.petition-result-line) .petition-number-text{
    font-size:.88rem!important;
    line-height:1.68!important;
  }
  .petition-formatted .petition-narrative-paragraph{margin-bottom:.85em!important}
}

/* ===== v40.00025 — narrative ruler + centered section labels =====
   Narrative sections:
   - the FIRST TEXT LETTER of every paragraph sits on the ':' content ruler;
   - narrative numbers sit slightly to the left of that text ruler;
   - wrapped lines return to the petition's main left ruler.
   Result/request keeps its entire block on the ':' content ruler.
*/

/* Section labels are centered inside the shared label column; the colon keeps
   the same vertical ruler used by every other petition field. */
.petition-formatted .petition-section-row .petition-label{
  text-align:center!important;
  text-align-last:center!important;
}

/* Unnumbered narrative: only first line is indented to the content ruler. */
.petition-formatted .petition-narrative-paragraph:not(.petition-narrative-numbered){
  position:relative!important;
  text-indent:var(--petition-content-start)!important;
}

/* Numbered narrative: the first WORD, not the number, sits on the content ruler.
   The number is taken out of flow and placed two small steps to its left.
   Since the paragraph remains full width, wrapped lines restart at the main left ruler. */
.petition-formatted .petition-narrative-numbered{
  position:relative!important;
  text-indent:var(--petition-content-start)!important;
}
.petition-formatted .petition-narrative-numbered .petition-number-inline{
  position:absolute!important;
  left:calc(var(--petition-content-start) - 30px)!important;
  top:0!important;
  width:24px!important;
  text-align:right!important;
  text-indent:0!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

@media(max-width:620px){
  .petition-formatted .petition-narrative-numbered .petition-number-inline{
    left:calc(var(--petition-content-start) - 25px)!important;
    width:20px!important;
  }
}

@media(max-width:620px){
  .petition-formatted .petition-result-line .petition-number{
    left:-24px!important;
    width:18px!important;
  }
}


/* ===== v40.00025 — desktop Word layout / mobile original plain text ===== */
@media(max-width:767px){
  .template-box.petition-mobile-plain{
    white-space:pre-wrap!important;
    text-align:left!important;
    text-align-last:auto!important;
    word-spacing:normal!important;
    overflow-wrap:anywhere!important;
  }
}


/* ===== v40.00028 — authoritative petition layout overrides =====
   Court heading centered. Every other label starts on the petition's left ruler.
   Signature block sits on the right and is centered within itself.
   Mobile remains compact but keeps semantic bold labels and numbered items. */

/* Court/authority heading only: centered. */
.template-box.petition-formatted .petition-court,
.template-box.petition-formatted .petition-court-line{
  text-align:center!important;
  text-align-last:center!important;
}
.template-box.petition-formatted .petition-forward-line{
  font-weight:400!important;
}

/* All non-court labels begin at the true left ruler; colons remain aligned by the grid. */
.template-box.petition-formatted .petition-label,
.template-box.petition-formatted .petition-section-row .petition-label{
  text-align:left!important;
  text-align-last:left!important;
  justify-self:stretch!important;
  padding-left:0!important;
  margin-left:0!important;
}
.template-box.petition-formatted .petition-row{
  margin-left:0!important;
  padding-left:0!important;
}

/* Right-side signature/date block, centered inside its own half-width area. */
.template-box.petition-formatted .petition-signature{
  width:44%!important;
  margin:24px 0 0 auto!important;
  padding:0!important;
  text-align:center!important;
  text-align-last:center!important;
  line-height:1.65!important;
}
.template-box.petition-formatted .petition-signature-line{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  text-align-last:center!important;
  font-weight:400!important;
}

/* Mobile: compact structured layout, no desktop-only first-line ruler tricks.
   Because the renderer still runs, headings and 1./2./3. stay bold. */
@media(max-width:767px){
  .template-box.petition-formatted.petition-mobile-plain{
    --petition-label-width:min(42%,132px);
    --petition-colon-width:8px;
    --petition-column-gap:4px;
    --petition-content-start:0px;
    white-space:normal!important;
    text-align:left!important;
    text-align-last:auto!important;
    word-spacing:normal!important;
    overflow-wrap:anywhere!important;
  }
  .template-box.petition-mobile-plain .petition-court{
    margin-bottom:18px!important;
    font-size:.92rem!important;
    line-height:1.5!important;
    text-align:center!important;
  }
  .template-box.petition-mobile-plain .petition-row{
    display:grid!important;
    grid-template-columns:minmax(104px,42%) 8px minmax(0,1fr)!important;
    column-gap:4px!important;
    align-items:start!important;
    margin:3px 0!important;
    font-size:.88rem!important;
    line-height:1.58!important;
  }
  .template-box.petition-mobile-plain .petition-label{
    font-weight:700!important;
    text-align:left!important;
  }
  .template-box.petition-mobile-plain .petition-colon{
    font-weight:400!important;
    text-align:center!important;
  }
  .template-box.petition-mobile-plain .petition-section-row{
    margin-top:15px!important;
    margin-bottom:7px!important;
  }
  .template-box.petition-mobile-plain .petition-narrative-paragraph{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 .82em!important;
    padding:0!important;
    text-indent:0!important;
    font-size:.89rem!important;
    line-height:1.67!important;
    text-align:justify!important;
    text-align-last:left!important;
  }
  .template-box.petition-mobile-plain .petition-narrative-numbered{
    padding-left:28px!important;
    box-sizing:border-box!important;
  }
  .template-box.petition-mobile-plain .petition-narrative-numbered .petition-number-inline{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:22px!important;
    text-align:right!important;
    font-weight:700!important;
  }
  .template-box.petition-mobile-plain .petition-result-heading .petition-value{
    font-size:.88rem!important;
    line-height:1.62!important;
    text-align:left!important;
    text-align-last:left!important;
  }
  .template-box.petition-mobile-plain .petition-result-line{
    position:relative!important;
    display:block!important;
    margin:.38em 0 .38em 28px!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    padding:0!important;
    font-size:.89rem!important;
    line-height:1.67!important;
    text-align:justify!important;
    text-align-last:left!important;
  }
  .template-box.petition-mobile-plain .petition-result-line .petition-number{
    position:absolute!important;
    left:-28px!important;
    top:0!important;
    width:22px!important;
    text-align:right!important;
    font-weight:700!important;
  }
  .template-box.petition-mobile-plain .petition-result-line .petition-number-text{
    display:block!important;
    margin:0!important;
  }
  .template-box.petition-mobile-plain .petition-line{
    font-size:.89rem!important;
    line-height:1.67!important;
  }
  .template-box.petition-mobile-plain .petition-signature{
    width:52%!important;
    min-width:150px!important;
    margin:20px 0 0 auto!important;
    font-size:.88rem!important;
    line-height:1.55!important;
  }
}

/* ===== v40.00029 — article detail mini navigation =====
   Keep the article utility menu visually secondary and aligned with the article body. */
.article-hero + .section .content-layout{
  grid-template-columns:184px minmax(0,860px)!important;
  gap:26px!important;
  justify-content:center!important;
  align-items:start!important;
}
.article-hero + .section .sidebar{
  position:sticky!important;
  top:92px!important;
  width:100%!important;
  margin:0!important;
  padding:3px 0 3px 14px!important;
  background:transparent!important;
  border:0!important;
  border-left:2px solid var(--accent)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.article-hero + .section .sidebar strong{
  display:block!important;
  margin:0 0 7px!important;
  color:var(--accent-dark)!important;
  font-size:.76rem!important;
  line-height:1.25!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.article-hero + .section .sidebar a{
  display:block!important;
  margin:0!important;
  padding:7px 0!important;
  border:0!important;
  color:#5b534a!important;
  font-size:.84rem!important;
  line-height:1.3!important;
  text-decoration:none!important;
}
.article-hero + .section .sidebar a:hover{
  color:var(--accent-dark)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

/* On tablets/phones the same menu becomes a compact horizontal strip instead
   of a tall card above the article. */
@media(max-width:900px){
  .article-hero + .section .content-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .article-hero + .section .sidebar{
    position:static!important;
    top:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 5px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .article-hero + .section .sidebar::-webkit-scrollbar{display:none!important}
  .article-hero + .section .sidebar strong{display:none!important}
  .article-hero + .section .sidebar a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:8px 10px!important;
    border:1px solid var(--line)!important;
    background:#f9f6f0!important;
    border-radius:6px!important;
    font-size:.8rem!important;
    line-height:1.2!important;
    text-decoration:none!important;
  }
}

/* ===== v40.00031 — article in-page menu hard fix =====
   Global `nav {display:flex}` must not turn the article TOC into a horizontal flex row. */
.article-body nav.article-toc{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  align-items:initial!important;
  justify-content:initial!important;
  gap:0!important;
  margin:8px 0 30px!important;
  padding:18px 20px!important;
  border:1px solid #ded4c8!important;
  border-radius:12px!important;
  background:#fbf8f3!important;
  overflow:hidden!important;
}
.article-body nav.article-toc > strong{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 10px!important;
  padding:0!important;
  white-space:normal!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-size:.92rem!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}
.article-body nav.article-toc > ol{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:1.35rem!important;
  columns:2!important;
  column-gap:38px!important;
  column-fill:balance!important;
}
.article-body nav.article-toc > ol > li{
  display:list-item!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
  margin:0 0 8px!important;
  padding:0!important;
  font-size:.9rem!important;
  line-height:1.45!important;
}
.article-body nav.article-toc a{
  display:inline!important;
  position:static!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6f4d2c!important;
  font-family:var(--site-font);
  font-size:inherit!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  white-space:normal!important;
  text-decoration:none!important;
}
.article-body nav.article-toc a::after{display:none!important}
.article-body nav.article-toc a:hover{
  color:#4f351f!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
@media(max-width:760px){
  .article-body nav.article-toc{
    margin:6px 0 22px!important;
    padding:14px 15px!important;
    border-radius:8px!important;
  }
  .article-body nav.article-toc > strong{margin-bottom:8px!important}
  .article-body nav.article-toc > ol{
    columns:1!important;
    column-gap:0!important;
    padding-left:1.25rem!important;
  }
  .article-body nav.article-toc > ol > li{
    margin-bottom:7px!important;
    font-size:.88rem!important;
    line-height:1.45!important;
  }
}


/* ===== v40.00037 — legal field alignment hardening ===== */
.template-box.petition-formatted .petition-legal-row{
  display:grid!important;
  grid-template-columns:var(--petition-label-width) var(--petition-colon-width) minmax(0,1fr)!important;
  column-gap:var(--petition-column-gap)!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  padding-left:0!important;
}
.template-box.petition-formatted .petition-legal-row .petition-label,
.template-box.petition-formatted .petition-legal-row .petition-colon,
.template-box.petition-formatted .petition-legal-row .petition-value{
  margin-left:0!important;
  padding-left:0!important;
}
.petition-note{
  margin:-4px 0 18px;
  padding:12px 14px;
  border:1px solid rgba(20,40,60,.14);
  border-radius:8px;
  background:rgba(20,40,60,.035);
  font-size:.92rem;
  line-height:1.6;
}
@media(max-width:767px){
  .template-box.petition-formatted.petition-mobile-plain .petition-legal-row{
    grid-template-columns:minmax(104px,42%) 8px minmax(0,1fr)!important;
    column-gap:4px!important;
  }
}


/* ===== v40.00039 — case number block spacing ===== */
.template-box.petition-formatted .petition-case-spacer{height:1em!important}
@media(max-width:767px){.template-box.petition-formatted .petition-case-spacer{height:.8em!important}}


/* ===== V40.00040: article category heading alignment ===== */
@media (min-width:901px){
  .article-category-block .section-head.compact{
    display:block!important;
    max-width:860px!important;
    margin:0 0 24px!important;
  }
  .article-category-block .section-head.compact h2{
    margin:0 0 9px!important;
    max-width:none!important;
  }
  .article-category-block .section-head.compact p{
    max-width:720px!important;
    margin:0!important;
    line-height:1.62!important;
  }
}

/* v40.00043 — Makale ana sayfasında kategori başına yalnızca ilk 4 kart görünür. */
.article-card[hidden],.category-photo-card[hidden]{display:none!important}

/* ===== v40.045 — restrained visual polish ===== */
:root{
  --polish-line:#d9d0c4;
  --polish-line-strong:#c8b9a7;
  --polish-paper:#fbf8f3;
  --polish-shadow:0 10px 28px rgba(34,28,22,.045);
  --polish-shadow-hover:0 15px 34px rgba(34,28,22,.075);
}

/* Typography: same typeface and palette, cleaner rhythm. */
body{line-height:1.64!important;}
h1,h2,h3{font-kerning:normal;text-rendering:optimizeLegibility;}
h2{letter-spacing:-.022em!important;}
h3{letter-spacing:-.012em;}

/* One spacing rhythm across the public-facing sections. */
.section{padding:74px 0!important;}
.section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,560px)!important;
  align-items:start!important;
  gap:48px!important;
  margin-bottom:30px!important;
}
.section-head>div{min-width:0;}
.section-head h2{margin:5px 0 0!important;line-height:1.04!important;}
.section-head p{margin:3px 0 0!important;max-width:560px!important;line-height:1.68!important;}
.section-head .eyebrow{margin-bottom:4px;}
.article-category-block .section-head.compact{display:block!important;max-width:860px!important;}

/* Cards: quieter borders, tighter hierarchy, subtle lift only. */
.service-card,
.article-card,
.library-card,
.contact-card,
.sidebar,
.article-body{
  border-color:var(--polish-line)!important;
  box-shadow:var(--polish-shadow)!important;
}
.service-card,
.library-card,
.article-card{
  background:var(--polish-paper)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease!important;
}
.service-card{padding:24px!important;min-height:168px!important;}
.service-card h3,.library-card h3,.library-card h2{line-height:1.2!important;}
.service-card p,.library-card p{line-height:1.62!important;}
.service-card:hover,
.library-card:hover,
.article-card:hover{
  border-color:var(--polish-line-strong)!important;
  box-shadow:var(--polish-shadow-hover)!important;
  transform:translateY(-2px)!important;
  background:#fff!important;
}
.more,.text-link{font-weight:600!important;text-underline-offset:3px;}

/* Article cards: consistent photographic crop and calmer metadata. */
.article-card{overflow:hidden!important;min-height:142px!important;}
.article-card img{object-fit:cover!important;object-position:center!important;}
.article-card .inside{padding:18px 19px!important;justify-content:center;}
.article-card small{font-size:.72rem!important;letter-spacing:.035em!important;color:#88796a!important;}
.article-card h3{margin:5px 0 0!important;line-height:1.22!important;}
.category-photo-card{overflow:hidden!important;}
.category-photo-card img{object-fit:cover!important;object-position:center!important;}
.category-photo-card .inside{padding:17px 18px!important;}

/* Page headers and secondary metadata should support, not compete. */
.page-hero{border-bottom-color:var(--polish-line)!important;}
.page-hero .breadcrumb{
  margin-bottom:8px!important;
  color:#807568!important;
  font-size:.76rem!important;
  letter-spacing:.015em!important;
  line-height:1.45!important;
}
.page-hero .breadcrumb a{color:#6f655a;text-decoration:none;}
.page-hero .breadcrumb a:hover{color:var(--accent-dark);text-decoration:underline;text-underline-offset:2px;}
.article-byline{color:#81766b!important;font-size:.79rem!important;margin-bottom:18px!important;}
.article-body{background:#fbf8f3!important;}
.article-body p,.article-body li{color:#45403b!important;}

/* Buttons and utility links: one restrained interaction language. */
.btn{
  min-height:43px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:11px 18px!important;
  border-radius:2px!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.btn:hover{transform:translateY(-1px);}
.btn-primary{box-shadow:0 5px 14px rgba(77,58,40,.11)!important;}
.btn-primary:hover{box-shadow:0 8px 18px rgba(77,58,40,.16)!important;}
.category-more-row .btn{min-height:39px!important;padding:9px 14px!important;}

/* About/contact imagery and panels line up more deliberately. */
.about-grid{gap:52px!important;}
.about-grid img{border:1px solid var(--polish-line);}
.contact-grid{gap:22px!important;align-items:stretch!important;}
.contact-card,.map-embed{border-color:var(--polish-line)!important;}
.contact-card{padding:26px!important;}
.section-soft + .section-soft{border-top:1px solid rgba(121,93,60,.12);}

/* Footer: same charcoal palette, stronger hierarchy and breathing room. */
footer{
  padding:48px 0 24px!important;
  border-top:1px solid rgba(214,191,159,.20);
}
.footer-grid-v12{gap:42px!important;}
.footer-grid-v12>div>strong{
  margin-bottom:15px!important;
  font-size:.94rem!important;
  letter-spacing:.025em;
}
footer a{margin:7px 0!important;line-height:1.45;transition:color .15s ease;}
footer a:hover{color:#fff;}
footer p{line-height:1.65!important;}
.footer-bottom{margin-top:30px!important;padding-top:18px!important;line-height:1.55;}

/* Mobile polish: shorter sections, cleaner cards, more comfortable touch targets. */
@media(max-width:900px){
  .section{padding:54px 0!important;}
  .section-head{
    display:block!important;
    margin-bottom:24px!important;
  }
  .section-head p{margin-top:10px!important;max-width:680px!important;}
  .about-grid{gap:28px!important;}
  .footer-grid-v12{gap:28px!important;}
}
@media(max-width:620px){
  .section{padding:46px 0!important;}
  .section-head{margin-bottom:21px!important;}
  .section-head h2{line-height:1.08!important;}
  .section-head p{font-size:.94rem!important;line-height:1.62!important;}
  .service-card{padding:19px!important;min-height:0!important;}
  .article-card{min-height:0!important;}
  .article-card img{height:176px!important;}
  .article-card .inside{padding:16px 17px!important;}
  .category-photo-grid{grid-template-columns:1fr!important;}
  .category-photo-card{grid-template-columns:118px minmax(0,1fr)!important;min-height:106px!important;}
  .category-photo-card img{width:118px!important;min-height:106px!important;height:100%!important;}
  .category-photo-card .inside{padding:14px 15px!important;}
  .contact-card{padding:21px!important;}
  footer{padding-top:38px!important;}
  .footer-bottom{margin-top:24px!important;}
}
/* Petition library category headers have no explanatory second column. */
[data-category-block] > .section-head{
  display:block!important;
  max-width:none!important;
  margin-bottom:22px!important;
}

/* ===== v40.053 consolidated homepage hero =====
   Consolidates the final effective v40.045-v40.050 hero rules without changing
   the selected desktop/mobile artwork or typography family. */
@media (min-width:901px){
  .hero{position:relative!important;display:flex!important;align-items:center!important;min-height:clamp(620px,46.875vw,900px)!important;height:auto!important;overflow:hidden!important;background-color:#f2eadf!important;background-image:url('img/hero-home-desktop-v40045.webp')!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;color:#1c1916!important}
  .hero::before,.hero::after{display:none!important;content:none!important}
  .hero>.container{position:relative!important;z-index:2!important;width:min(1200px,calc(100% - 56px))!important;margin:0 auto!important}
  .hero-inner{width:49%!important;max-width:590px!important;margin:0!important;padding:82px 34px 86px 0!important}
  .hero h1.hero-title{max-width:590px!important;margin:0 0 20px!important;color:#1c1916!important;text-shadow:0 1px 0 rgba(255,255,255,.18)!important}
  .hero p{max-width:535px!important;color:#443d36!important;text-shadow:0 1px 0 rgba(255,255,255,.12)!important}
}
@media (max-width:900px){
  .hero{position:relative!important;display:block!important;min-height:580px!important;height:auto!important;overflow:hidden!important;background-color:#f2eadf!important;background-image:url('img/hero-home-mobile-v40046.webp')!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;color:#1c1916!important}
  .hero::before,.hero::after{display:none!important;content:none!important}
  .hero>.container{position:relative!important;z-index:2!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 18px!important;display:block!important;justify-content:center!important}
  .hero-inner{width:min(100%,430px)!important;max-width:430px!important;margin:0 auto!important;padding:54px 0 182px!important;text-align:center!important}
  .hero h1.hero-title{width:100%!important;max-width:none!important;margin:0 auto 13px!important;color:#1c1916!important;text-shadow:0 1px 0 rgba(255,255,255,.22)!important;text-align:center!important}
  .hero h1.hero-title>span{display:block!important;white-space:nowrap!important;text-align:center!important}
  .hero p{width:min(100%,360px)!important;max-width:360px!important;margin:0 auto!important;color:#443d36!important;text-shadow:0 1px 0 rgba(255,255,255,.15)!important;text-align:center!important}
  .hero .actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:16px auto 0!important}
  .hero .actions .btn{width:auto!important;min-width:145px!important;min-height:44px!important;padding:11px 15px!important}
  .hero .actions .btn-ghost{display:none!important}
  .hero .actions .btn-primary{flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0 auto!important}
}
@media (max-width:520px){
  .hero{min-height:565px!important;background-position:center center!important}
  .hero>.container{width:100%!important;padding:0 14px!important}
  .hero-inner{width:min(100%,360px)!important;max-width:360px!important;padding:48px 0 172px!important}
  .hero h1.hero-title{font-size:clamp(1.5rem,7.35vw,1.86rem)!important;line-height:1.05!important;letter-spacing:-.045em!important}
  .hero p{width:min(100%,330px)!important;max-width:330px!important;font-size:.9rem!important;line-height:1.48!important}
  .hero .actions{gap:8px!important;margin:16px auto 0!important}
  .hero .actions .btn{font-size:.87rem!important;min-width:132px!important;min-height:42px!important;padding:10px 12px!important}
  .hero .actions .btn-primary{font-size:.88rem!important;min-width:0!important;min-height:42px!important;padding:10px 15px!important}
}
@media (max-width:390px){
  .hero{min-height:550px!important}
  .hero-inner{width:min(100%,340px)!important;max-width:340px!important;padding:44px 0 164px!important}
  .hero h1.hero-title{font-size:clamp(1.42rem,7.15vw,1.67rem)!important}
  .hero p{width:min(100%,305px)!important;max-width:305px!important;font-size:.87rem!important}
  .hero .actions .btn{min-width:0!important;flex:1 1 135px!important}
  .hero .actions .btn-primary{flex:0 0 auto!important}
}

/* Hide legacy contact topbar without modifying header markup. */
.topbar{display:none!important}

/* ===== v40.055 homepage hero alignment =====
   Keep the desktop content block in its existing left-side position while
   centering the heading, description and CTA row within that block. */
@media (min-width:901px){
  .hero-inner{text-align:center!important}
  .hero h1.hero-title{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .hero h1.hero-title>span{text-align:center!important}
  .hero p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .hero .actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}
}

/* v40.062 multilingual navigation + cross-border callout */
.lang-switch{display:inline-flex;align-items:center;gap:5px;margin-left:5px;padding-left:9px;border-left:1px solid #d8cec2;white-space:nowrap;font-family:var(--site-font);font-size:.72rem;line-height:1}
.lang-switch a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;padding:5px 2px!important;border:0!important;color:#6e6257!important;text-decoration:none!important}
.lang-switch a[aria-current="page"]{color:#9a6b34!important;font-weight:700}
.lang-switch .sep{color:#c4b8aa}
.cross-border-block{margin-top:30px;padding:28px 30px;border:1px solid #d8cec2;background:#faf7f2;border-radius:12px}
.cross-border-block h2,.cross-border-block h3{margin-top:0}
.cross-border-block p:last-child{margin-bottom:0}
@media(max-width:900px){.lang-switch{margin:10px 0 0;padding:9px 4px 0;border-left:0;border-top:1px solid #e8e0d6;width:100%;justify-content:center}.lang-switch a{min-height:34px!important;padding:6px 10px!important}.lang-switch .sep{display:inline}}
@media(max-width:700px){.cross-border-block{padding:22px 20px}}


/* v40.066 — translated layout and German hero line control */
.nav{position:relative!important;}
.nav>nav{order:2;}
html[lang="de"] .hero-title-de span{display:block;}
html[lang="de"] .hero-title-de span:last-child{white-space:nowrap;}


/* Translated legal copy is intentionally a little wider than Turkish labels. */
html[lang="en"] .service-heading,html[lang="de"] .service-heading{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 9px!important;}
html[lang="en"] .service-heading svg,html[lang="de"] .service-heading svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex:0 0 20px!important;margin-top:1px;}
html[lang="en"] .service-heading h2,html[lang="en"] .service-heading h3,html[lang="de"] .service-heading h2,html[lang="de"] .service-heading h3{margin:0!important;line-height:1.19!important;}
html[lang="en"] .service-card p,html[lang="de"] .service-card p{margin-top:8px!important;}
html[lang="en"] .cross-border-block,html[lang="de"] .cross-border-block{max-width:980px;}
html[lang="en"] .cross-border-block h2,html[lang="de"] .cross-border-block h2{max-width:850px;line-height:1.12;}
html[lang="en"] .page-hero p,html[lang="de"] .page-hero p{max-width:820px;}
html[lang="en"] footer .footer-grid-v12>div,html[lang="de"] footer .footer-grid-v12>div{min-width:0;}
html[lang="en"] footer a,html[lang="de"] footer a{overflow-wrap:anywhere;}

@media(min-width:901px){
  .nav>nav{margin-left:auto!important;}
    html[lang="en"] .hero-inner,html[lang="de"] .hero-inner{width:54%!important;max-width:640px!important;}
  html[lang="en"] .hero-title,html[lang="de"] .hero-title{font-size:clamp(2rem,3.1vw,3.25rem)!important;line-height:1.02!important;}
  html[lang="en"] .hero-inner>p,html[lang="de"] .hero-inner>p{max-width:590px;}
}
@media(max-width:900px){
  .nav>.brand{order:1;min-width:0;}
    .menu-toggle{order:3!important;margin-left:0!important;}
  .nav>nav{order:4;}
      html[lang="en"] .hero-inner,html[lang="de"] .hero-inner{width:min(100%,430px)!important;max-width:430px!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  html[lang="en"] .hero-title,html[lang="de"] .hero-title{font-size:clamp(1.75rem,7.2vw,2.35rem)!important;line-height:1.06!important;}
  html[lang="en"] .hero-inner>p,html[lang="de"] .hero-inner>p{max-width:400px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
  html[lang="en"] .hero .actions,html[lang="de"] .hero .actions{justify-content:center!important;}
}
@media(max-width:380px){
      .nav{gap:7px!important;}
  .nav>.brand strong{font-size:.9rem!important;}
}


/* ===== v40.068 language selector =====
   Closed state: text only, no flag.
   Open menu: flat 3:2 flags with language names.
   Desktop: far right of navigation. Mobile: immediately left of hamburger. */
.language-picker{
  position:relative!important;
  order:3!important;
  flex:0 0 auto!important;
  margin:0!important;
  font-family:var(--site-font);
  z-index:1200;
}
.language-picker>summary{
  list-style:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:7px 9px!important;
  border:0!important;
  background:transparent!important;
  color:#4d443c!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  font-size:.79rem!important;
  line-height:1!important;
  user-select:none;
}
.language-picker>summary::-webkit-details-marker{display:none!important}
.language-picker>summary::marker{display:none!important;content:""}
.language-picker>summary svg{width:10px!important;height:7px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .16s ease}
.language-picker[open]>summary svg{transform:rotate(180deg)}
.language-picker .lang-current-code{display:none}
.language-menu{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  min-width:0!important;
  padding:4px!important;
  background:#fff!important;
  border:1px solid #ddd3c7!important;
  border-radius:8px!important;
  box-shadow:0 10px 24px rgba(24,20,16,.14)!important;
  z-index:1400!important;
}
.language-menu a{
  display:grid!important;
  grid-template-columns:18px auto!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:6px!important;
  color:#352f29!important;
  text-decoration:none!important;
  font-size:.84rem!important;
  white-space:nowrap!important;
}
.language-menu a:hover{background:#faf6f0!important}
.language-menu a.active{background:#f7f1e9!important;color:#8a5d2e!important}
.lang-option-flag{
  display:block!important;
  width:18px!important;
  height:12px!important;
  object-fit:cover!important;
  border:1px solid rgba(0,0,0,.12)!important;
  border-radius:1px!important;
}

@media(min-width:901px){
  .nav>.brand{order:1!important}
  .nav>nav{order:2!important;margin-left:auto!important}
  .language-picker{order:3!important;margin-left:3px!important}
  .menu-toggle{order:4!important}
}

@media(max-width:900px){
  .nav>.brand{order:1!important;flex:1 1 auto!important;min-width:0!important}
  .language-picker{order:2!important;margin-left:auto!important}
  .menu-toggle{order:3!important;margin-left:0!important}
  .nav>nav{order:4!important}
  .language-picker>summary{
    min-width:38px!important;
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    gap:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-family:var(--site-font);
    font-size:.72rem!important;
    font-weight:600!important;
    letter-spacing:.035em!important;
  }
  .language-picker .lang-current-name{display:none!important}
  .language-picker .lang-current-code{display:inline!important}
  .language-picker>summary svg{width:8px!important;height:6px!important}
  .language-menu{top:calc(100% + 8px)!important;left:auto!important;right:0!important;transform:none!important;width:auto!important;min-width:166px!important}
}

/* ===== v40.077 wordmark optical alignment ===== */
.brand.wordmark{
  align-items:center!important;
}
.brand.wordmark .brand-mark{
  align-self:center!important;
  transform:translateY(-1px)!important;
}
.brand.wordmark strong{
  align-self:center!important;
  line-height:1!important;
}




/* ===== v40.080 authoritative cross-platform typography ===== */
:root{
  --site-font:InterVariable,Inter,sans-serif;
}
html{
  font-family:var(--site-font);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body,
button,input,textarea,select,
h1,h2,h3,h4,h5,h6,
p,a,span,small,strong,em,b,label,
nav,.topbar,.eyebrow,.breadcrumb,.meta,
.brand,.brand strong,.wordmark,.wordmark strong,
.btn,.more,.badge,.contact-item strong,
.article-body,.template-box,.footer-bottom,
.service-card,.article-card,.sidebar,.library-card,
.language-picker,.language-picker>summary,.language-menu,
.petition-court{
  font-family:var(--site-font)!important;
}
body{
  font-weight:400!important;
  letter-spacing:-0.011em;
  font-optical-sizing:auto;
}
nav a,.btn,.more,.badge,.language-picker>summary{
  font-weight:500!important;
  letter-spacing:-0.008em;
}
h1,h2,h3,h4,h5,h6{
  font-weight:600!important;
  letter-spacing:-0.026em;
  font-optical-sizing:auto;
}
.brand strong,.wordmark strong{
  font-weight:500!important;
  letter-spacing:-0.018em!important;
  text-transform:none!important;
}

/* ===== v40.082 premium audit — authoritative visual polish ===== */
:root{
  --premium-bg:#f6f2ec;
  --premium-paper:#fffdfa;
  --premium-soft:#f3ede5;
  --premium-ink:#1b1917;
  --premium-muted:#6a6259;
  --premium-accent:#93683a;
  --premium-accent-dark:#654624;
  --premium-line:#ded5ca;
  --premium-line-strong:#cabaa7;
  --premium-shadow:0 8px 28px rgba(35,29,23,.055);
  --premium-shadow-hover:0 15px 38px rgba(35,29,23,.085);
  --premium-radius:12px;
}

html{background:var(--premium-bg)!important;}
body{
  background:var(--premium-bg)!important;
  color:var(--premium-ink)!important;
  line-height:1.62!important;
  font-feature-settings:"kern" 1,"liga" 1;
}
.container{width:min(1180px,calc(100% - 48px))!important;}
::selection{background:rgba(147,104,58,.17);color:var(--premium-ink);}

/* Header: quiet, architectural, and consistent. */
header{
  background:rgba(255,253,250,.95)!important;
  border-bottom:1px solid rgba(117,96,73,.16)!important;
  box-shadow:0 1px 10px rgba(35,29,23,.025)!important;
  backdrop-filter:saturate(145%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(145%) blur(18px)!important;
}
.nav{min-height:72px!important;gap:18px!important;}
.brand.wordmark{gap:10px!important;}
.brand.wordmark .brand-mark{width:31px!important;height:31px!important;flex-basis:31px!important;}
.brand.wordmark strong{
  font-size:1.14rem!important;
  font-weight:500!important;
  letter-spacing:-.018em!important;
  color:#1e1b18!important;
}
nav{gap:19px!important;}
nav a{
  font-size:.855rem!important;
  font-weight:500!important;
  color:#3a342e!important;
  transition:color .16s ease,opacity .16s ease!important;
}
nav a:hover{color:var(--premium-accent-dark)!important;}
nav a.active:not(.nav-contact)::after{bottom:-9px!important;background:var(--premium-accent)!important;}
.nav-contact{
  min-height:40px!important;
  padding:10px 16px!important;
  border-radius:8px!important;
  background:var(--premium-accent)!important;
  border-color:var(--premium-accent)!important;
  box-shadow:0 5px 14px rgba(101,70,36,.10)!important;
  color:#fff!important;
}
.nav-contact:hover{background:var(--premium-accent-dark)!important;color:#fff!important;}
.language-picker>summary{color:#50483f!important;font-weight:500!important;}
.language-menu{
  border-color:var(--premium-line)!important;
  border-radius:10px!important;
  box-shadow:0 14px 32px rgba(35,29,23,.12)!important;
}
.language-menu a{border-radius:7px!important;}
.language-menu a.active{background:#f5eee5!important;color:var(--premium-accent-dark)!important;}

/* Typography: less oversized, more editorial. */
h1,h2,h3,h4,h5,h6{color:var(--premium-ink)!important;}
.section-head h2,
.copy h2,
.contact-card h2{
  font-size:clamp(1.95rem,2.75vw,2.72rem)!important;
  line-height:1.06!important;
  letter-spacing:-.038em!important;
}
.section-head p,.copy p,.page-hero p{color:var(--premium-muted)!important;}
.eyebrow{
  color:var(--premium-accent)!important;
  font-size:.7rem!important;
  font-weight:600!important;
  letter-spacing:.105em!important;
}

/* Hero: preserve selected artwork, refine typography and controls only. */
.hero h1.hero-title{
  font-weight:580!important;
  letter-spacing:-.048em!important;
  line-height:1.015!important;
}
.hero p{color:#51483f!important;line-height:1.62!important;}
.hero .actions{gap:10px!important;}
.btn{
  min-height:44px!important;
  padding:11px 18px!important;
  border-radius:8px!important;
  font-weight:500!important;
  letter-spacing:-.008em!important;
  box-shadow:none!important;
}
.btn-primary{
  background:var(--premium-accent)!important;
  border:1px solid var(--premium-accent)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(101,70,36,.105)!important;
}
.btn-primary:hover{
  background:var(--premium-accent-dark)!important;
  border-color:var(--premium-accent-dark)!important;
  box-shadow:0 9px 20px rgba(101,70,36,.14)!important;
}
.hero .btn-ghost{
  border-color:rgba(101,70,36,.42)!important;
  color:#4d3925!important;
  background:rgba(255,253,250,.48)!important;
  backdrop-filter:blur(5px);
}

/* Sections and hierarchy. */
.section{padding:78px 0!important;}
.section-white{background:var(--premium-paper)!important;}
.section-soft{background:var(--premium-soft)!important;}
.section-head{
  grid-template-columns:minmax(0,1fr) minmax(300px,520px)!important;
  gap:64px!important;
  margin-bottom:32px!important;
}
.section-head p{line-height:1.68!important;}
.actions{margin-top:28px!important;}

/* Practice / petition / library cards. */
.service-card,
.library-card,
.copy-card,
.contact-card,
.sidebar,
.article-body{
  border:1px solid var(--premium-line)!important;
  border-radius:var(--premium-radius)!important;
  background:var(--premium-paper)!important;
  box-shadow:0 1px 0 rgba(35,29,23,.02),var(--premium-shadow)!important;
}
.service-card,.library-card,.article-card,.copy-card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
.service-card{padding:23px!important;min-height:158px!important;}
.service-card:hover,.library-card:hover,.article-card:hover,.copy-card:hover{
  transform:translateY(-2px)!important;
  border-color:var(--premium-line-strong)!important;
  box-shadow:var(--premium-shadow-hover)!important;
  background:#fff!important;
}
.service-heading{gap:13px!important;margin-bottom:11px!important;align-items:center!important;}
.service-heading svg{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  stroke:var(--premium-accent)!important;
}
.service-heading h2,.service-heading h3,.service-card h2,.service-card h3{
  font-size:1.12rem!important;
  font-weight:600!important;
  line-height:1.22!important;
  letter-spacing:-.024em!important;
}
.service-card p{padding-left:43px!important;color:var(--premium-muted)!important;font-size:.91rem!important;line-height:1.62!important;}
.service-card .more{margin-left:43px!important;color:var(--premium-accent-dark)!important;font-size:.84rem!important;}
.home-petitions .service-card p,
.home-petitions .service-card .more,
#petition-grid .service-card p,
#petition-grid .service-card .more,
.dilekce-grid .service-card p,
.dilekce-grid .service-card .more{padding-left:0!important;margin-left:0!important;}
.long-copy{gap:20px!important;}
.long-copy .copy-card{padding:27px!important;}
.long-copy .copy-card h3{font-size:1.22rem!important;line-height:1.2!important;}
.long-copy .copy-card p{color:var(--premium-muted)!important;line-height:1.7!important;}

/* About: let the image feel intentional rather than like a card thumbnail. */
.about-grid{grid-template-columns:.92fr 1.08fr!important;gap:64px!important;}
.about-grid img{
  width:100%!important;
  aspect-ratio:2/1!important;
  height:auto!important;
  object-fit:cover!important;
  border:1px solid var(--premium-line)!important;
  border-radius:14px!important;
  box-shadow:0 18px 42px rgba(35,29,23,.075)!important;
}
.copy p{font-size:1rem!important;line-height:1.76!important;max-width:68ch;}
.text-link{
  color:var(--premium-accent-dark)!important;
  border-bottom-color:rgba(147,104,58,.48)!important;
  font-weight:500!important;
}

/* Article cards: one visual system on homepage and Makaleler. */
.article-card,.category-photo-card{
  border:1px solid var(--premium-line)!important;
  border-radius:12px!important;
  background:var(--premium-paper)!important;
  box-shadow:0 1px 0 rgba(35,29,23,.02),var(--premium-shadow)!important;
  overflow:hidden!important;
}
.article-card .inside,.category-photo-card .inside{padding:18px 19px!important;}
.article-card h3,.category-photo-card h3{
  font-size:1.02rem!important;
  font-weight:600!important;
  line-height:1.24!important;
  letter-spacing:-.024em!important;
}
.article-card img,.category-photo-card img{object-fit:cover!important;object-position:center!important;}
@media(min-width:901px){
  .article-card.category-photo-card{
    grid-template-columns:176px minmax(0,1fr)!important;
    min-height:132px!important;
  }
  .article-card.category-photo-card img{width:176px!important;height:100%!important;min-height:132px!important;}
}

/* Contact and map. */
.home-contact{border-top:1px solid rgba(147,104,58,.10)!important;}
.contact-grid{gap:24px!important;align-items:stretch!important;}
.contact-card{padding:28px!important;}
.contact-card h2{margin-top:0!important;}
.contact-item{padding:14px 0!important;border-color:var(--premium-line)!important;}
.contact-item strong{color:#7b6b5c!important;font-size:.72rem!important;letter-spacing:.075em!important;}
.contact-card a:not(.btn):not(.text-link){text-decoration:none;}
.map-embed{
  border:1px solid var(--premium-line)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#e8e0d6!important;
  min-height:350px!important;
  box-shadow:var(--premium-shadow)!important;
}
.map-embed iframe{min-height:350px!important;}

/* Page headers and article content. */
.page-hero{
  background:#f3ede5!important;
  border-bottom:1px solid var(--premium-line)!important;
  padding:32px 0 26px!important;
}
.page-hero h1{
  font-size:clamp(2rem,3.4vw,2.8rem)!important;
  line-height:1.08!important;
  letter-spacing:-.042em!important;
}
.page-hero .breadcrumb{color:#85786b!important;}
.article-body{background:#fffdfa!important;}
.article-body p,.article-body li{color:#49433d!important;}
.article-note{border-left-color:var(--premium-accent)!important;background:#f5eee5!important;}
.article-sources{border-color:var(--premium-line)!important;background:#faf6f0!important;border-radius:10px!important;}
.cross-border-block{
  border:1px solid var(--premium-line)!important;
  border-left:3px solid rgba(147,104,58,.72)!important;
  border-radius:12px!important;
  background:var(--premium-paper)!important;
  box-shadow:var(--premium-shadow)!important;
}

/* Footer: quieter luxury, stronger hierarchy. */
footer{
  background:#191714!important;
  color:#d8d2ca!important;
  padding:54px 0 26px!important;
  border-top:1px solid rgba(184,139,87,.28)!important;
}
.footer-grid-v12{gap:46px!important;}
.footer-grid-v12>div>strong{
  color:#f5f0e9!important;
  font-size:.74rem!important;
  font-weight:600!important;
  text-transform:uppercase;
  letter-spacing:.085em!important;
  margin-bottom:16px!important;
}
footer .footer-brand .brand strong{
  color:#fff!important;
  font-size:1.05rem!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:-.018em!important;
}
footer a{color:#c8c1b8!important;margin:8px 0!important;}
footer a:hover{color:#fff!important;}
footer p{color:#aaa39b!important;}
.footer-bottom{
  border-top-color:rgba(255,255,255,.10)!important;
  color:#938c84!important;
  margin-top:34px!important;
  padding-top:20px!important;
}

/* Search overlay belongs to the same design language. */
.site-search-panel{
  background:#fffdfa!important;
  border-color:var(--premium-line)!important;
  border-radius:16px!important;
  box-shadow:0 28px 80px rgba(22,18,14,.22)!important;
}
.site-search-input,.site-search-result{border-color:var(--premium-line)!important;border-radius:10px!important;}
.site-search-input:focus{border-color:var(--premium-accent)!important;box-shadow:0 0 0 3px rgba(147,104,58,.10)!important;}

/* Focus and motion. */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
  outline:2px solid rgba(147,104,58,.72)!important;
  outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}

/* Responsive premium pass. */
@media(max-width:900px){
  .container{width:min(100% - 36px,1180px)!important;}
  .nav{height:64px!important;min-height:64px!important;gap:9px!important;}
  .brand.wordmark .brand-mark{width:28px!important;height:28px!important;flex-basis:28px!important;}
  .brand.wordmark strong{font-size:1rem!important;}
  .section{padding:56px 0!important;}
  .section-head{display:block!important;margin-bottom:24px!important;}
  .section-head p{margin-top:10px!important;}
  .about-grid{grid-template-columns:1fr!important;gap:30px!important;}
  .about-grid img{max-width:620px!important;justify-self:center!important;}
  .map-embed,.map-embed iframe{min-height:280px!important;}
  .footer-grid-v12{gap:30px!important;}
}
@media(max-width:620px){
  .container{width:calc(100% - 28px)!important;}
  .section{padding:48px 0!important;}
  .section-head h2,.copy h2,.contact-card h2{font-size:clamp(1.72rem,8vw,2.2rem)!important;}
  .service-card{padding:18px!important;min-height:0!important;border-radius:10px!important;}
  .service-heading{gap:11px!important;align-items:flex-start!important;}
  .service-heading svg{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;}
  .service-card p,.service-card .more{padding-left:0!important;margin-left:0!important;}
  .about-grid img{border-radius:10px!important;}
  .article-card.category-photo-card{
    grid-template-columns:108px minmax(0,1fr)!important;
    min-height:108px!important;
    border-radius:10px!important;
  }
  .article-card.category-photo-card img{
    width:108px!important;height:108px!important;min-height:108px!important;
  }
  .article-card.category-photo-card .inside{padding:12px 13px!important;justify-content:center!important;}
  .article-card.category-photo-card h3{font-size:.96rem!important;line-height:1.2!important;}
  .contact-card{padding:20px!important;border-radius:10px!important;}
  .map-embed{border-radius:10px!important;}
  .map-embed,.map-embed iframe{min-height:240px!important;}
  footer{padding-top:42px!important;}
  .footer-grid-v12>div>strong{margin-bottom:12px!important;}
}
@media(max-width:380px){
  .article-card.category-photo-card{grid-template-columns:98px minmax(0,1fr)!important;min-height:98px!important;}
  .article-card.category-photo-card img{width:98px!important;height:98px!important;min-height:98px!important;}
}

/* ===== v40.083 refined heading weight — match the slimmer wordmark ===== */
h1,h2,h3,h4,h5,h6{
  font-weight:500!important;
}
.hero h1.hero-title,
.page-hero h1,
.article-hero h1,
.section-head h2,
.copy h2,
.contact-card h2,
.cross-border-block h2,
.cross-border-block h3,
.article-body h2,
.article-body h3,
.service-heading h2,
.service-heading h3,
.service-card h2,
.service-card h3,
.library-card h2,
.library-card h3,
.article-card h2,
.article-card h3,
.category-photo-card h2,
.category-photo-card h3,
.category-page-grid .category-photo-card h2,
.category-page-grid .category-photo-card h3,
.long-copy .copy-card h3{
  font-weight:500!important;
}


/* v40084 heading left-edge clipping fix */
h1,h2,h3,h4,h5,h6,
.hero h1,.hero-title,
.section-head h2,
.copy h2,
.cross-border-block h2,
.contact-card h2,
.service-card h2,
.article-card h3,
.page-hero h1,
.article-body>h2,.article-body>h3{
  overflow:visible!important;
  padding-inline-start:.035em!important;
  margin-inline-start:-.035em!important;
}
.hero h1,.hero-title,.page-hero h1{
  letter-spacing:-.036em!important;
}
h1,h2,h3,h4,h5,h6,
.section-head h2,
.copy h2,
.cross-border-block h2,
.contact-card h2,
.service-card h2,
.article-card h3,
.article-body>h2,.article-body>h3{
  letter-spacing:-.018em!important;
}

/* ===== v40.085 natural heading kerning + slightly larger hero ===== */
h1,h2,h3,h4,h5,h6,
.hero h1,.hero-title,.page-hero h1,.article-hero h1,
.section-head h2,.copy h2,.cross-border-block h2,.cross-border-block h3,
.contact-card h2,.service-card h2,.service-card h3,.article-card h2,.article-card h3,
.article-body>h2,.article-body>h3{
  font-kerning:normal!important;
  font-feature-settings:"kern" 1!important;
  letter-spacing:-.006em!important;
}
.hero h1.hero-title{
  letter-spacing:-.01em!important;
}
@media (min-width:901px){
  html[lang="tr"] .hero h1.hero-title{font-size:clamp(3.02rem,3.66vw,3.5rem)!important;}
  html[lang="en"] .hero h1.hero-title,
  html[lang="de"] .hero h1.hero-title{font-size:clamp(2.12rem,3.29vw,3.45rem)!important;}
}
@media (min-width:521px) and (max-width:900px){
  html[lang="tr"] .hero h1.hero-title{font-size:clamp(2.23rem,3.76vw,2.63rem)!important;}
  html[lang="en"] .hero h1.hero-title,
  html[lang="de"] .hero h1.hero-title{font-size:clamp(1.86rem,7.63vw,2.49rem)!important;}
}
@media (max-width:520px){
  html[lang="tr"] .hero h1.hero-title{font-size:clamp(1.59rem,7.8vw,1.97rem)!important;}
}
@media (max-width:390px){
  html[lang="tr"] .hero h1.hero-title{font-size:clamp(1.50rem,7.58vw,1.77rem)!important;}
}

/* ===== v40.086 mobile hero position + icon/text optical alignment ===== */
.service-heading,
html[lang="en"] .service-heading,
html[lang="de"] .service-heading{
  align-items:center!important;
}
.service-heading svg,
html[lang="en"] .service-heading svg,
html[lang="de"] .service-heading svg{
  align-self:center!important;
  margin-top:0!important;
  flex-shrink:0!important;
}
.service-heading h2,
.service-heading h3,
html[lang="en"] .service-heading h2,
html[lang="en"] .service-heading h3,
html[lang="de"] .service-heading h2,
html[lang="de"] .service-heading h3{
  margin-top:0!important;
  margin-bottom:0!important;
}
.footer-contact-line,
.topbar-item{
  align-items:center!important;
}
.top-icon{
  align-items:center!important;
  justify-content:center!important;
}
@media (max-width:620px){
  .hero .hero-inner{
    transform:translateY(clamp(28px,8.2vw,36px))!important;
  }
  .service-heading{
    align-items:center!important;
  }
}

/* ===== v40.087 optical icon system + wordmark diacritic + TR hero rebalance ===== */
/* Keep the dotted capital İ fully inside the wordmark line box on mobile browsers. */
.brand.wordmark strong{
  line-height:1.18!important;
  padding-block:.07em .025em!important;
}
@media(max-width:900px){
  .brand.wordmark strong{
    line-height:1.2!important;
    padding-block:.08em .03em!important;
  }
}

/* The +6% TR hero enlargement from v40.085 was visually too strong. */
@media (min-width:901px){
  html[lang="tr"] .hero h1.hero-title{font-size:clamp(2.85rem,3.45vw,3.30rem)!important;}
}
@media (min-width:521px) and (max-width:900px){
  html[lang="tr"] .hero h1.hero-title{font-size:clamp(2.10rem,3.55vw,2.48rem)!important;}
}
@media (max-width:520px){
  html[lang="tr"] .hero h1.hero-title{font-size:clamp(1.50rem,7.35vw,1.86rem)!important;}
}
@media (max-width:390px){
  html[lang="tr"] .hero h1.hero-title{font-size:clamp(1.42rem,7.15vw,1.67rem)!important;}
}

/* Optical, not mathematical, icon normalization. Every practice icon gets its own scale. */
.practice-card .service-heading{
  align-items:center!important;
}
.practice-card .practice-icon{
  transform-origin:50% 50%!important;
  overflow:visible!important;
  flex-shrink:0!important;
}
.practice-icon--employment{transform:scale(1.00)!important;}
.practice-icon--enforcement{transform:scale(.96)!important;}
.practice-icon--consumer{transform:scale(.88)!important;}
.practice-icon--family{transform:scale(.96)!important;}
.practice-icon--criminal{transform:scale(1.00)!important;}
.practice-icon--traffic{transform:scale(1.02)!important;}
.practice-icon--commercial{transform:scale(.95)!important;}
.practice-icon--trademark{transform:scale(.98)!important;}
.practice-icon--obligations{transform:scale(.98)!important;}
.practice-icon--contracts{transform:scale(.97)!important;}
.practice-icon--realestate{transform:scale(.88)!important;}
.practice-icon--tenancy{transform:scale(1.12)!important;}
.practice-icon--inheritance{transform:scale(1.03)!important;}
.practice-icon--compensation{transform:scale(.94)!important;}
.practice-icon--administrative{transform:scale(.94)!important;}
.practice-icon--zoning{transform:scale(.97)!important;}
.practice-icon--tax{transform:scale(.90)!important;}
.practice-icon--technology{transform:scale(.99)!important;}
.practice-icon--privacy{transform:scale(1.00)!important;}
.practice-icon--health{transform:scale(1.00)!important;}
.practice-icon--condominium{transform:scale(1.08)!important;}

/* Mobile card rhythm: equal visual height, stable heading zone, bottom-aligned detail link. */
@media(max-width:620px){
  .practice-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:178px!important;
  }
  .practice-card .service-heading{
    min-height:46px!important;
    margin-bottom:8px!important;
  }
  .practice-card .service-heading h2,
  .practice-card .service-heading h3{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
  }
  .practice-card>p{
    flex:1 1 auto!important;
  }
  .practice-card>.more{
    margin-top:auto!important;
    padding-top:11px!important;
  }
}

/* ===== v40.088 mobile EN/DE hero vertical balance + lighter CTA ===== */
@media (max-width:900px){
  /* v40.086 moves every mobile hero down. EN needs most of that removed; DE needs to sit higher because its copy is taller. */
  html[lang="en"] .hero .hero-inner{
    transform:translateY(clamp(4px,2vw,10px))!important;
  }
  html[lang="de"] .hero .hero-inner{
    transform:translateY(clamp(-34px,-7.2vw,-26px))!important;
  }

  html[lang="en"] .hero .actions,
  html[lang="de"] .hero .actions{
    margin-top:22px!important;
  }

  html[lang="en"] .hero .actions .btn-primary,
  html[lang="de"] .hero .actions .btn-primary{
    background:rgba(255,255,255,.13)!important;
    color:#4a3420!important;
    border:1.25px solid rgba(126,87,46,.58)!important;
    box-shadow:0 3px 12px rgba(66,43,20,.055)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }
  html[lang="en"] .hero .actions .btn-primary:hover,
  html[lang="de"] .hero .actions .btn-primary:hover{
    background:rgba(255,255,255,.28)!important;
    border-color:rgba(126,87,46,.72)!important;
    color:#3d2a19!important;
    box-shadow:0 5px 15px rgba(66,43,20,.08)!important;
  }
}


/* ===== v40.089 mobile CTA + compact language menu ===== */
@media (max-width:900px){
  html[lang="tr"] .hero .actions .btn-primary{
    background:rgba(255,255,255,.13)!important;
    color:#4a3420!important;
    border:1.25px solid rgba(126,87,46,.58)!important;
    box-shadow:0 3px 12px rgba(66,43,20,.055)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }
  html[lang="tr"] .hero .actions .btn-primary:hover{
    background:rgba(255,255,255,.28)!important;
    border-color:rgba(126,87,46,.72)!important;
    color:#3d2a19!important;
    box-shadow:0 5px 15px rgba(66,43,20,.08)!important;
  }

  .language-menu{
    right:0!important;
    left:auto!important;
    transform:none!important;
    width:max-content!important;
    min-width:0!important;
    padding:4px!important;
  }
  .language-menu a{
    grid-template-columns:18px max-content!important;
    gap:7px!important;
    min-height:34px!important;
    padding:7px 8px!important;
  }
}


/* v40.091 petition library mobile spacing + rounded visual polish */
:root{
  --ui-radius-sm:10px;
  --ui-radius-md:12px;
}
/* unify rounded corners on visible UI */
.btn,
.library-search,
.library-count,
.category-tabs a,
.badge,
.copy-btn,
.service-card,
.article-card,
.library-card,
.contact-card,
.sidebar,
.article-body,
.template-box,
.petition-rest,
.petition-court,
.cross-border-block,
.article-toc,
.source-list,
.nav-search,
.site-search-result,
.site-search-input,
.map-embed,
.related-links a{
  border-radius:var(--ui-radius-md)!important;
}
.icon-badge,.mini-icon{border-radius:var(--ui-radius-sm)!important;}
/* petition/category page visual consistency */
.library-card,.service-card,.article-card,.contact-card,.sidebar,.article-body,.template-box{
  border-radius:var(--ui-radius-md)!important;
}
[data-category-block] > .section-head{
  margin-bottom:18px!important;
}
[data-category-block] + [data-category-block]{
  margin-top:24px!important;
}
[data-category-block] + [data-category-block] > .section-head{
  padding-top:10px!important;
  border-top:1px solid rgba(121,93,60,.12)!important;
}
.category-more-row{
  margin-top:18px!important;
}
@media(max-width:620px){
  /* more breathing room between petition section titles and surrounding blocks */
  [data-category-block] > .section-head{
    margin-bottom:16px!important;
  }
  [data-category-block] + [data-category-block]{
    margin-top:30px!important;
  }
  [data-category-block] + [data-category-block] > .section-head{
    padding-top:14px!important;
  }
  /* Tümünü Gör should be compact, centered, and not full-width */
  .category-more-row{
    justify-content:center!important;
    margin-top:16px!important;
    margin-bottom:4px!important;
  }
  .category-more-row .btn{
    width:auto!important;
    min-width:0!important;
    padding:10px 16px!important;
    min-height:40px!important;
    text-align:center!important;
    display:inline-flex!important;
    border-radius:10px!important;
  }
  /* extra breathing room before the next title on mobile */
  [data-category-block] .category-more-row + [data-category-block],
  [data-category-block] + [data-category-block]{
    margin-top:34px!important;
  }
}


/* ===== v40.092 visual refinement pass ===== */

/* 1) Petition category rhythm: consistent card heights and restrained text previews. */
[data-category-block] .library-grid{
  align-items:stretch!important;
}
[data-category-block] .library-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:168px!important;
  height:100%!important;
}
[data-category-block] .library-card h3,
[data-category-block] .library-card h2{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:2.4em!important;
  margin-bottom:8px!important;
}
[data-category-block] .library-card p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  margin:0!important;
  flex:1 1 auto!important;
}

/* 2) Compact "Tümünü Gör": centered, content-width, same corner language as the site. */
.category-more-row{
  justify-content:center!important;
}
.category-more-row .btn{
  width:auto!important;
  min-width:0!important;
  min-height:40px!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  font-weight:500!important;
}

/* 3) About imagery: more editorial, less banner-like. */
.about-grid img{
  aspect-ratio:3/2!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* 4) Practice icons: preserve the optical scale pass, then normalize stroke density. */
.practice-icon{stroke-width:var(--practice-stroke,1.58)!important;}
.practice-icon--employment{--practice-stroke:1.55;}
.practice-icon--enforcement{--practice-stroke:1.54;}
.practice-icon--consumer{--practice-stroke:1.54;}
.practice-icon--family{--practice-stroke:1.50;}
.practice-icon--criminal{--practice-stroke:1.66;}
.practice-icon--traffic{--practice-stroke:1.54;}
.practice-icon--commercial{--practice-stroke:1.54;}
.practice-icon--trademark{--practice-stroke:1.44;}
.practice-icon--obligations{--practice-stroke:1.54;}
.practice-icon--contracts{--practice-stroke:1.50;}
.practice-icon--realestate{--practice-stroke:1.58;}
.practice-icon--tenancy{--practice-stroke:1.70;}
.practice-icon--inheritance{--practice-stroke:1.60;}
.practice-icon--compensation{--practice-stroke:1.55;}
.practice-icon--administrative{--practice-stroke:1.46;}
.practice-icon--zoning{--practice-stroke:1.40;}
.practice-icon--tax{--practice-stroke:1.48;}
.practice-icon--technology{--practice-stroke:1.66;}
.practice-icon--privacy{--practice-stroke:1.60;}
.practice-icon--health{--practice-stroke:1.60;}
.practice-icon--condominium{--practice-stroke:1.36;}

/* 5) Mobile hero positioning without translate hacks: same visual placement, more robust wrapping. */
@media(max-width:900px){
  .hero .hero-inner{
    transform:none!important;
  }
  html[lang="tr"] .hero .hero-inner{
    padding-top:clamp(82px,22vw,90px)!important;
    padding-bottom:clamp(146px,39vw,154px)!important;
  }
  html[lang="en"] .hero .hero-inner{
    padding-top:clamp(58px,15.5vw,64px)!important;
    padding-bottom:clamp(172px,46vw,178px)!important;
  }
  html[lang="de"] .hero .hero-inner{
    padding-top:clamp(20px,6vw,28px)!important;
    padding-bottom:clamp(208px,55vw,216px)!important;
  }
}

/* 6) Desktop hero CTA: same restrained outlined language as mobile. */
@media(min-width:901px){
  .hero .actions .btn-primary{
    background:rgba(255,255,255,.18)!important;
    color:#4a3420!important;
    border:1.25px solid rgba(126,87,46,.58)!important;
    box-shadow:0 4px 14px rgba(66,43,20,.06)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }
  .hero .actions .btn-primary:hover{
    background:rgba(255,255,255,.34)!important;
    border-color:rgba(126,87,46,.75)!important;
    color:#352515!important;
    box-shadow:0 7px 18px rgba(66,43,20,.09)!important;
  }
}

/* 7) Homepage section actions: one compact button family, separate from the hero. */
.home-page .section .actions{
  display:flex!important;
  justify-content:center!important;
  margin-top:24px!important;
}
.home-page .section .actions .btn{
  width:auto!important;
  min-width:0!important;
  min-height:40px!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  font-size:.88rem!important;
  font-weight:500!important;
  background:transparent!important;
  color:var(--premium-accent-dark)!important;
  border:1px solid rgba(147,104,58,.46)!important;
  box-shadow:none!important;
}
.home-page .section .actions .btn:hover{
  background:#f8f1e8!important;
  border-color:rgba(147,104,58,.72)!important;
  color:#5f3f20!important;
  box-shadow:none!important;
}

@media(max-width:620px){
  [data-category-block] .library-card{
    min-height:154px!important;
  }
  [data-category-block] .library-card h3,
  [data-category-block] .library-card h2{
    min-height:2.4em!important;
  }
  .category-more-row{
    justify-content:center!important;
  }
  .category-more-row .btn{
    width:auto!important;
    min-width:0!important;
    border-radius:10px!important;
  }
  .about-grid img{
    aspect-ratio:3/2!important;
  }
}

/* ===== v40.093 mobile article grid alignment ===== */
/* .category-photo-grid also carries the legacy .article-list class, whose
   1.35rem left padding shifts article thumbnails to the right on phones. */
@media(max-width:900px){
  .article-list.category-photo-grid{
    padding-left:0!important;
    margin-left:0!important;
    width:100%!important;
  }
}

/* ===== v40.094 mobile EN/DE hero collision fixes =====
   DE: move the copy block down so the heading no longer collides with the top edge.
   EN: raise the CTA block and tighten spacing so the button no longer covers the scale. */
@media (max-width:520px){
  html[lang="de"] .hero .hero-inner{
    width:min(100%,350px)!important;
    max-width:350px!important;
    padding-top:clamp(44px,11.5vw,52px)!important;
    padding-bottom:clamp(190px,51vw,202px)!important;
  }
  html[lang="de"] .hero h1.hero-title{
    font-size:clamp(1.62rem,6.85vw,2.02rem)!important;
    line-height:1.03!important;
    margin-bottom:11px!important;
  }
  html[lang="de"] .hero p{
    width:min(100%,332px)!important;
    max-width:332px!important;
    font-size:.895rem!important;
    line-height:1.44!important;
  }
  html[lang="de"] .hero .actions{
    margin-top:14px!important;
  }

  html[lang="en"] .hero .hero-inner{
    width:min(100%,352px)!important;
    max-width:352px!important;
    padding-top:clamp(40px,10.5vw,48px)!important;
    padding-bottom:clamp(186px,49.5vw,196px)!important;
  }
  html[lang="en"] .hero h1.hero-title{
    font-size:clamp(1.54rem,6.75vw,1.94rem)!important;
    line-height:1.05!important;
    margin-bottom:10px!important;
  }
  html[lang="en"] .hero p{
    width:min(100%,336px)!important;
    max-width:336px!important;
    font-size:.91rem!important;
    line-height:1.42!important;
  }
  html[lang="en"] .hero .actions{
    margin-top:12px!important;
  }
  html[lang="en"] .hero .actions .btn-primary{
    min-height:41px!important;
    padding:10px 14px!important;
  }
}

/* ===== v40.097 Turkish hero copy + positioning refinement =====
   TR homepage hero now mirrors the simplified EN/DE meaning and sits a little higher/cleaner on mobile. */
@media (max-width:900px){
  html[lang="tr"] .hero .hero-inner{
    width:min(100%,370px)!important;
    max-width:370px!important;
    padding-top:clamp(68px,18vw,76px)!important;
    padding-bottom:clamp(166px,44vw,176px)!important;
  }
  html[lang="tr"] .hero p{
    width:min(100%,335px)!important;
    max-width:335px!important;
    font-size:.91rem!important;
    line-height:1.44!important;
  }
  html[lang="tr"] .hero .actions{
    margin-top:14px!important;
  }
}
@media (max-width:520px){
  html[lang="tr"] .hero h1.hero-title{
    line-height:1.04!important;
    margin-bottom:10px!important;
  }
}

/* ===== v40.099 EN/DE hero polish =====
   Keep Turkish hero untouched. Simplify EN/DE copy and give both languages
   cleaner hero placement plus a more intentional CTA position on mobile. */
@media (min-width:901px){
  html[lang="en"] .hero .hero-inner,
  html[lang="de"] .hero .hero-inner{
    width:51%!important;
    max-width:560px!important;
    padding:78px 24px 82px 0!important;
  }
  html[lang="en"] .hero h1.hero-title,
  html[lang="de"] .hero h1.hero-title{
    max-width:560px!important;
    margin-bottom:16px!important;
  }
  html[lang="en"] .hero p,
  html[lang="de"] .hero p{
    max-width:495px!important;
    line-height:1.48!important;
  }
  html[lang="en"] .hero .actions,
  html[lang="de"] .hero .actions{
    margin-top:18px!important;
    gap:10px!important;
  }
  html[lang="en"] .hero .actions .btn-primary,
  html[lang="de"] .hero .actions .btn-primary{
    min-height:42px!important;
    padding:10px 17px!important;
  }
}

@media (max-width:900px){
  html[lang="en"] .hero .hero-inner{
    width:min(100%,372px)!important;
    max-width:372px!important;
    padding-top:clamp(48px,12.5vw,56px)!important;
    padding-bottom:clamp(178px,47vw,188px)!important;
  }
  html[lang="de"] .hero .hero-inner{
    width:min(100%,364px)!important;
    max-width:364px!important;
    padding-top:clamp(40px,10.8vw,48px)!important;
    padding-bottom:clamp(184px,48.5vw,194px)!important;
  }
  html[lang="en"] .hero p,
  html[lang="de"] .hero p{
    width:min(100%,338px)!important;
    max-width:338px!important;
    line-height:1.44!important;
  }
  html[lang="en"] .hero .actions,
  html[lang="de"] .hero .actions{
    margin-top:16px!important;
    gap:8px!important;
  }
  html[lang="en"] .hero .actions .btn-primary,
  html[lang="de"] .hero .actions .btn-primary{
    min-height:42px!important;
    padding:10px 15px!important;
    font-size:.89rem!important;
    border-radius:12px!important;
  }
}

@media (max-width:520px){
  html[lang="en"] .hero h1.hero-title{
    font-size:clamp(1.53rem,6.7vw,1.88rem)!important;
    line-height:1.05!important;
    margin-bottom:10px!important;
  }
  html[lang="de"] .hero h1.hero-title{
    font-size:clamp(1.56rem,6.82vw,1.92rem)!important;
    line-height:1.04!important;
    margin-bottom:10px!important;
  }
  html[lang="en"] .hero p{
    font-size:.90rem!important;
  }
  html[lang="de"] .hero p{
    font-size:.895rem!important;
  }
}


/* ===== v40.100 DE mobile hero aligned with EN ===== */
@media (max-width:900px){
  html[lang="de"] .hero .hero-inner{
    width:min(100%,372px)!important;
    max-width:372px!important;
    padding-top:clamp(48px,12.5vw,56px)!important;
    padding-bottom:clamp(178px,47vw,188px)!important;
  }
}


/* ===== v40.103 DE 3-line hero vertical alignment =====
   Keep German as three lines. Only lower the DE mobile hero block so its
   first line visually starts at the same level as the English heading. */
@media (max-width:900px){
  html[lang="de"] .hero .hero-inner{
    padding-top:clamp(56px,14.5vw,64px)!important;
    padding-bottom:clamp(170px,45vw,180px)!important;
  }
}
@media (max-width:520px){
  html[lang="de"] .hero .hero-inner{
    padding-top:clamp(56px,14.5vw,62px)!important;
  }
}


/* ===== v40.104 DE responsive line breaks =====
   Desktop: 2 lines. Mobile/tablet: retain the approved 3-line layout. */
html[lang="de"] .hero-title-de .de-desktop-line{
  display:block!important;
}
html[lang="de"] .hero-title-de .de-mobile-line{
  display:none!important;
}
@media (max-width:900px){
  html[lang="de"] .hero-title-de .de-desktop-line{
    display:none!important;
  }
  html[lang="de"] .hero-title-de .de-mobile-line{
    display:block!important;
    white-space:nowrap!important;
  }
}


/* v40.122.1 — practice-card harmony
   Keep card CTA rows aligned even when descriptions have different lengths. */
.services.areas-21 .service-card{
  display:flex;
  flex-direction:column;
}
.services.areas-21 .service-card p{
  margin-bottom:16px;
}
.services.areas-21 .service-card .more{
  margin-top:auto;
  display:inline-block;
}