/* ICON Blog — Apple Newsroom'dan esinlenen düzen (liste: icon-blog.php, yardımcılar: blog-functions.php) */
.bg-bar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}
.bg-bar__in{max-width:980px;margin:0 auto;padding:0 22px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.bg-bar__title{font-size:21px;font-weight:600;letter-spacing:.01em;color:#1d1d1f!important}
.bg-bar__links{list-style:none;margin:0;padding:0;display:flex;gap:22px;overflow-x:auto;scrollbar-width:none}
.bg-bar__links::-webkit-scrollbar{display:none}
.bg-bar__links a{font-size:12px;color:#1d1d1f!important;opacity:.85;white-space:nowrap;padding:8px 0;display:block}
.bg-bar__links a:hover,.bg-bar__links a[aria-current]{opacity:1;color:#0066cc!important}

.bg-wrap{max-width:980px;margin:0 auto;padding:0 22px}
.bg-list{background:#f5f5f7;padding:40px 0 100px}
.bg-h{font-size:28px;line-height:1.14;font-weight:600;letter-spacing:.007em;color:#1d1d1f;margin:0 0 20px}
.bg-h--page{font-size:32px}
.bg-list__desc{font-size:17px;color:#6e6e73;margin:-8px 0 24px}
.bg-empty{font-size:17px;color:#6e6e73}
.bg-grid{display:grid;gap:24px;margin-bottom:24px}
.bg-grid--1{grid-template-columns:1fr}
.bg-grid--2{grid-template-columns:repeat(2,1fr)}
.bg-grid--3{grid-template-columns:repeat(3,1fr)}

.bg-tile{display:flex;flex-direction:column;background:#fff;border-radius:32px;overflow:hidden;color:#1d1d1f!important;transition:transform .3s ease,box-shadow .3s ease;min-height:100%}
.bg-tile:hover{transform:scale(1.01);box-shadow:2px 4px 16px rgba(0,0,0,.12)}
.bg-tile__media{display:block;aspect-ratio:16/9;background:#e8e8ed;overflow:hidden}
.bg-tile__media img,.bg-cover__empty{display:block;width:100%;height:100%;object-fit:cover}
.bg-tile__body{display:flex;flex-direction:column;gap:8px;padding:24px 28px 32px;flex:1}
.bg-eyebrow{font-size:12px;font-weight:700;letter-spacing:.02em;color:#6e6e73!important}
.bg-tile__title{font-size:24px;line-height:1.17;font-weight:700;letter-spacing:.009em}
.bg-tile--3up .bg-tile__title{font-size:19px;line-height:1.21}
.bg-tile__date{margin-top:auto;padding-top:14px;font-size:14px;font-weight:600;color:#6e6e73}
/* Büyük kart: solda görsel, sağda metin */
.bg-tile--hero{flex-direction:row;min-height:0}
.bg-tile--hero .bg-tile__media{flex:0 0 65.6%;aspect-ratio:auto;min-height:362px}
.bg-tile--hero .bg-tile__body{justify-content:flex-start;padding:40px 36px}
.bg-tile--hero .bg-tile__title{font-size:32px;line-height:1.125;letter-spacing:.004em}
.bg-tile--hero .bg-tile__date{font-size:17px}

.bg-pager{display:flex;justify-content:space-between;margin-top:32px;font-size:17px}
.bg-pager a,.bg-link{color:#0066cc!important}

/* Yazı sayfası */
.bg-article{background:#fff;padding:56px 0 0}
.bg-article__head,.bg-article__body,.bg-cta{max-width:692px;margin:0 auto;padding:0 20px}
.bg-article__meta{display:flex;flex-direction:column;gap:6px;margin:0 0 14px!important}
.bg-article__meta time{font-size:14px;font-weight:600;color:#86868b}
.bg-article__head h1{font-size:48px;line-height:1.08;font-weight:700;letter-spacing:-.003em;color:#1d1d1f;margin:0 0 18px}
.bg-article__dek{font-size:24px;line-height:1.25;font-weight:600;color:#1d1d1f;margin:0 0 26px!important;letter-spacing:.009em}
.bg-share{display:flex;gap:18px;align-items:center;margin-bottom:44px;color:#1d1d1f}
.bg-share a,.bg-share button{display:inline-flex;align-items:center;gap:6px;color:#1d1d1f!important;background:none;border:0;padding:4px;cursor:pointer;position:relative}
.bg-share svg{width:20px;height:20px;fill:currentColor}
.bg-share__ok{font-size:12px;color:#6e6e73}
.bg-article__hero{margin:0 auto 56px;max-width:1280px}
.bg-article__hero img,.bg-article__hero .bg-cover__empty{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8e8ed}
.bg-article__body{font-size:19px;line-height:1.47}
.bg-article__body p{margin:0 0 24px!important}
.bg-article__body h2{font-size:28px;margin:48px 0 16px}
.bg-article__body h3{font-size:21px;margin:32px 0 10px}
.bg-article__body li{margin-bottom:10px}
.bg-cta{margin:56px auto 0;padding-top:36px;padding-bottom:64px;border-top:1px solid #d2d2d7}
.bg-cta__k{font-size:14px;font-weight:600;color:#6e6e73;margin:0 0 6px!important}
.bg-cta__t{font-size:28px;line-height:1.14;font-weight:600;color:#1d1d1f;margin:0 0 10px!important}
.bg-cta__d{font-size:17px;color:#6e6e73;margin:0 0 22px!important}
.bg-cta__a{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.bg-more{background:#f5f5f7;padding:56px 0 80px}

@media(max-width:1068px){
 .bg-tile--hero .bg-tile__title{font-size:28px}
 .bg-tile--hero .bg-tile__media{flex-basis:58%;min-height:300px}
}
@media(max-width:833px){
 .bg-grid--3{grid-template-columns:repeat(2,1fr)}
 .bg-tile--hero{flex-direction:column}
 .bg-tile--hero .bg-tile__media{flex:none;aspect-ratio:16/9;min-height:0}
 .bg-tile--hero .bg-tile__body{padding:24px 28px 32px}
 .bg-article__head h1{font-size:40px}
 .bg-article__dek{font-size:21px}
}
@media(max-width:734px){
 .bg-grid--2,.bg-grid--3{grid-template-columns:1fr}
 .bg-tile{border-radius:24px}
 .bg-tile__title,.bg-tile--hero .bg-tile__title{font-size:22px}
 .bg-bar__in{height:48px;gap:16px}
 .bg-bar__title{font-size:19px}
 .bg-h--page{font-size:28px}
 .bg-article{padding-top:36px}
 .bg-article__head h1{font-size:32px}
 .bg-article__dek{font-size:19px}
 .bg-article__body{font-size:17px}
 .bg-article__hero{margin-bottom:36px}
 .bg-cta__t{font-size:24px}
}