/* Additions to the live site's style.css + theme.css (both copied unchanged from digisuite.com.tr) for the
   server-rendered pages: accessibility, no-JS fallbacks, theme-aware logos, news list/article, pager, error page.
   No colour or type is defined here that the live palette does not already use. */

/* Module accent colours (live modules.js), as classes so no inline style is needed. Kept in sync by a test. */
.m-nex{--module-accent:#FF8C2A}.m-edit{--module-accent:#E8643C}.m-play{--module-accent:#B8912F}.m-run{--module-accent:#D98A2B}.m-center{--module-accent:#0D9488}.m-aim{--module-accent:#4F93CE}.m-arc{--module-accent:#8A7CC4}.m-bi{--module-accent:#3FA98C}.m-admin{--module-accent:#9B7620}.m-web{--module-accent:#3D9BD4}.m-oc{--module-accent:#7E8AA8}.m-insight{--module-accent:#3D5AA9}.m-social{--module-accent:#8C3C79}.m-air{--module-accent:#E0455E}.m-mam{--module-accent:#C9A24B}.m-cgp{--module-accent:#D9477E}.m-cgd{--module-accent:#D9477E}.m-montage{--module-accent:#8A4B24}.m-prpt{--module-accent:#5BB0A6}.m-iq{--module-accent:#6C7BE0}.m-xlt{--module-accent:#7AB648}

img{height:auto}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 14px;border-radius:8px;background:#2A2F4A;color:#fff;font-weight:700}
.skip-link:focus{top:12px}
main:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #BF932F;outline-offset:2px}
[data-theme="dark"] a:focus-visible,[data-theme="dark"] button:focus-visible{outline-color:#FFA63C}

/* Theme-aware approved logos: both files are in the page, CSS shows the one for the current theme. */
.logo-d{display:none}
[data-theme="dark"] .logo-l{display:none}
[data-theme="dark"] .logo-d{display:block}
.footer-logo{filter:none}

/* The language switch is a real link to the other-language page (the live site used a button + localStorage). */
.lang-toggle{display:inline-flex;align-items:center}

/* Without JavaScript: no theme / menu buttons, the menu is always open, nothing waits for the scroll reveal. */
.no-js .js-only{display:none!important}
.no-js .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.button:hover,.module-card:hover{transform:none}}
@media(max-width:680px){.no-js .site-nav{position:static;display:flex;flex-wrap:wrap;gap:10px 18px;padding:0 0 12px;border:0;background:transparent}.no-js .nav-shell{flex-wrap:wrap}}
[data-theme="dark"] .nav-toggle i{background:#EEF0F6}

h2.group-label{margin-top:0}
.module-group{scroll-margin-top:90px}

/* News list (server-rendered; the live page drew the same classes from news.js). */
.news-list{padding-top:40px}
.news-search-row{display:flex;gap:8px;align-items:center;width:min(520px,100%)}
.news-search-row .news-search{flex:1}
.news-search-row .news-chip{height:44px;padding:0 16px}
a.news-chip{display:inline-block}
.news-card{display:flex;flex-direction:column}
.news-thumb-link{position:relative;display:block}
img.news-thumb{height:190px;object-fit:cover}
.news-thumb--empty{display:grid;place-items:center;height:190px;background:#F1EADB}
.news-thumb--empty img{width:84px;opacity:.85}
[data-theme="dark"] .news-thumb--empty{background:#202534}
.news-play{position:absolute;left:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:rgba(23,28,48,.78)}
.news-play:after{content:"";position:absolute;left:16px;top:12px;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #FFC078}
.news-title a{color:inherit}
.news-title a:hover{text-decoration:underline}
.news-more{display:inline-block;margin-top:4px;font-size:.88rem}
.news-empty{display:grid;justify-items:center;gap:6px;padding:60px 20px;text-align:center;color:var(--muted)}
.news-empty img{width:90px;margin-bottom:12px}
.news-empty h2{margin:0;color:var(--ink)}
.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:34px;flex-wrap:wrap}

/* Story page */
.article{padding:56px 0 30px}
.article-wrap{max-width:820px}
.article-back{margin-bottom:22px;font-size:.9rem;font-weight:700}
.article-back a{color:#9B7620}
[data-theme="dark"] .article-back a{color:#FFA63C}
.article-title{margin:10px 0 18px;font-size:clamp(2rem,4vw,3.1rem)}
.article-summary{margin-bottom:26px;color:var(--muted);font-size:1.15rem}
.article-media{width:100%;margin:0 0 26px;border-radius:18px}
.article-body{font-size:1.04rem;line-height:1.7}
.article-body a{color:#9B7620;text-decoration:underline}
[data-theme="dark"] .article-body a{color:#FFA63C}
.mod-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.mod-tag{padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.75rem;font-weight:700}

/* Error page */
.error-lead{max-width:720px;margin:16px 0 26px;color:var(--muted);font-size:1.04rem}
.error-page p.error-lead+p{margin:0}

@media(max-width:680px){.news-search-row{width:100%}.article{padding-top:36px}}

/* Legal pages: draft banner (Legal:DraftPreview) and unfilled-marker placeholders; numbered lists and sub-headings. */
.legal-draft-banner{margin:0 0 28px;padding:14px 18px;border:2px solid #C98A00;border-radius:12px;background:#FFF4C2;color:#3A2E00;font-size:.92rem;line-height:1.5}
.legal-draft-banner strong{display:block;margin-bottom:4px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.legal-ph{padding:0 .25em;border-radius:3px;background:#FFE14D;color:#1A1A1A;font-weight:700;font-family:Consolas,"Courier New",monospace;font-size:.92em}
.legal .article-body h3{margin:26px 0 8px;color:var(--deep);font-size:1.05rem}
.legal .article-body ol{padding-left:1.4em}