/* NG Home Blog Portal — WM Araci tarzi portal: gri zemin, ortada genis sutun, yan kutular */

.ngportal-page-wrap,#ngportal-page-wrap{background:#e8ecf1;padding:14px 0 28px;box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden;position:relative;}
.ng-hb-root{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Verdana,Arial,sans-serif;font-size:14px;color:#2c3e50;line-height:1.5;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0 auto;padding:0 10px 8px;overflow-x:hidden;}
.ng-hb-root *,.ng-hb-root *:before,.ng-hb-root *:after{box-sizing:border-box;}
.ng-hb-clear{clear:both;height:0;overflow:hidden;}

.ng-hb-inner-header.ng-hb-inner-header-portal{background:linear-gradient(327deg,#214a6e,#16213e);color:#fff;padding:12px 14px;margin:0 0 14px;width:100%;max-width:100%;border-radius:8px;border:none;box-shadow:0 2px 12px rgba(0,0,0,.15);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;box-sizing:border-box;}
.ng-hb-inner-header-portal .ng-hb-inner-brand{float:none;flex:1 1 auto;min-width:0;font-size:18px;font-weight:800;letter-spacing:-.02em;}
.ng-hb-inner-header-portal .ng-hb-inner-brand a{color:#fff;text-decoration:none;word-wrap:break-word;overflow-wrap:anywhere;}
.ng-hb-inner-header-portal .ng-hb-inner-brand a:hover{color:#cfe8ff;}
.ng-hb-inner-header-portal .ng-hb-inner-nav{float:none;flex:0 1 auto;min-width:0;text-align:right;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 14px;}
.ng-hb-inner-header-portal .ng-hb-inner-nav a,.ng-hb-inner-header-portal .ng-hb-inner-nav a:link,.ng-hb-inner-header-portal .ng-hb-inner-nav a:visited{color:#fff;text-decoration:none;margin-left:0;display:inline-block;padding:4px 0;font-weight:600;font-size:13px;}
.ng-hb-inner-header-portal .ng-hb-inner-nav a:hover{color:#8ecae6;text-decoration:none;}
.ng-hb-header-extra{clear:none;flex:1 1 100%;min-width:0;padding-top:2px;font-size:12px;color:rgba(255,255,255,.88);word-wrap:break-word;overflow-wrap:anywhere;}
.ng-hb-mainrow{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;box-sizing:border-box;}
.ng-hb-sidebar{flex:1 1 100%;width:100%;max-width:100%;min-width:0;padding:0 0 12px;}
.ng-hb-content{flex:1 1 100%;width:100%;max-width:100%;min-width:0;padding:0 0 12px;overflow-x:hidden;}
@media screen and (max-width:959px){
.ng-hb-mainrow{flex-direction:column;align-items:stretch;}
.ng-hb-sidebar,.ng-hb-content{flex:1 1 auto;max-width:100%;width:100%;}
}
@media screen and (min-width:960px){
.ng-hb-sidebar{flex:0 0 220px;width:220px;max-width:220px;padding:0;}
.ng-hb-content{flex:1 1 0;min-width:0;width:auto;max-width:none;padding:0;}
}

/* Dar orta sutun: kart + sekme tablosu sadece icerik genisligine gore */
@supports (container-type: inline-size){
.ng-hb-content{container-type:inline-size;container-name:ngmain;}
#ngportal-root.ng-hb-root{container-type:inline-size;container-name:ngportalroot;}
@container ngmain (max-width:720px){
.ng-hb-card-article-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex-wrap:nowrap;min-height:0;}
.ng-hb-card-thumb{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;max-width:100%;min-height:0;height:auto;max-height:240px;}
.ng-hb-card-thumb img{max-height:240px;height:auto;width:100%;object-fit:cover;}
.ng-hb-card-article-body{width:100%;min-width:0;}
.ng-hb-threadtabs-panel{overflow-x:visible;}
.ng-hb-threadtabs-table{display:block;width:100%;border-collapse:separate;}
.ng-hb-threadtabs-table thead{display:none;}
.ng-hb-threadtabs-table tbody,.ng-hb-threadtabs-tr{display:block;width:100%;}
.ng-hb-threadtabs-tr{padding:12px;border-bottom:1px solid #edf2f7;box-sizing:border-box;}
.ng-hb-threadtabs-td-main,.ng-hb-threadtabs-num,.ng-hb-threadtabs-cat{display:block;width:100% !important;max-width:100% !important;text-align:left !important;padding:4px 0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;}
.ng-hb-threadtabs-tr > td.ng-hb-threadtabs-num:nth-child(2):before{content:"Izlenme: ";font-weight:700;color:#64748b;margin-right:6px;}
.ng-hb-threadtabs-tr > td.ng-hb-threadtabs-num:nth-child(3):before{content:"Mesaj: ";font-weight:700;color:#64748b;margin-right:6px;}
.ng-hb-threadtabs-tr > td.ng-hb-threadtabs-cat:before{content:"Kategori: ";font-weight:700;color:#64748b;margin-right:6px;}
.ng-hb-threadtabs-empty{display:block;padding:12px;}
}
@container ngportalroot (max-width:1000px){
#ngportal-root.ng-hb-root .ng-hb-mainrow{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
#ngportal-root.ng-hb-root .ng-hb-sidebar,#ngportal-root.ng-hb-root .ng-hb-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;max-width:100%;min-width:0;}
}
}
.ng-hb-sidebox{background:#fafbfc;border:1px solid #d5dbe3;border-radius:8px;padding:12px 14px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);max-width:100%;min-width:0;box-sizing:border-box;}
.ng-hb-sidebox h3{margin:0 0 10px;font-size:13px;color:#c0392b;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e1e6ed;padding-bottom:8px;}
.ng-hb-sidecontent{font-size:13px;line-height:1.55;word-wrap:break-word;overflow-wrap:break-word;color:#334155;}

.ng-hb-feed,.ng-hb-grid{margin-bottom:20px;width:100%;max-width:100%;overflow-x:hidden;}
.ng-hb-slider{margin-bottom:20px;width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;}
.ng-hb-slider h2,.ng-hb-grid h2,.ng-hb-feed h2{margin:0 0 12px;font-size:16px;font-weight:800;color:#2c3e50;border-left:4px solid #c0392b;padding:6px 0 6px 12px;background:#fff;border-radius:0 6px 6px 0;letter-spacing:-.02em;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:anywhere;}

/* One cikan: yatay marquee kart seridi */
.ng-hb-slider-marquee .ng-hb-slider-marquee-view{overflow:hidden;width:100%;max-width:100%;min-width:0;border-radius:12px;background:linear-gradient(165deg,#e8edf4 0%,#f8fafc 40%,#eef2f7 100%);padding:14px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 18px rgba(15,23,42,.06);border:1px solid #dce3ee;box-sizing:border-box;}
.ng-hb-slider-marquee-track{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:ngHbMarqueeX linear infinite;animation:ngHbMarqueeX linear infinite;}
.ng-hb-slider-marquee:hover .ng-hb-slider-marquee-track{-webkit-animation-play-state:paused;animation-play-state:paused;}
.ng-hb-slider-marquee--single .ng-hb-slider-marquee-track{-webkit-animation:none !important;animation:none !important;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.ng-hb-slider-marquee--single .ng-hb-slider-strip{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
@-webkit-keyframes ngHbMarqueeX{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);}}
@keyframes ngHbMarqueeX{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);}}
.ng-hb-slider-strip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:12px;padding:0 16px;box-sizing:border-box;min-width:0;}
.ng-hb-slide-card{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:260px;max-width:86vw;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.1);border:1px solid #e2e8f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:box-shadow .2s,border-color .2s,-webkit-transform .2s;transition:box-shadow .2s,border-color .2s,transform .2s;box-sizing:border-box;min-width:0;}
.ng-hb-slide-card:hover{box-shadow:0 12px 36px rgba(37,99,235,.18);border-color:#93c5fd;-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.ng-hb-slide-card-img{display:block;height:132px;overflow:hidden;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.ng-hb-slide-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.ng-hb-slide-card-img--empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;}
.ng-hb-slide-card-ph{font-size:42px;color:#94a3b8;}
.ng-hb-slide-card-body{padding:12px 14px 14px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0;}
.ng-hb-slide-card-title{margin:0 0 6px;font-size:14px;font-weight:800;line-height:1.3;max-height:2.6em;overflow:hidden;word-wrap:break-word;}
.ng-hb-slide-card-title a{color:#0f172a;text-decoration:none;}
.ng-hb-slide-card-title a:hover{color:#2563eb;}
.ng-hb-slide-card-tag{margin:0 0 6px;font-size:10px;font-weight:700;color:#0d9488;text-transform:uppercase;letter-spacing:.05em;}
.ng-hb-slide-card-ex{margin:0 0 8px;font-size:12px;color:#64748b;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.9em;}
.ng-hb-slide-card-meta{margin:auto 0 0;font-size:11px;color:#94a3b8;}
.ng-hb-slide-card-meta i{margin-right:3px;color:#cbd5e1;}
@media (prefers-reduced-motion:reduce){
.ng-hb-slider-marquee-track{-webkit-animation:none !important;animation:none !important;}
}

.ng-hb-meta{color:#64748b;font-size:12px;margin:8px 0 0;word-wrap:break-word;overflow-wrap:anywhere;}
.ng-hb-meta a{color:#475569;text-decoration:none;}
.ng-hb-meta a:hover{color:#2563eb;}
.ng-hb-forumtag{font-size:11px;font-weight:600;color:#0d9488;text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;}

.ng-hb-grid-row{display:flex;flex-direction:column;gap:12px;width:100%;}
@media screen and (min-width:700px){
.ng-hb-grid-row{flex-direction:row;flex-wrap:wrap;}
.ng-hb-grid-item{flex:1 1 30%;max-width:32%;min-width:200px;}
}
.ng-hb-grid-item{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;width:100%;max-width:100%;min-width:0;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.ng-hb-grid-img img{width:100%;max-width:100%;height:auto;max-height:140px;object-fit:cover;display:block;margin-bottom:8px;border-radius:8px;}
.ng-hb-grid-item h3{margin:0 0 6px;font-size:14px;line-height:1.35;}
.ng-hb-grid-item h3 a{color:#2563eb;text-decoration:none;}
.ng-hb-grid-item p{margin:0;font-size:13px;color:#475569;}

/* Konu listesi kartlari */
.ng-hb-card.ng-hb-card-article{border:none;border-radius:14px;padding:0;margin-bottom:16px;background:#fff;width:100%;box-shadow:0 2px 12px rgba(15,23,42,.08);overflow:hidden;border:1px solid #e2e8f0;}
.ng-hb-card-article-inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;min-height:120px;}
.ng-hb-card-thumb{flex:0 0 200px;width:200px;max-width:40%;min-height:120px;background:#f1f5f9;display:block;position:relative;overflow:hidden;}
.ng-hb-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ng-hb-card-thumb:hover img{opacity:.92;}
.ng-hb-card-article-body{flex:1 1 auto;padding:16px 18px;min-width:0;}
@media screen and (max-width:640px){
.ng-hb-card-article-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex-wrap:nowrap;min-height:0;}
.ng-hb-card-thumb{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;max-width:100%;min-height:0;height:auto;max-height:220px;}
.ng-hb-card-thumb img{max-height:220px;height:auto;width:100%;object-fit:cover;}
}
.ng-hb-card-head{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:10px;}
.ng-hb-card-head-ava{flex-shrink:0;display:block;line-height:0;}
.ng-hb-card-head-ava .ng-hb-ava{display:block;}
.ng-hb-card-head-ava img.ng-hb-ava-img{width:48px !important;height:48px !important;max-width:48px;max-height:48px;object-fit:cover;border-radius:50%;}
.ng-hb-card-head-main{flex:1;min-width:0;}
.ng-hb-card-title{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:-.02em;word-wrap:break-word;overflow-wrap:anywhere;}
.ng-hb-card-title a{color:#0f172a;text-decoration:none;}
.ng-hb-card-title a:hover{color:#2563eb;}
.ng-hb-card-ex{margin:0 0 10px;color:#475569;font-size:13px;line-height:1.55;word-wrap:break-word;overflow-wrap:anywhere;}

/* Eski kart sinifi (geri uyumluluk) */
.ng-hb-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-bottom:12px;background:#fff;width:100%;}
.ng-hb-card-row{overflow:hidden;width:100%;}
.ng-hb-card-ava{float:left;margin-right:10px;}
.ng-hb-card-ava img{border-radius:50%;}

.ng-hb-note{background:#fffbeb;border:1px solid #fcd34d;padding:12px 14px;border-radius:10px;font-size:13px;color:#92400e;}
.ng-hb-pager{margin-top:16px;text-align:center;font-size:13px;width:100%;padding:10px;}
.ng-hb-page-prev,.ng-hb-page-next{color:#2563eb;text-decoration:none;font-weight:600;}
.ng-hb-page-prev:hover,.ng-hb-page-next:hover{text-decoration:underline;}
.ng-hb-mini-list{list-style:none;margin:0;padding:0;}
.ng-hb-mini-list li{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid #e2e8f0;}
.ng-hb-mini-list a{color:#1e40af;font-weight:500;text-decoration:none;}
.ng-hb-mini-list a:hover{text-decoration:underline;}
.ng-hb-mini-date{font-size:11px;color:#64748b;}
.ng-hb-portal-footer-extra{font-size:12px;margin:12px 8px;color:#64748b;}
.ng-hb-portal-powered-wrap{text-align:center;margin:20px 8px 8px;padding:12px 0;border-top:1px solid #dce3ee;}
.ng-hb-powered-version{margin:0 0 6px;font-size:12px;color:#97a8bf;}
.ng-hb-powered-version i{color:#97a8bf;}
.ng-hb-powered-brand{margin:0;font-size:11px;}
.ng-hb-powered-brand a{color:#97a8bf;text-decoration:none;}
.ng-hb-powered-brand a:hover{color:#5c6f92;text-decoration:underline;}
#ngportal-page-wrap img{max-width:100%;height:auto;}
#ngportal-page-wrap .ng-hb-slide-card-img img{max-width:none;width:100%;height:100%;object-fit:cover;display:block;}
#ngportal-page-wrap .ng-hb-card-thumb img{max-width:100%;width:100%;height:100%;object-fit:cover;display:block;}
.ng-hb-main-html.ng-hb-box{margin-bottom:20px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.ng-hb-block-body{font-size:14px;line-height:1.55;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%;min-width:0;}
.ng-hb-block-body img,.ng-hb-block-body video{max-width:100%;height:auto;}
.ng-hb-block-body iframe{max-width:100%;}
.ng-hb-block-body pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ng-hb-divider-wrap{margin:14px 0;}
.ng-hb-divider{border:none;border-top:1px solid #e2e8f0;}

/* Konu detay (eski portal_thread / showthread yonlendirmesi) */
.ng-hb-thread-page .ng-hb-thread-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;padding:0 4px;}
.ng-hb-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;}
.ng-hb-btn-primary{background:#2563eb;color:#fff;border-color:#1d4ed8;}
.ng-hb-btn-primary:hover{background:#1d4ed8;color:#fff;}
.ng-hb-btn-ghost{background:#fff;color:#334155;border-color:#cbd5e1;}
.ng-hb-btn-ghost:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a;}
.ng-hb-thread-article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px 28px;box-shadow:0 4px 20px rgba(15,23,42,.07);max-width:920px;margin:0 auto 24px;}
.ng-hb-thread-header{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e2e8f0;}
.ng-hb-thread-crumb{font-size:12px;color:#64748b;margin:0 0 8px;}
.ng-hb-thread-crumb a{color:#2563eb;text-decoration:none;}
.ng-hb-crumb-sep{color:#94a3b8;margin:0 4px;}
.ng-hb-thread-title{margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.25;color:#0f172a;letter-spacing:-.03em;}
.ng-hb-thread-author{display:flex;align-items:center;gap:14px;}
.ng-hb-thread-ava .ng-hb-ava-img{border-radius:50%;border:3px solid #e2e8f0;}
.ng-hb-thread-uname{font-size:15px;font-weight:700;color:#0f172a;text-decoration:none;}
.ng-hb-thread-uname:hover{color:#2563eb;}
.ng-hb-thread-date{display:block;font-size:12px;color:#64748b;margin-top:4px;}
.ng-hb-thread-body{font-size:15px;line-height:1.65;color:#334155;word-wrap:break-word;overflow-wrap:break-word;}
.ng-hb-thread-body img{max-width:100%;height:auto;border-radius:8px;}
.ng-hb-thread-body blockquote{margin:12px 0;padding:10px 14px;border-left:4px solid #cbd5e1;background:#f8fafc;border-radius:0 8px 8px 0;}

.ng-hb-guest-cta{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #93c5fd;border-radius:14px;padding:20px 22px;margin:12px 0;text-align:center;box-shadow:0 2px 12px rgba(37,99,235,.08);}
.ng-hb-guest-cta-title{font-size:16px;font-weight:800;color:#1e40af;margin:0 0 8px;}
.ng-hb-guest-cta-text{font-size:13px;color:#334155;margin:0 0 16px;line-height:1.55;}
.ng-hb-guest-cta-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.ng-hb-guest-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;}
.ng-hb-guest-btn-primary{background:#2563eb;color:#fff;}
.ng-hb-guest-btn-primary:hover{background:#1d4ed8;color:#fff;}
.ng-hb-guest-btn-secondary{background:#fff;color:#1e40af;border:2px solid #2563eb;}
.ng-hb-guest-btn-secondary:hover{background:#eff6ff;}

.ng-hb-sidebox-online .ng-hb-online-list{list-style:none;margin:0;padding:0;}
.ng-hb-online-item{margin:0 0 8px;padding:0;}
.ng-hb-online-item a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a;padding:6px 8px;border-radius:8px;}
.ng-hb-online-item a:hover{background:#f1f5f9;}
.ng-hb-online-ava{flex-shrink:0;line-height:0;}
.ng-hb-online-ava .ng-hb-ava-img{width:32px;height:32px;}
.ng-hb-online-name{font-size:13px;font-weight:600;}

.ng-hb-weather-city{font-weight:700;margin:0 0 6px;}
.ng-hb-weather-temp{margin:0;font-size:18px;}
.ng-hb-weather-note{font-size:10px;color:#94a3b8;margin:8px 0 0;}
.ng-hb-weather-detail .ng-hb-weather-desc{font-weight:700;margin:0 0 6px;color:#334155;}
.ng-hb-weather-detail .ng-hb-weather-temp{font-size:22px;font-weight:800;margin:0 0 4px;color:#1a3a4a;}
.ng-hb-weather-detail .ng-hb-weather-feels{font-size:12px;color:#64748b;margin:0 0 8px;}
.ng-hb-weather-meta{list-style:none;margin:0;padding:0;font-size:11px;color:#64748b;}
.ng-hb-weather-meta li{margin:4px 0;}
.ng-hb-social-widget{display:flex;flex-direction:column;gap:8px;}
.ng-hb-social-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;color:#334155;font-size:12px;position:relative;}
.ng-hb-social-item:hover{border-color:#93c5fd;background:#f8fafc;}
.ng-hb-social-ico{width:28px;text-align:center;font-size:16px;color:#2563eb;}
.ng-hb-social-badge{margin-left:auto;background:#e74c3c;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase;}
.ng-hb-weather-fail{font-size:12px;color:#b45309;}

.ng-hb-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:100%;box-sizing:border-box;}
.ng-hb-cat-cell{display:flex;align-items:center;gap:6px;min-width:0;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;color:#334155;font-size:11px;font-weight:700;line-height:1.25;transition:border-color .15s,box-shadow .15s;}
.ng-hb-cat-cell:hover{border-color:#3182ce;color:#1e40af;box-shadow:0 1px 4px rgba(49,130,206,.2);}
.ng-hb-cat-dot{width:7px;height:7px;border:2px solid #3182ce;border-radius:50%;flex-shrink:0;}
.ng-hb-cat-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}

.ng-hb-ftopic-list{list-style:none;margin:0;padding:0;}
.ng-hb-ftopic-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f7;align-items:flex-start;}
.ng-hb-ftopic-item:last-child{border-bottom:none;}
.ng-hb-ftopic-ava{flex-shrink:0;line-height:0;}
.ng-hb-ftopic-ava .ng-hb-ava-img{width:40px;height:40px;border-radius:8px;object-fit:cover;}
.ng-hb-ftopic-body{min-width:0;}
.ng-hb-ftopic-title{display:block;font-size:13px;font-weight:600;color:#2d3748;text-decoration:none;line-height:1.35;}
.ng-hb-ftopic-title:hover{color:#2563eb;}
.ng-hb-ftopic-forum{display:inline-block;margin-top:4px;font-size:11px;color:#3182ce;text-decoration:none;}
.ng-hb-ftopic-forum:hover{text-decoration:underline;}

.ng-hb-threadtabs{margin-bottom:22px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff;max-width:100%;}
.ng-hb-threadtabs-bar{display:flex;flex-wrap:nowrap;gap:4px;background:#2c3e50;padding:6px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
.ng-hb-threadtabs-tab{flex:0 0 auto;white-space:nowrap;background:transparent;border:none;color:#e2e8f0;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;border-radius:4px;}
.ng-hb-threadtabs-tab.is-active,.ng-hb-threadtabs-tab:hover{background:#3182ce;color:#fff;}
.ng-hb-threadtabs-panel{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ng-hb-threadtabs-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto;}
.ng-hb-threadtabs-head th{background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:10px;color:#64748b;font-weight:700;padding:8px 6px;vertical-align:bottom;white-space:normal;line-height:1.2;word-wrap:break-word;}
.ng-hb-threadtabs-th-main{text-align:left;width:55%;min-width:0;}
.ng-hb-threadtabs-th-num{width:1%;white-space:nowrap;text-align:right;padding-left:10px;padding-right:10px;}
.ng-hb-threadtabs-th-cat{width:1%;min-width:4.5rem;white-space:nowrap;text-align:right;}
.ng-hb-threadtabs-tr{border-bottom:1px solid #edf2f7;}
.ng-hb-threadtabs-tr:hover{background:#fafafa;}
.ng-hb-threadtabs-td-main{padding:10px 12px;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word;}
.ng-hb-threadtabs-ico{display:inline-block;vertical-align:middle;margin-right:8px;}
.ng-hb-threadtabs-ico .ng-hb-ava-img{width:28px;height:28px;border-radius:6px;object-fit:cover;}
.ng-hb-threadtabs-ttl{font-weight:600;color:#2d3748;text-decoration:none;word-wrap:break-word;overflow-wrap:break-word;}
.ng-hb-threadtabs-ttl:hover{color:#2563eb;}
.ng-hb-threadtabs-num{padding:10px 10px;text-align:right;color:#4a5568;white-space:nowrap;width:1%;}
.ng-hb-threadtabs-cat{padding:10px 12px;text-align:right;white-space:nowrap;min-width:4.5rem;word-wrap:break-word;}
.ng-hb-threadtabs-cat a{color:#3182ce;text-decoration:none;font-size:12px;}
.ng-hb-sidebox-login .ng-hb-login-form{margin:0;}
.ng-hb-login-row{margin:0 0 8px;}
.ng-hb-login-lbl{display:block;font-size:11px;font-weight:700;color:#64748b;margin-bottom:4px;}
.ng-hb-login-inp{width:100%;max-width:100%;box-sizing:border-box;padding:6px 8px;font-size:13px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;}
.ng-hb-login-opts{font-size:12px;color:#475569;}
.ng-hb-login-btn{width:100%;padding:8px 12px;font-size:13px;font-weight:700;border-radius:6px;border:1px solid #1d4ed8;background:#2563eb;color:#fff;cursor:pointer;}
.ng-hb-login-btn:hover{background:#1d4ed8;}
.ng-hb-login-reg{margin:10px 0 0;font-size:12px;text-align:center;}
.ng-hb-login-reg a{color:#2563eb;text-decoration:none;font-weight:600;}
.ng-hb-login-reg a:hover{text-decoration:underline;}
.ng-hb-sidebox-account.ng-hb-sidebox-member{padding:0;overflow:hidden;}
.ng-hb-member-head{display:flex;align-items:center;gap:12px;padding:14px 14px 12px;background:linear-gradient(135deg,#1e3a5f,#214a6e);color:#fff;}
.ng-hb-member-ava{flex-shrink:0;line-height:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);overflow:hidden;}
.ng-hb-member-ava .ng-hb-ava-img{width:52px;height:52px;border-radius:50%;}
.ng-hb-member-meta{min-width:0;}
.ng-hb-member-welcome{margin:0;font-size:11px;font-weight:600;opacity:.85;text-transform:uppercase;letter-spacing:.06em;}
.ng-hb-member-name{margin:4px 0 0;font-size:15px;font-weight:800;line-height:1.2;}
.ng-hb-member-name a{color:#fff;text-decoration:none;}
.ng-hb-member-name a:hover{text-decoration:underline;}
.ng-hb-member-links{list-style:none;margin:0;padding:8px 0;}
.ng-hb-member-links li{margin:0;border-bottom:1px solid #e8ecf1;}
.ng-hb-member-links li:last-child{border-bottom:none;}
.ng-hb-member-links a{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;color:#1e3a5f;text-decoration:none;}
.ng-hb-member-links a:hover{background:#f0f4f8;color:#2563eb;}
.ng-hb-member-out{color:#b91c1c !important;}
.ng-hb-member-out:hover{background:#fef2f2 !important;}

/* Mobil / dar ekran: yatay tasima onleme */
@media screen and (max-width:719px){
#ngportal-page-wrap.ngportal-page-wrap,.ngportal-page-wrap#ngportal-page-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:14px 12px 28px;box-sizing:border-box;position:relative;left:0;}
.ng-hb-root{padding-left:0;padding-right:0;}
.ng-hb-sidebar .ng-hb-cat-grid{grid-template-columns:1fr;}
.ng-hb-sidebox-html .ng-hb-sidecontent img{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto;}
.ng-hb-inner-header.ng-hb-inner-header-portal{padding:10px 12px;margin-bottom:10px;}
.ng-hb-inner-header-portal .ng-hb-inner-brand{font-size:16px;}
.ng-hb-inner-header-portal .ng-hb-inner-nav{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;}
.ng-hb-slider-strip{padding:0 10px;gap:10px;}
.ng-hb-slider h2,.ng-hb-grid h2,.ng-hb-feed h2{font-size:15px;padding-left:10px;}
.ng-hb-sidebox{padding:10px 12px;}
.ng-hb-grid-item{padding:10px;}
.ng-hb-card-article-body{padding:12px 14px;}
.ng-hb-note,.ng-hb-pager{max-width:100%;box-sizing:border-box;}
.ng-hb-ftopic-title{word-wrap:break-word;overflow-wrap:anywhere;}
.ng-hb-mini-list a{word-wrap:break-word;overflow-wrap:anywhere;}
.ng-hb-grid-item h3,.ng-hb-grid-item p{word-wrap:break-word;overflow-wrap:anywhere;}
}

/* Portal ozellikleri (admin ayarlari) */
.ng-hb-announce-bar{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:10px 14px;margin-bottom:12px;border-radius:6px;font-size:13px;}
.ng-hb-brand-logo{display:inline-block;margin-right:10px;vertical-align:middle;}
.ng-hb-brand-logo img{max-height:36px;vertical-align:middle;}
.ng-hb-header-search{display:inline-flex;align-items:center;gap:4px;margin-right:10px;}
.ng-hb-header-search input{padding:5px 8px;border:1px solid rgba(255,255,255,.4);border-radius:4px;background:rgba(255,255,255,.15);color:#fff;font-size:12px;}
.ng-hb-header-search button{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px 8px;}
.ng-hb-social-bar{text-align:center;margin:10px 0;}
.ng-hb-social-bar a{display:inline-block;margin:0 6px;font-size:18px;color:#64748b;}
.ng-hb-social-bar a:hover{color:#2563eb;}
.ng-hb-back-top{position:fixed;right:18px;bottom:18px;z-index:900;background:#1a3a4a;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.2);}
.ng-hb-back-top:hover{opacity:.9;color:#fff;}
.ng-hb-page-loader{position:fixed;inset:0;z-index:9999;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-size:42px;color:#1a3a4a;}
.ng-hb-maintenance .ng-hb-maint-box{max-width:520px;margin:40px auto;padding:24px;background:#fff;border-radius:8px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.1);}
.ng-hb-feat-badge{display:inline-block;background:#c0392b;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;margin-bottom:6px;text-transform:uppercase;}
.ng-hb-read-more-wrap{margin:8px 0 0;}
.ng-hb-read-more{font-weight:700;font-size:12px;text-decoration:none;}
.ng-hb-grid-cols-2 .ng-hb-grid-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ng-hb-grid-cols-3 .ng-hb-grid-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.ng-hb-grid-cols-4 .ng-hb-grid-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media screen and (max-width:959px){.ng-hb-grid-cols-3 .ng-hb-grid-row,.ng-hb-grid-cols-4 .ng-hb-grid-row{grid-template-columns:repeat(2,1fr);}}
.ng-hb-footer-custom{text-align:center;font-size:12px;color:#64748b;margin:8px 0;}
.ng-hb-announce-bar{position:relative;padding-right:36px;}
.ng-hb-announce-close{position:absolute;right:8px;top:50%;margin-top:-12px;background:transparent;border:none;cursor:pointer;color:inherit;font-size:16px;opacity:.8;}
.ng-hb-announce-close:hover{opacity:1;}
.ng-hb-breadcrumb{font-size:12px;color:#64748b;margin:0 0 12px;padding:0 4px;}
.ng-hb-breadcrumb a{color:#2563eb;text-decoration:none;}
.ng-hb-breadcrumb a:hover{text-decoration:underline;}
.ng-hb-bc-sep{margin:0 6px;color:#94a3b8;}
.ng-hb-sticky-header .ng-hb-inner-header.ng-hb-inner-header-portal{position:sticky;top:0;z-index:800;}
.ng-hb-feed-compact .ng-hb-card{margin-bottom:10px;}
.ng-hb-feed-compact .ng-hb-card-thumb{max-height:120px;}
.ng-hb-feed-compact .ng-hb-card-ex{font-size:12px;}
.ng-hb-card-compact .ng-hb-card-article-inner{flex-direction:row;}
.ng-hb-card-compact .ng-hb-card-thumb{flex:0 0 100px;max-width:100px;height:72px;}
.ng-hb-reply-badge,.ng-hb-view-badge{margin-left:8px;font-size:11px;color:#64748b;}
.ng-hb-slider-pause-hover .ng-hb-slider-marquee:hover .ng-hb-slider-marquee-track{-webkit-animation-play-state:paused;animation-play-state:paused;}