html{scroll-snap-type:y mandatory}body.reading-v16{background:#f1efe8;color:#090909;overflow-x:hidden}.reading-v16 .kk-editorial-screen{position:relative;width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;padding:calc(var(--header-h) + 14px) var(--pad) 18px}.rb-code{display:flex;justify-content:space-between;font:500 6px var(--mono);letter-spacing:.12em;color:#b72424}.rb-code span{color:rgba(9,9,9,.42)}.rb-hero{background:#f1efe8}.rb-hero-title{position:absolute;left:var(--pad);top:20%}.rb-hero-title small{font:500 6px var(--mono);color:#b72424}.rb-hero-title h1{font:700 clamp(76px,10vw,160px)/.7 var(--sans);letter-spacing:-.095em;margin:10px 0;max-width:7.5ch}.rb-hero-title h1 em{font-family:var(--serif);font-weight:400;color:#b72424}.rb-index{position:absolute;right:var(--pad);top:18%;width:45%;height:66%;display:grid;grid-template-rows:repeat(4,1fr);border-top:1px solid rgba(9,9,9,.18)}.rb-index a{position:relative;padding:11px 10px 9px 46px;display:grid;align-content:center;border-bottom:1px solid rgba(9,9,9,.18);color:#090909;text-decoration:none;transition:.3s}.rb-index a:hover{background:#090909;color:#fff;padding-left:55px}.rb-index a b{position:absolute;left:10px;top:14px;font:500 5px var(--mono);color:#b72424}.rb-index a strong{font:700 clamp(19px,2vw,31px) var(--sans);letter-spacing:-.045em}.rb-index a span{font:500 5px var(--mono);color:#766f68}.rb-index a:hover span{color:rgba(255,255,255,.5)}.rb-pencil{position:absolute;left:41%;bottom:10%;font:300 100px var(--serif);color:#b72424;transform:rotate(-35deg)}
.rb-category{background:#e7e1d8}.rb-category:nth-of-type(odd){background:#090909;color:#fff}.rb-category:nth-of-type(odd) .rb-code span{color:rgba(255,255,255,.4)}.rb-side{position:absolute;left:var(--pad);top:21%;width:26%}.rb-side small{font:500 6px var(--mono);color:#b72424}.rb-side h2{font:700 clamp(42px,4.6vw,72px)/.86 var(--sans);letter-spacing:-.07em;margin:10px 0 15px;max-width:8ch}.rb-side h2 em{font-family:var(--serif);font-weight:400;font-size:.56em;line-height:1.1;letter-spacing:-.02em;display:block;margin-top:12px}.rb-side p{font:400 10px/1.5 var(--sans);max-width:34ch;color:#6c665f}.rb-category:nth-of-type(odd) .rb-side p{color:rgba(255,255,255,.42)}.rb-cards{position:absolute;right:var(--pad);top:18%;width:68%;height:69%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rb-card{position:relative;min-width:0;display:grid;grid-template-rows:50% 1fr;border:1px solid rgba(9,9,9,.15);color:#090909;text-decoration:none;overflow:hidden;background:#f1efe8;transition:.35s}.rb-category:nth-of-type(odd) .rb-card{background:#111;color:#fff;border-color:rgba(255,255,255,.14)}.rb-card figure{margin:0;overflow:hidden}.rb-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65);transition:.5s}.rb-card:hover{transform:translateY(-6px)}.rb-card:hover img{filter:grayscale(0);transform:scale(1.04)}.rb-card>div{position:relative;padding:10px}.rb-card small{font:500 4.5px var(--mono);color:#b72424}.rb-card strong{display:block;margin:8px 0;font:700 17px/1 var(--sans);letter-spacing:-.04em}.rb-card p{font:400 7.5px/1.45 var(--sans);color:#6f6962;margin:0}.rb-category:nth-of-type(odd) .rb-card p{color:rgba(255,255,255,.44)}.rb-card span{position:absolute;left:10px;bottom:8px;font:600 5px var(--mono);color:#b72424}
@media(min-width:1001px) and (max-height:820px){.reading-v16 .kk-editorial-screen{padding-top:calc(var(--header-h) + 7px)}.rb-hero-title{top:16%}.rb-hero-title h1{font-size:clamp(62px,8.5vw,125px)}.rb-index{top:15%;height:70%}.rb-side{top:17%}.rb-side h2{font-size:clamp(35px,3.9vw,56px)}.rb-cards{top:15%;height:72%}.rb-card strong{font-size:14px}.rb-card p{font-size:6.5px}}
@media(max-width:1000px){.reading-v16 .kk-editorial-screen{padding:76px 14px 10px}.rb-code{font-size:4px}.rb-hero-title{top:11%;left:14px}.rb-hero-title h1{font-size:19vw;line-height:.76}.rb-index{left:14px;right:14px;top:48%;width:auto;height:45%}.rb-index a{padding-left:38px}.rb-index a strong{font-size:5.7vw}.rb-pencil{display:none}.rb-side{left:14px;right:14px;top:11%;width:auto}.rb-side h2{font-size:10vw;line-height:.93;max-width:9ch}.rb-side h2 em{font-size:.47em}.rb-side p{font-size:7px;max-width:46ch}.rb-cards{left:14px;right:14px;top:40%;width:auto;height:52%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.rb-card{grid-template-rows:47% 1fr}.rb-card strong{font-size:10px;margin:4px 0}.rb-card p{display:none}.rb-card span{font-size:4px;bottom:5px}.rb-card>div{padding:6px}}


/* V18 / YAZILAR TYPE COLLISION GUARD */
.rb-hero-title h1{
  font-size:clamp(66px,8.8vw,138px)!important;
  line-height:.82!important;
  max-width:8.2ch!important;
}
.rb-hero-title h1 em{
  display:block!important;
  margin-top:.07em!important;
  line-height:.92!important;
}
.rb-side h2{line-height:.91!important}
@media(min-width:1001px) and (max-height:850px){
  .rb-hero-title h1{font-size:clamp(56px,7.5vw,104px)!important;line-height:.85!important}
}