/* Alt sayfa düzeni, ana sayfanın etkin stil ve ölçülerini kullanır. */
body{background:#f5f5f5;color:#151515;font-family:"Manrope",Arial,sans-serif;font-size:15px;line-height:1.65;letter-spacing:-.01em}
.detail-page{min-height:100vh}
.detail-photo{height:clamp(290px,31vw,430px);margin-left:260px;overflow:hidden;background:#242424}
.detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1)}
.detail-content{padding:66px 7% 85px 330px;background:#f5f5f5}
.detail-content>*{max-width:1050px;margin-left:auto;margin-right:auto}
.detail-eyebrow{color:#626262;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.detail-content h1{font-family:"Manrope",Arial,sans-serif;font-size:clamp(36px,3.4vw,52px);font-weight:500;letter-spacing:-1.5px;line-height:1.16;margin-top:18px;margin-bottom:32px;color:#151515}
.detail-content article{max-width:850px;margin-left:0;margin-right:auto}
.detail-content article p,.detail-content article li{font-size:15px;line-height:1.85;color:#626262;margin-bottom:17px}
.detail-content article h2{font-family:"Manrope",Arial,sans-serif;font-size:clamp(23px,2.1vw,30px);font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:42px 0 18px;padding-top:24px;border-top:1px solid rgba(0,0,0,.17);color:#151515}
.detail-content article ul,.detail-content article ol{padding-left:22px;margin:0 0 25px}
.detail-content article li{padding-left:3px;margin-bottom:7px}
.detail-contact-link{display:flex;align-items:center;justify-content:space-between;width:max-content;max-width:850px;margin-top:42px;margin-left:0;margin-right:auto;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:13px}
.detail-contact-link span{margin-left:24px;transition:transform .3s}
.detail-contact-link:hover span{transform:translate(5px,-4px)}
.side-nav{background:transparent!important}
.side-menu a{color:inherit}
.side-menu a.detail-back{font-size:15px;min-height:46px;font-weight:600;opacity:1}
.side-menu a.detail-back:hover{opacity:1}
.side-menu a.detail-back::before{background:currentColor;width:4px;height:4px}
@media(max-width:1200px) and (min-width:901px){.detail-photo{margin-left:240px}.detail-content{padding-left:280px}}
@media(max-width:900px){
 .detail-page{padding-top:68px}
 .detail-photo{margin-left:0;height:clamp(220px,42vw,330px)}
 .detail-content{padding:48px 22px 72px}
 .detail-content article{margin-left:0;margin-right:0}
 .side-nav{background:#151515!important;color:#fff!important}
 .side-nav .side-logo{display:none!important}
 .side-nav .side-menu{margin-top:0}
 .side-nav .side-menu a.detail-back{font-size:15px;min-height:55px;opacity:1}
 .footer{padding-left:22px;padding-right:22px}
}
@media(max-width:560px){
 .detail-content{padding:38px 22px 62px}
 .detail-content h1{font-size:36px;letter-spacing:-1.1px}
 .detail-content article h2{font-size:24px}
 .detail-photo{height:240px}
}
@media(max-width:900px){
 .side-nav{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:100%!important;max-width:none!important;padding:95px 27px 30px!important;display:flex!important;flex-direction:column!important;transform:translateX(-100%)!important;z-index:1000!important}
 .side-nav.open{transform:none!important}
 .side-menu{margin-top:0!important}
 .side-bottom{display:block!important}
}

/* 2026-11-02 — all detail pages: edge-to-edge hero image and centered page titles */
@media(min-width:901px){
  .detail-page .detail-photo{margin-left:0!important;width:100%!important;height:clamp(300px,31vw,460px)!important}
}
.detail-content > .detail-eyebrow,
.detail-content > h1{max-width:1050px!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.detail-content > h1{margin-top:18px!important;margin-bottom:38px!important}
@media(max-width:900px){.detail-content > h1{margin-bottom:30px!important}}

/* Center the whole reading column below each centered heading, not every line of prose. */
.detail-content article{max-width:850px!important;margin-left:auto!important;margin-right:auto!important;text-align:left!important}
.detail-content .detail-contact-link{margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){.detail-content article{margin-left:auto!important;margin-right:auto!important}}

.detail-content article p,.detail-content article li{text-align:justify;text-justify:inter-word;hyphens:auto}
@media(max-width:560px){.detail-content article p,.detail-content article li{text-align:left}}

.detail-content article p,.detail-content article li{text-align:justify!important;text-justify:inter-word!important;hyphens:auto}