:root{
  --sa-red:#b40020;
  --sa-red-dark:#8e0019;
  --sa-red-soft:#fff1f4;
  --sa-text:#16181d;
  --sa-muted:#767b85;
  --sa-line:#e5e7eb;
  --sa-bg:#f7f8fa;
  --sa-card:#fff;
  --sa-green:#18a35f;
  --sa-orange:#ff9f18;
  --sa-shadow:0 12px 30px rgba(23,28,38,.07);
}
.sa-site-body{margin:0;background:#fff;color:var(--sa-text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}
.sa-site-body *{box-sizing:border-box}.sa-site-body a{text-decoration:none;color:inherit}.sa-site-body img{max-width:100%}
.mock-public-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid #eceef1;backdrop-filter:blur(12px)}
.mock-public-header-inner{width:min(1500px,calc(100% - 36px));height:70px;margin:auto;display:flex;align-items:center;gap:13px}
.mock-qbs-logo{display:flex;align-items:center;flex:0 0 auto}.mock-qbs-logo img{display:block;width:77px;height:35px;object-fit:contain}
.mock-brand-separator{width:1px;height:34px;background:#d9dde4;margin:0 2px}
.mock-academy-brand{display:flex;align-items:center;gap:8px;min-width:176px}.mock-academy-mark{width:30px;height:30px;color:var(--sa-red);display:grid;place-items:center}.mock-academy-mark svg{width:30px;height:30px;fill:currentColor}.mock-academy-brand>span:last-child{display:grid;line-height:1.02}.mock-academy-brand b{font-size:14px;font-weight:850}.mock-academy-brand small{font-size:8px;color:#70757f;margin-top:4px;white-space:nowrap}
.mock-header-search{height:34px;min-width:260px;max-width:330px;flex:1;display:flex;align-items:center;background:#f5f6f8;border:1px solid #eceef2;border-radius:7px;overflow:hidden;margin-left:8px}.mock-header-search input{border:0;background:transparent;outline:0;width:100%;height:100%;padding:0 11px;font:inherit;font-size:10px;color:#555b66}.mock-header-search button{width:34px;height:34px;border:0;background:transparent;color:#4d535d;font-size:18px;cursor:pointer}
.mock-header-nav{display:flex;align-items:stretch;height:100%;white-space:nowrap}.mock-header-nav a{display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:650;color:#292d34;position:relative}.mock-header-nav a:hover,.mock-header-nav a.active{color:var(--sa-red)}.mock-header-nav a.active:after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;border-radius:2px;background:var(--sa-red)}
.mock-header-tools{display:flex;align-items:center;gap:9px;color:#343941;font-size:16px;padding-left:2px}.mock-header-auth{display:flex;align-items:center;gap:7px;margin-left:auto}.mock-login-button,.mock-register-button{height:32px;border-radius:7px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;font-size:10px}.mock-login-button{border:1px solid #d80d30;color:var(--sa-red);background:#fff}.mock-register-button{background:var(--sa-red);color:#fff;border:1px solid var(--sa-red)}.mock-user-chip{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:750}.mock-user-chip>span{width:30px;height:30px;border-radius:50%;background:#f1d8de;color:var(--sa-red);display:grid;place-items:center;font-weight:900}.mock-user-chip b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock-site-main{min-height:calc(100vh - 130px)}
.mock-home-shell{width:min(1500px,calc(100% - 36px));margin:16px auto 40px}
.mock-feature-row{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:14px}
.mock-feature-card{min-height:320px;border:1px solid #e0e3e8;border-radius:12px;overflow:hidden;position:relative;background:#e8e9ed;box-shadow:0 2px 10px rgba(20,25,35,.03)}.mock-feature-card:before{content:"";position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center;filter:saturate(1.04)}.mock-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 33%,rgba(255,255,255,.28) 63%,rgba(8,11,18,.12) 100%)}.mock-feature-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.04));z-index:1}.mock-feature-content{position:relative;z-index:2;width:min(58%,720px);padding:38px 34px 32px}.mock-feature-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid #f0c7cf;border-radius:6px;background:rgba(255,255,255,.88);color:var(--sa-red);font-size:10px;font-weight:850;letter-spacing:.03em;box-shadow:0 2px 10px rgba(0,0,0,.04)}.mock-feature-content h1{font-size:35px;line-height:1.02;letter-spacing:-.036em;margin:13px 0 10px;max-width:620px}.mock-feature-content p{font-size:13px;line-height:1.55;color:#3f444c;max-width:610px;margin:0}.mock-feature-actions{display:flex;gap:9px;margin-top:19px}.mock-red-action,.mock-light-action{height:38px;padding:0 18px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.mock-red-action{background:var(--sa-red);color:#fff}.mock-light-action{background:#fff;color:#252931;border:1px solid #e0e3e7}.mock-feature-chapters{position:absolute;z-index:3;right:12px;bottom:12px;width:178px;background:rgba(16,19,25,.86);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:7px;color:#fff}.mock-feature-chapters div{display:grid;grid-template-columns:43px 1fr;gap:7px;align-items:center;padding:8px 8px;border-radius:6px;font-size:9px}.mock-feature-chapters div.active{background:rgba(255,255,255,.13);position:relative}.mock-feature-chapters div.active:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#f3183e;left:-4px}.mock-feature-chapters small{color:#cfd3dc;font-size:8px}.mock-feature-chapters span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-community-card{border:1px solid #e0e3e8;border-radius:12px;background:#fff;padding:18px 16px;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(20,25,35,.03)}.mock-community-brand{display:flex;align-items:center;gap:9px}.mock-community-logo{width:40px;height:40px;border-radius:8px;background:#fff1f3;color:var(--sa-red);display:grid;place-items:center}.mock-community-logo svg{width:29px;height:29px;fill:currentColor}.mock-community-brand>div{display:grid}.mock-community-brand b{font-size:13px}.mock-community-brand small{font-size:8px;color:#7b8089;line-height:1.35;margin-top:3px}.mock-community-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:24px -2px 18px}.mock-community-stats div{text-align:center;border-right:1px solid #eef0f3}.mock-community-stats div:last-child{border-right:0}.mock-community-stats b{display:block;font-size:16px;letter-spacing:-.02em}.mock-community-stats span{font-size:8px;color:#8b9099}.mock-community-primary,.mock-community-secondary{height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.mock-community-primary{background:var(--sa-red);color:#fff;margin-top:auto}.mock-community-secondary{border:1px solid #dfe2e6;margin-top:8px;background:#fff}
.mock-category-strip{min-height:65px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #e9ebef;padding:10px 0}.mock-category-item{min-width:150px;display:flex;align-items:center;gap:9px}.mock-category-icon{width:32px;height:32px;border-radius:9px;background:#fff2f4;color:var(--sa-red);display:grid;place-items:center;font-size:15px;font-weight:900}.mock-category-item>span:last-child{display:grid}.mock-category-item b{font-size:10px}.mock-category-item small{font-size:8px;color:#858a94;margin-top:2px}.mock-all-categories{margin-left:auto;color:var(--sa-red);font-size:10px;font-weight:800;white-space:nowrap}
.mock-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:18px;margin-top:14px}.mock-content-main{min-width:0}.mock-section-block{padding:7px 0 12px}.mock-section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:11px}.mock-section-title h2{font-size:20px;margin:0 0 2px;letter-spacing:-.025em}.mock-section-title p{font-size:10px;color:#858b95;margin:0}.mock-section-title>a{font-size:10px;color:var(--sa-red);font-weight:800}
.mock-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mock-video-card{display:block;min-width:0}.mock-video-cover{height:118px;border-radius:7px;background:#1b1f27 center/cover no-repeat;position:relative;overflow:hidden;border:1px solid #e0e2e6}.mock-video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,13,19,.45))}.mock-video-play{position:absolute;left:11px;bottom:9px;z-index:2;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--sa-red);font-size:8px}.mock-video-cover em{position:absolute;right:8px;bottom:8px;z-index:2;color:#fff;font-size:8px;font-style:normal;background:rgba(15,17,22,.6);padding:3px 5px;border-radius:4px}.mock-video-card h3{font-size:11px;line-height:1.25;margin:7px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:28px}.mock-author-meta{display:flex;align-items:center;gap:6px;font-size:9px;color:#606670}.mock-author-meta>span:nth-child(2){display:grid;min-width:0}.mock-author-meta b{font-size:9px;color:#30343b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-author-meta small{font-size:8px;color:#9297a0;margin-top:1px}.mock-mini-avatar{width:24px;height:24px;border-radius:50%;background:#f2d7dc;color:var(--sa-red);display:grid;place-items:center;font-size:8px;font-weight:900;flex:0 0 auto}
.mock-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mock-article-card{border:1px solid #e2e5e9;border-radius:8px;background:#fff;overflow:hidden}.mock-article-cover{height:86px;background:#242832 center/cover no-repeat}.mock-article-body{padding:9px 10px}.mock-article-kicker{display:flex;justify-content:space-between;align-items:center}.mock-article-kicker span{background:#fff1f3;color:var(--sa-red);border-radius:4px;padding:3px 5px;font-size:7px;font-weight:800}.mock-article-kicker small{font-size:8px;color:#8c9199}.mock-article-card h3{font-size:11px;line-height:1.26;margin:6px 0 4px}.mock-article-card p{font-size:9px;line-height:1.42;color:#6f747d;margin:0;height:26px;overflow:hidden}.mock-article-card .mock-author-meta{margin-top:8px}.mock-article-actions{margin-left:auto!important;color:#828892;font-size:8px!important;white-space:nowrap}
.mock-question-block{padding-bottom:0}.mock-question-list{border-top:1px solid #e6e8ec}.mock-question-list>a{min-height:42px;display:grid;grid-template-columns:26px minmax(0,1fr) auto 50px 50px;gap:8px;align-items:center;border-bottom:1px solid #eceef1}.mock-question-copy{display:grid;min-width:0}.mock-question-copy b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-question-copy small{font-size:8px;color:#8b9098;margin-top:2px}.mock-question-tag{font-size:8px;background:#eaf4ff;color:#3576a7;padding:3px 6px;border-radius:5px}.mock-question-metric{font-size:8px;color:#69707a;text-align:right}
.mock-home-rail{display:grid;align-content:start;gap:14px}.mock-rail-card{border:1px solid #e0e3e8;border-radius:9px;background:#fff;padding:12px}.mock-rail-title{display:flex;align-items:center;justify-content:space-between}.mock-rail-title h3{font-size:15px;margin:0}.mock-rail-title a{font-size:8px;color:var(--sa-red);font-weight:800}.mock-filter-pills{display:flex;gap:5px;margin:10px 0}.mock-filter-pills span{padding:5px 9px;border-radius:6px;background:#f3f4f6;font-size:8px;font-weight:700}.mock-filter-pills span.active{background:var(--sa-red);color:#fff}.mock-popular-list{display:grid}.mock-popular-list>a{display:grid;grid-template-columns:22px 58px minmax(0,1fr);gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #eef0f2}.mock-popular-list>a:last-child{border-bottom:0}.mock-popular-list em{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff0f2;color:var(--sa-red);font-style:normal;font-size:9px;font-weight:900}.mock-pop-thumb{width:58px;height:35px;border-radius:4px;background:#252a34 center/cover no-repeat}.mock-popular-list a>span:last-child{display:grid;min-width:0}.mock-popular-list b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-popular-list small{font-size:7px;color:#8b9098;line-height:1.35;margin-top:2px}
.mock-author-list{margin-top:7px}.mock-author-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0}.mock-author-row img,.mock-author-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.mock-author-avatar{display:grid;place-items:center;background:#f1d7dc;color:var(--sa-red);font-size:9px;font-weight:900}.mock-author-row>span:nth-child(2){display:grid;min-width:0}.mock-author-row b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-author-row b i{font-style:normal;color:var(--sa-red);font-size:8px;margin-left:3px}.mock-author-row small{font-size:7px;color:#8c9199;margin-top:2px}.mock-author-row>a{border:1px solid #dde1e6;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:750;background:#fff}
.mock-site-footer{border-top:1px solid #eceef1;background:#fff}.mock-site-footer-inner{width:min(1500px,calc(100% - 36px));height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between}.mock-footer-brand{display:flex;align-items:center;gap:9px}.mock-footer-brand img{width:67px}.mock-footer-brand>span{width:1px;height:22px;background:#d7dbe0}.mock-footer-brand b{font-size:12px}.mock-footer-links{display:flex;gap:16px;font-size:10px;color:#737983}
.flash{right:20px;top:80px}
@media(max-width:1320px){.mock-header-nav a{padding:0 5px}.mock-header-search{min-width:200px}.mock-academy-brand{min-width:150px}.mock-category-item{min-width:125px}.mock-content-layout{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:1120px){.mock-header-nav{display:none}.mock-header-search{max-width:none}.mock-content-layout{grid-template-columns:1fr}.mock-home-rail{grid-template-columns:1fr 1fr}.mock-feature-row{grid-template-columns:1fr 240px}.mock-video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.mock-public-header-inner,.mock-home-shell,.mock-site-footer-inner{width:calc(100% - 22px)}.mock-public-header-inner{height:62px}.mock-academy-brand>span:last-child,.mock-brand-separator,.mock-header-search,.mock-header-tools{display:none}.mock-header-auth{margin-left:auto}.mock-feature-row{grid-template-columns:1fr}.mock-feature-card{min-height:410px}.mock-feature-content{width:100%;padding:28px 22px}.mock-feature-content h1{font-size:29px}.mock-feature-chapters{right:10px;left:10px;bottom:10px;width:auto}.mock-community-card{min-height:230px}.mock-category-strip{overflow:auto}.mock-category-item{min-width:140px}.mock-all-categories{padding-right:10px}.mock-video-grid,.mock-article-grid,.mock-home-rail{grid-template-columns:1fr}.mock-question-list>a{grid-template-columns:26px minmax(0,1fr) 45px}.mock-question-tag,.mock-question-list>a .mock-question-metric:last-child{display:none}}


/* R15 - REFERANS TASARIM KORUNARAK GENEL EKRANLARI BUYUT */
@media (min-width:1121px){
  .mock-public-header-inner{height:82px}
  .mock-qbs-logo img{width:92px}
  .mock-brand-separator{height:34px}
  .mock-academy-mark{width:34px;height:34px}
  .mock-academy-brand{min-width:190px}
  .mock-academy-brand b{font-size:16px}
  .mock-academy-brand small{font-size:10px}
  .mock-header-search{height:42px;min-width:270px}
  .mock-header-search input{font-size:13px}
  .mock-header-nav a{font-size:12px;padding:0 8px}
  .mock-header-tools{font-size:17px}
  .mock-login-button,.mock-register-button,.mock-admin-entry,.mock-create-entry{font-size:12px;min-height:38px;padding:0 12px;border-radius:6px;display:inline-flex;align-items:center;font-weight:800}
  .mock-admin-entry{border:1px solid #cc1735;color:#bc1230;background:#fff}
  .mock-create-entry{background:#c8102e;color:#fff;border:1px solid #c8102e}
  .mock-user-chip{min-height:40px}
  .mock-user-chip span{width:30px;height:30px;font-size:11px}
  .mock-user-chip b{font-size:11px}

  .mock-home-shell{width:min(1540px,calc(100% - 48px))}
  .mock-feature-content h1{font-size:34px;line-height:1.08}
  .mock-feature-content p{font-size:14px;line-height:1.55}
  .mock-feature-tag{font-size:10px}
  .mock-feature-actions a{font-size:12px;min-height:40px;padding:0 15px}
  .mock-feature-chapters{font-size:11px}
  .mock-feature-chapters a{min-height:39px}
  .mock-community-card h2{font-size:18px}
  .mock-community-card p{font-size:11px;line-height:1.5}
  .mock-community-stats b{font-size:18px}.mock-community-stats small{font-size:9px}
  .mock-community-actions a{font-size:11px;min-height:38px}
  .mock-category-item b{font-size:11px}.mock-category-item small{font-size:9px}
  .mock-all-categories{font-size:10px}

  .mock-section-title h2{font-size:21px}.mock-section-title p{font-size:11px}.mock-section-title a{font-size:10px}
  .mock-video-card h3{font-size:14px;line-height:1.35}
  .mock-video-card .mock-author-meta b{font-size:11px}.mock-video-card .mock-author-meta small{font-size:9px}
  .mock-video-duration{font-size:9px}
  .mock-article-kicker span{font-size:9px}.mock-article-kicker small{font-size:10px}
  .mock-article-card h3{font-size:14px}.mock-article-card p{font-size:11px;height:34px}
  .mock-article-card .mock-author-meta b{font-size:11px}.mock-article-card .mock-author-meta small{font-size:9px}
  .mock-article-actions{font-size:10px!important}
  .mock-question-list>a{min-height:52px}
  .mock-question-copy b{font-size:13px}.mock-question-copy small{font-size:10px}
  .mock-question-tag,.mock-question-metric{font-size:10px}
  .mock-rail-title h3{font-size:18px}.mock-rail-title a{font-size:10px}
  .mock-filter-pills span{font-size:10px}
  .mock-popular-list>a{grid-template-columns:26px 68px minmax(0,1fr);gap:9px;padding:9px 0}
  .mock-pop-thumb{width:68px;height:42px}
  .mock-popular-list b{font-size:11px}.mock-popular-list small{font-size:9px}
  .mock-author-row{grid-template-columns:40px minmax(0,1fr) auto}
  .mock-author-row img,.mock-author-avatar{width:40px;height:40px}
  .mock-author-row b{font-size:11px}.mock-author-row small{font-size:9px}.mock-author-row>a{font-size:10px}
  .mock-site-footer-inner{height:78px}.mock-footer-brand b{font-size:14px}.mock-footer-links{font-size:12px}
}

/* R21 */
.mock-feature-type-panel{position:absolute;z-index:3;right:18px;bottom:18px;width:122px;height:106px;border-radius:12px;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border:1px solid #fff;display:grid;place-items:center;align-content:center;gap:5px;box-shadow:0 10px 30px rgba(20,25,35,.13);color:#a90f29}
.mock-feature-type-panel>span{font-size:32px;font-weight:900;line-height:1}.mock-feature-type-panel>b{font-size:11px;color:#2b3038}
.mock-category-icon-real{overflow:hidden;background:#fff;border:1px solid #edf0f3}.mock-category-icon-real img{width:24px;height:24px;display:block;object-fit:contain;max-width:74%;max-height:74%}
.mock-home-empty{min-height:78px;border:1px dashed #dfe3e8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#878d96;background:#fbfcfd;font-size:11px;margin-bottom:8px}