/* /j/seyir-defteri/ — raftan çıkış (3B), seçili cilt paneli, içindekiler önizlemesi, dev alıntılar */

.sd-bas{padding-top:var(--s5)}
.sd-ust{margin-top:var(--s4)}
.sd-bas .t-dev{margin-top:var(--s3)}
.sd-slogan{margin-top:var(--s4)}

/* raf */
.sd-raf-kap{margin-top:var(--s5);perspective:1600px}
.sd-raf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(12rem,62vw);gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--s4) var(--pad) var(--s3)}
.sd-raf::-webkit-scrollbar{display:none}
@media (min-width:900px){.sd-raf{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;max-width:var(--kap);margin-inline:auto;gap:var(--s4)}}
.sd-raf>li{scroll-snap-align:center;min-width:0}
.js .sd-raf>li{opacity:0;transform:rotateY(-12deg) translate3d(0,24px,0);transform-origin:0 50%;transition:opacity .9s var(--quint),transform .9s var(--expo)}
.js .sd-raf-kap.gor .sd-raf>li{opacity:1;transform:none}
.js .sd-raf-kap.gor .sd-raf>li:nth-child(2){transition-delay:.09s}
.js .sd-raf-kap.gor .sd-raf>li:nth-child(3){transition-delay:.18s}
.js .sd-raf-kap.gor .sd-raf>li:nth-child(4){transition-delay:.27s}
.raf-cilt{display:block;width:100%;text-align:left}
.raf-kapak{position:relative;display:block;aspect-ratio:1.12/1;overflow:clip;background:#b92f35;border:1px solid transparent;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,var(--ty,0px),0);transition:transform .9s var(--expo),border-color .5s var(--quint)}
/* kapak PDF'nin ilk sayfası: alt %22'deki kurum logosu kırpılır */
.raf-kapak img{position:absolute;left:-7%;top:0;width:114%;height:auto;max-width:none}
.raf-cilt[aria-pressed="true"] .raf-kapak{--ty:-14px;border-color:var(--metin)}
.raf-cilt:focus-visible .raf-kapak{outline:2px solid var(--mavi);outline-offset:3px}
.raf-alt{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.9rem;min-height:44px}
.raf-alt b{font-size:clamp(1.9rem,3.8vw,3.3rem);font-weight:800;letter-spacing:-.045em;line-height:.9;transition:color .5s var(--quint)}
.raf-alt .mono{color:var(--soluk)}
.raf-cilt[aria-pressed="true"] .raf-alt b{color:var(--mavi-koyu)}
.sd-bant{margin-top:var(--s5)}

/* cilt paneli */
.sd-panel{padding-top:var(--s5);scroll-margin-top:var(--ust)}
.sd-panel:focus{outline:0}
.sd-panel+.sd-panel{border-top:1px solid var(--cizgi-koyu);margin-top:var(--s5)}
.sd-panel-bas{display:grid;gap:var(--s5)}
@media (min-width:1000px){.sd-panel-bas{grid-template-columns:5fr 7fr;gap:var(--s6);align-items:start}}
.sd-cilt-no{font-size:clamp(5rem,16vw,13rem);font-weight:800;letter-spacing:-.06em;line-height:.8;color:var(--mavi)}
.sd-eylem{margin-top:var(--s4)}
.sd-pdf{cursor:default;color:var(--soluk);border-color:var(--cizgi-koyu);white-space:normal;text-align:left;min-height:44px;padding-block:.5rem}
.sd-pdf::before{display:none}
.sd-pdf:hover{color:var(--soluk)}
.sd-giris{padding-left:var(--s4);border-left:2px solid var(--mavi)}
.sd-giris p{font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.sd-giris cite{display:block;margin-top:var(--s3);font-style:normal}

/* içindekiler */
.sd-ic-kap{margin-top:var(--s5)}
.sd-ic{border-top:1px solid var(--cizgi-koyu)}
.ic-sat{position:relative;border-bottom:1px solid var(--cizgi);min-height:48px}
.ic-ust{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;gap:var(--s3);align-items:baseline;padding:var(--s3) 0 .2rem}
.ic-ust .mono:first-child{color:var(--soluk);white-space:nowrap}
.ic-ust b{font-size:var(--t-g);font-weight:600;line-height:1.25;transition:transform .7s var(--expo)}
.ic-sat:hover .ic-ust b{transform:translate3d(8px,0,0)}
.ic-sat details{padding:0 0 .6rem 5.5rem}
.ic-sat summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:var(--soluk);line-height:1.3}
.ic-sat summary::marker{color:var(--soluk)}
.ic-sat details ul{display:grid;gap:.4rem;padding-bottom:.4rem}
.ic-sat details li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.6rem;font-size:1rem;line-height:1.35}
.ic-sat details li .mono{color:var(--soluk)}
.ic-onizle{position:absolute;right:0;top:.6rem;z-index:2;width:12rem;height:auto;aspect-ratio:3/2;object-fit:cover;opacity:0;transform:translate3d(0,8px,0) scale(.94);transition:opacity .35s var(--quint),transform .6s var(--expo);pointer-events:none}
@media (hover:hover) and (pointer:fine) and (min-width:1000px){.ic-sat:hover .ic-onizle{opacity:1;transform:none}.ic-sat:hover .ic-ust .mono:last-child{opacity:0}}
@media (hover:none),(max-width:999px){.ic-onizle{display:none}}
@media (max-width:699px){.ic-ust{grid-template-columns:minmax(0,1fr) auto}.ic-ust .mono:first-child{grid-column:1/-1;margin-bottom:.2rem}.ic-sat details{padding-left:0}}

/* alıntılar */
.sd-alintilar{display:grid;gap:var(--s5);margin-top:var(--s5)}
@media (min-width:1000px){.sd-alintilar{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sd-alinti blockquote{font-size:clamp(1.5rem,2.3vw,2.2rem);font-weight:500;line-height:1.12;letter-spacing:-.02em}
.sd-alinti figcaption{margin-top:var(--s3)}

/* buluşmalar */
.sd-bulusmalar{margin-top:var(--s5)}
.sd-bul .sd-bul-no{display:grid;place-items:center;aspect-ratio:1;background:var(--mor-ton);color:var(--mor-koyu)}
.sd-bul small{display:block;color:var(--soluk);font-size:.95rem;margin-top:.15rem}
.sd-soylesi{display:grid;gap:.45rem;margin-top:var(--s4)}
@media (min-width:900px){.sd-soylesi{grid-template-columns:1fr 1fr;column-gap:var(--s5)}}
.sd-soylesi li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.6rem;font-size:1rem;line-height:1.35;padding:.35rem 0;border-bottom:1px solid var(--cizgi)}
.sd-soylesi li .mono{color:var(--soluk)}