/* Keep phone layout rules after desktop panel styles. */
@media (max-width:760px){
 .media-grid,.hero-grid,.knowledge-grid,.draft-video-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .media-grid>section,.hero-grid>section,.hero-grid>.hero-copy,.draft-video-screen,.draft-video-sidebar{min-width:0;max-width:100%}
 .media-grid>#afisler,.media-grid>#gunluk-takvim{grid-column:1;margin-top:0}
 .hero-grid>.hero-copy,.hero-grid>#haftanin-makalesi{min-height:0;padding:18px}
 .hero-copy h1{font-size:clamp(1.8rem,7.5vw,2.8rem);line-height:1.2;overflow-wrap:break-word}
 .draft-video-caption>div{min-width:0;max-width:100%}
 .draft-video-caption h3,.draft-video-item strong,.pdf-head h2,.knowledge-head h2{overflow-wrap:break-word}
 .draft-video-item{min-width:0;max-width:100%}
 .knowledge-nav{gap:10px}
 .knowledge-nav a{max-width:100%;overflow-wrap:break-word}
 .pdf-head{flex-wrap:wrap;gap:10px}
 .draft-video-heading{flex-wrap:wrap;gap:12px}
 .draft-video-controls{flex-wrap:wrap}
 .draft-video-controls button{flex:1;white-space:normal}
 #world-news-all-list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
 header .header-navigation .site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:4px}
 header .header-navigation .site-nav a{text-align:center;padding:9px 6px;line-height:1.4;overflow-wrap:break-word}
 .draft-video-list-heading{padding:14px}
 .knowledge-grid>section{padding:16px}
 .harameyn-live>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .harameyn-live a{padding:9px 6px}
}
@media (max-width:760px){
 /* Place lesson choices directly beneath the picture on phones. */
 #videolar .draft-video-grid,#sesli-dersler .draft-video-grid{row-gap:0}
 #videolar .draft-video-screen,#sesli-dersler .draft-video-screen{display:contents}
 #videolar .draft-video-frame,#sesli-dersler .nature-visual{grid-column:1;grid-row:1;border:1px solid #c4d7e5;border-top:4px solid #2474a6;border-radius:8px 8px 0 0;overflow:hidden}
 #videolar .draft-video-sidebar,#sesli-dersler .draft-video-sidebar{grid-column:1;grid-row:2;border-top:0;border-radius:0 0 8px 8px;margin:0}
 #videolar .draft-video-list-heading,#sesli-dersler .draft-video-list-heading{display:none}
 #videolar #video-fixed-list,#sesli-dersler #nature-fixed-list{max-height:150px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:5px;scrollbar-gutter:stable}
 #sesli-dersler #nature-fixed-list .draft-video-item{padding:7px 9px;gap:8px;margin-bottom:2px;min-height:44px}
 #sesli-dersler #nature-fixed-list .draft-video-item strong{font-size:.95rem;line-height:1.3}
 #sesli-dersler #nature-fixed-list .draft-video-item small{display:none}
 #videolar .draft-video-caption{grid-column:1;grid-row:3;background:white;padding:12px 14px}
 #videolar .draft-video-controls{grid-column:1;grid-row:4;background:white;padding:0 14px 14px}
 #sesli-dersler .nature-audio-content{grid-column:1;grid-row:3;background:white;padding:12px 14px}
 #sesli-dersler .nature-visual,#sesli-dersler .nature-visual>div,#sesli-dersler .nature-visual iframe{min-height:0}
 #sesli-dersler .nature-audio-content audio{margin:12px 0}
 #videolar .draft-video-caption h3{font-size:1rem;line-height:1.4}
}
@media(max-width:760px){
 /* One readable text style for both introduction cards on phones. */
 .hero-grid .hero-copy,.hero-grid #haftanin-makalesi{font-family:Arial,sans-serif;color:#173650;padding:16px;gap:0}
 .hero-grid .hero-copy h1,.hero-grid .hero-copy h2,.hero-grid .hero-copy h3,.hero-grid .hero-copy p,
 .hero-grid #haftanin-makalesi h1,.hero-grid #haftanin-makalesi h2,.hero-grid #haftanin-makalesi h3,.hero-grid #haftanin-makalesi p{
  font-family:Arial,sans-serif!important;font-size:1rem!important;line-height:1.55!important;font-weight:400!important;color:#173650!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none;margin:0 0 12px;overflow-wrap:break-word
 }
 .hero-grid .hero-copy>.eyebrow,.hero-grid #haftanin-makalesi .pdf-head h2{font-weight:700!important}
 .hero-grid .hero-copy>.eyebrow,.hero-grid #haftanin-makalesi .pdf-head{min-height:0;padding-bottom:10px;margin-bottom:12px}
 .hero-grid .hero-copy .hero-verse-stage,.hero-grid #haftanin-makalesi .article-stage{min-height:0}
 .hero-grid .hero-copy .verse-source{margin-top:10px;padding-top:10px}
 .hero-grid #haftanin-makalesi .btn,.hero-grid #haftanin-makalesi .all-pdf-button,.hero-grid #haftanin-makalesi .article-controls button{font-family:Arial,sans-serif;color:#173650;background:#edf5fc;border-color:#c4d7e5}
 .hero-grid #haftanin-makalesi .article-controls{margin-top:12px;font-family:Arial,sans-serif;color:#173650}
}
/* Introduction shortcuts use the same plain typography as the main menu. */
header .header-navigation .site-nav .header-live-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;width:auto}
header .header-navigation .site-nav .header-live-actions a{display:inline-block;min-height:0;padding:8px 11px;border:0;border-radius:0;background:none;box-shadow:none;color:#f3f5f8;font:inherit;font-size:.875rem;line-height:1.5;letter-spacing:inherit;white-space:nowrap;text-align:center}
header .header-navigation .site-nav .header-live-actions a:hover,header .header-navigation .site-nav .header-live-actions a:focus-visible{background:none;box-shadow:none}
header .header-navigation .site-nav .header-live-actions a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:480px){header .header-navigation .site-nav .header-live-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:4px}header .header-navigation .site-nav .header-live-actions a{padding:8px 6px}}
/* Equal-height books in a swipeable mobile shelf. */
@media(max-width:760px){
 #kitaplarim .published-books{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:0;align-items:stretch;scrollbar-width:none}
 #kitaplarim .published-book{min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:normal}
 #kitaplarim .published-book-cover{height:250px;flex:0 0 250px;padding:16px}
 #kitaplarim .published-book-cover img{max-height:218px;max-width:100%;object-fit:contain}
 #kitaplarim .published-book-copy{display:flex;flex-direction:column;flex:1;padding:16px}
 #kitaplarim .published-book-copy h3{font-size:1.05rem;line-height:1.4;margin-bottom:12px}
 #kitaplarim .published-book-copy p{font-size:.9rem}
 #kitaplarim .published-book-copy span{margin-top:auto}
}

@media(max-width:760px){#kitaplarim .published-books::-webkit-scrollbar{display:none}}
/* Warm light across the masthead name, with readable static fallback. */
header .identity .brand{color:#f6d78c;text-shadow:0 0 10px #e9bc6245,0 0 24px #e9bc6225}
@supports (background-clip:text) or (-webkit-background-clip:text){
 header .identity .brand{background-image:linear-gradient(110deg,#e2b866 0%,#f8dfa1 35%,#ffffff 48%,#fff3d4 53%,#f8dfa1 65%,#e2b866 100%);background-size:250% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #e9bc6240);animation:brand-light-pass 6s ease-in-out infinite}
}
@keyframes brand-light-pass{0%,20%{background-position:100% 50%}75%,100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){header .identity .brand{animation:none;background-position:50% 50%}}
/* PDF covers share one frame and each card has the same height. */
#pdfler .pdf-stage{align-items:stretch;overflow:hidden}
#pdfler .pdf-stage .pdf{display:flex;flex-direction:column;height:560px;min-height:560px;overflow:hidden}
#pdfler .pdf-stage .pdf img{display:block;width:100%;max-width:100%;height:260px;min-height:260px;max-height:260px;flex:0 0 260px;object-fit:contain;object-position:center;margin:0 auto;background:#f4f7fa}
#pdfler .pdf-stage .pdf>div{display:flex;flex-direction:column;flex:1;min-height:0}
#pdfler .pdf-stage .pdf h3{font-size:1.05rem;line-height:1.45;min-height:4.35em;max-height:4.35em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px}
#pdfler .pdf-stage .pdf .actions{margin-top:auto}
@media(max-width:760px){#pdfler .pdf-stage{display:flex;flex-wrap:nowrap;gap:0;width:100%;overflow:hidden}#pdfler .pdf-stage .pdf{flex:0 0 100%;width:100%;max-width:100%;height:560px;min-height:560px;padding:16px}#pdfler .pdf-stage .pdf[hidden],#pdfler .pdf-stage .pdf:last-child[hidden]{display:none!important}#pdfler .pdf-stage .pdf img{height:260px;max-height:260px}#pdfler .pdf-stage .pdf .actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}}
#pdfler .pdf-stage .pdf[hidden]{display:none!important}
/* Keep PDF text and actions directly below the equal-size cover. */
#pdfler .pdf-stage .pdf{height:auto;min-height:0;gap:8px}
#pdfler .pdf-stage .pdf>div{flex:0 0 auto;gap:0}
#pdfler .pdf-stage .pdf h3{min-height:0;max-height:none;margin:0 0 4px;line-height:1.35;display:block;overflow:visible;-webkit-line-clamp:unset}
#pdfler .pdf-stage .pdf p{margin:2px 0 4px}
#pdfler .pdf-stage .pdf .counts{margin:2px 0 4px}
#pdfler .pdf-stage .pdf .actions{margin-top:6px}
@media(max-width:760px){#pdfler .pdf-stage .pdf{height:auto;min-height:0;gap:8px}}