/* COFFIN ROLEPLAY V3.20 – Meslekler / İşletmeler responsive typography and catalog */
/* These rules are intentionally scoped: existing home, admin, store, map, and news are untouched. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body .about-layout .about-content{min-width:0;max-width:100%;container-type:inline-size}
body .about-layout .about-content .page-head{min-width:0;max-width:100%;margin-top:0!important;margin-bottom:20px!important}
body .about-layout .about-content .page-head h1{
 font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif!important;
 font-weight:900!important;
 font-size:clamp(36px,4.15vw,58px)!important;
 line-height:1.01!important;
 letter-spacing:-.018em!important;
 text-wrap:balance;
 overflow-wrap:break-word!important;
 margin:13px 0 12px!important;
 max-width:100%!important;
}
/* Container units respond to available content-column width, not the whole viewport. */
@supports (font-size:1cqw){
 body .about-layout .about-content .page-head h1{font-size:clamp(36px,7cqw,58px)!important}
}
body .about-layout .about-content .page-head .eyebrow{font-size:11px!important;letter-spacing:.13em!important;line-height:1.5!important}
body .about-layout .about-content .page-head p{
 font-size:clamp(13px,1.1vw,15px)!important;
 line-height:1.7!important;
 color:#c8c6c6!important;
 max-width:690px!important;
 margin:0!important;
}
/* New catalog: auto-fill retains sensible card width with one or many records. */
body .about-layout .about-content .coffin-city-grid{
 display:grid!important;
 grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr))!important;
 gap:18px!important;
 width:100%!important;
 max-width:100%!important;
 margin:22px 0 40px!important;
 align-items:stretch!important;
}
body .about-layout .about-content .coffin-city-card{min-width:0!important;max-width:100%;height:100%;border-radius:14px!important}
body .about-layout .about-content .coffin-city-cover{height:auto!important;aspect-ratio:16/10!important;min-height:0!important}
body .about-layout .about-content .coffin-city-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
body .about-layout .about-content .coffin-city-card-body{padding:16px 17px!important;gap:8px!important;flex:1}
body .about-layout .about-content .coffin-city-card h2{font-size:clamp(23px,2.1vw,29px)!important;line-height:1.12!important;margin:0!important;overflow-wrap:anywhere}
body .about-layout .about-content .coffin-city-card p{font-size:13px!important;line-height:1.62!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body .about-layout .about-content .coffin-city-read{margin-top:auto!important}
/* Gracefully keep old placeholder cards small if upgrade-city was not installed. */
body .about-layout .about-content .cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr))!important;gap:18px!important;margin-top:22px!important}
body .about-layout .about-content .cards article,body .about-layout .about-content .cards a{min-width:0!important;max-width:100%!important}
body .about-layout .about-content .cards h2{font-size:clamp(23px,2vw,29px)!important}
@media(max-width:900px){
 body .about-layout .about-content .page-head h1{font-size:clamp(34px,6cqw,52px)!important}
 body .about-layout .about-content .coffin-city-grid{gap:15px!important}
}
@media(max-width:540px){
 body .about-layout .about-content .page-head h1{font-size:clamp(32px,8.4vw,45px)!important;letter-spacing:-.015em!important}
 body .about-layout .about-content .page-head p{font-size:13px!important;line-height:1.65!important}
 body .about-layout .about-content .coffin-city-grid,body .about-layout .about-content .cards{grid-template-columns:1fr!important}
 body .about-layout .about-content .coffin-city-cover{aspect-ratio:16/9!important}
}