/* ORFO-043 F1 adım 2: Sarıyer Notları (liste + makale; TR+EN) — orfo-v043.css üzerine. Kaynak: onizleme/043/notlar.html + not.html.
   Kartları ve makale gövdesini Worker basar (ntKart, ntPage, ntPageEn); kalıp kimlikleri #nt-liste, #nt-grid, #nt-bos aynı.
   Liste: ilk not dergi kapağı gibi büyük, sonrakiler satır. Makale: başlık bloğu, geniş kapak, solda yapışkan içindekiler (masaüstü), dar okuma sütunu. */
.iskele.sik.nt-sec{padding-top:40px;padding-left:0}
.nt-sec>.wrap{padding-left:56px}@media(min-width:900px){.nt-sec>.wrap{padding-left:104px}}
/* kartlar */
.nt-grid{border-top:1px solid var(--line)}
.nt-kart{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.nt-kart img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--sand)}
.nt-kart time{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-t)}
.nt-kart h2{font:400 22px/1.3 var(--serif);margin:10px 0 8px;max-width:none}
.nt-kart p{color:var(--ink-2);margin:0;font-size:16px;line-height:1.55}
.nt-kart .k{display:none}
.nt-kart:hover h2{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.nt-kart:first-child{grid-template-columns:1fr;gap:24px;padding:0 0 40px}
.nt-kart:first-child img{aspect-ratio:3/2}
.nt-kart:first-child h2{font-size:clamp(28px,3.6vw,44px);line-height:1.12;margin:14px 0 14px}
.nt-kart:first-child p{font-size:18px;margin-bottom:20px}
.nt-kart:first-child .k{display:inline-block;font:600 14px var(--sans);border-bottom:1px solid var(--gold);padding-bottom:3px}
@media(min-width:900px){.nt-kart{grid-template-columns:150px 1fr;gap:28px}.nt-kart:first-child{grid-template-columns:1.3fr 1fr;gap:56px;align-items:end;padding-bottom:56px}}
.nt-grid:empty{display:none}
.nt-bos{color:var(--ink-2);max-width:58ch;margin:24px 0 0}.nt-bos[hidden]{display:none}
.nt-bos a{color:var(--gold-t);text-underline-offset:3px}
/* makale */
.not .sbas h1{font-size:clamp(34px,5vw,60px);line-height:1.08;max-width:22ch}
.not .sbas .o-lead{font:400 clamp(19px,2vw,23px)/1.5 var(--serif);max-width:52ch}
.kunye{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:26px;font:13px/1.4 var(--sans);color:var(--ink-2)}
.kunye .yz{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600}
.kunye .yz i{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--gold-d);display:grid;place-items:center;font:600 12px var(--sans);font-style:normal}
.not .iskele.sik.nt-sec{padding-top:8px}
.nt-uyari{font:600 14px/1.5 var(--sans);background:var(--sand);border-left:2px solid var(--gold);padding:12px 16px;margin:0 0 24px}
.nt-kapak{margin:16px 0 0}
.nt-kapak img{width:100%;aspect-ratio:21/9;object-fit:cover;background:var(--ink)}
@media(max-width:700px){.nt-kapak{margin-right:-20px}.nt-kapak img{aspect-ratio:4/3}}
.okuma{display:grid;gap:24px;padding:32px 0 48px}
@media(min-width:1000px){.okuma{grid-template-columns:220px minmax(0,680px);gap:72px}}
.nt-icin{display:none}
@media(min-width:1000px){.nt-icin{display:flex;flex-direction:column;position:sticky;top:96px;align-self:start;font:13px/1.4 var(--sans)}
 .nt-icin b{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t);margin-bottom:12px}
 .nt-icin a{text-decoration:none;color:var(--ink-2);padding:8px 0 8px 14px;border-left:2px solid var(--line)}
 .nt-icin a.on{color:var(--ink);border-left-color:var(--gold)}}
.metin{font:400 19px/1.75 var(--serif);color:var(--ink);overflow-wrap:break-word;min-width:0}@media(min-width:900px){.metin{font-size:20px}}
.metin>p:first-child::first-letter{float:left;font:400 4.1em/.82 var(--serif);color:var(--gold-t);margin:.06em .1em 0 0}
.metin p{margin:0 0 1.15em}
.nt-govde.metin p,.nt-govde.metin li{color:var(--ink)}.nt-govde .nt-kaynak li,.nt-govde p.nt-not,.nt-govde .yazar p{color:var(--ink-2)}
.metin h2{font:400 clamp(26px,2.6vw,32px)/1.2 var(--serif);margin:2em 0 .6em;max-width:none;scroll-margin-top:90px}
.metin h3{font:600 21px/1.3 var(--serif);margin:1.6em 0 .5em}
.metin ul{padding-left:0;list-style:none;margin:0 0 1.3em}
.metin ul li{position:relative;padding-left:24px;margin-bottom:.6em}
.metin ul li::before{content:"";position:absolute;left:2px;top:.85em;width:10px;height:1px;background:var(--gold)}
.metin ol{padding-left:24px;margin:0 0 1.3em}.metin ol li{margin-bottom:.6em}
.metin blockquote{border-left:2px solid var(--gold);margin:28px 0;padding:4px 0 4px 20px;font:16px/1.6 var(--sans);color:var(--ink-2)}
.metin blockquote p{margin:0}
.metin a{color:var(--gold-t);text-underline-offset:3px}
.metin strong{font-weight:600}
.nt-kaynak{margin-top:2.4em;border-top:1px solid var(--line);padding-top:8px}
.nt-kaynak h2{font:600 15px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t);margin:24px 0 14px}
.nt-kaynak ul,.nt-kaynak ol{font:14px/1.55 var(--sans);color:var(--ink-2)}
.nt-kaynak li{margin-bottom:8px}.nt-kaynak a{color:var(--ink-2)}
.nt-not{font:14px/1.6 var(--sans);color:var(--ink-2);margin-top:28px}
.yazar{display:flex;gap:18px;align-items:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:40px;font:15px/1.6 var(--sans);color:var(--ink-2)}
.yazar img{flex:0 0 72px;width:72px;height:90px;object-fit:cover;background:var(--sand)}
.yazar b{display:block;color:var(--ink);font:600 18px var(--serif)}
.yazar a{color:var(--ink);font-weight:600;text-decoration:none}.yazar small{display:block;font-size:13px;margin-top:4px}.yazar small a{color:var(--ink-2);font-weight:400;text-decoration:underline}
.nt-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.metin .nt-acts .btn{color:#fff;text-decoration:none}.metin .nt-acts .btn.line{color:var(--ink);border-color:var(--ink)}
.nt-ilgili{margin-top:32px;font:15px/1.5 var(--sans)}
.nt-ilgili b{display:block;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t);margin-bottom:6px}
.metin .nt-ilgili a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.nt-geri{font:600 14px var(--sans);margin:0 0 24px}.nt-geri a{text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px}
@media print{.nt-icin,.nt-acts,.nt-ilgili,.nt-geri{display:none}.metin{font-size:11pt}}
/* c5m-68: makale içi fotoğraf ve video */
.nt-govde .nt-foto,.nt-govde .nt-video{margin:28px 0}
.nt-govde .nt-foto img{display:block;width:100%;height:auto;background:var(--sand)}
.nt-govde .nt-foto figcaption,.nt-govde .nt-video figcaption{margin-top:8px;font:13px/1.5 var(--sans);color:var(--ink-2)}
.nt-yt{position:relative;display:block;aspect-ratio:16/9;background:var(--ink);overflow:hidden;text-decoration:none}
.nt-yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82}
.nt-yt .oy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:rgba(15,29,51,.78);color:#fff;font-size:26px;line-height:68px;text-align:center;padding-left:4px}
.nt-yt .ad{position:absolute;left:16px;bottom:12px;color:#fff;font:600 13px/1.3 var(--sans);letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.nt-yt:hover .oy,.nt-yt:focus-visible .oy{background:rgba(15,29,51,.95)}
.nt-yt-f{aspect-ratio:16/9;background:#000}.nt-yt-f iframe{width:100%;height:100%;border:0;display:block}
.nt-govde .nt-galeri{display:grid;gap:14px;margin:28px 0}@media(min-width:700px){.nt-govde .nt-galeri{grid-template-columns:1fr 1fr;align-items:start}}
.nt-govde .nt-galeri .nt-foto{margin:0}.nt-govde .nt-galeri .nt-foto img{aspect-ratio:4/3;object-fit:cover}
