@font-face {
    font-family: "Roboto Slab";
    src: url("../font/RobotoSlab-VariableFont_wght.ttf") format("truetype-variations"),
         url("../font/RobotoSlab-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-VariableFont_wdth,wght.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-stretch: 75% 125%;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-stretch: 75% 125%;
    font-style: italic;
    font-display: swap;
}
.font-slab { font-family: "Roboto Slab", Georgia, "Times New Roman", serif; }

:root {
    --g-blue: #1a73e8;
    --g-blue-hover: #1765cc;
    --g-blue-bright: #4285f4;
    --g-blue-surface: #e8f0fe;
    --g-text: #202124;
    --g-text-2: #5f6368;
    --g-surface: #f8f9fa;
    --g-border: #dadce0;

    /* Logodaki lacivert/turkuazdan turetilen hero renkleri (secaiq.com'daki
       koyu hero ile ayni yaklasim) - turkuaz, logodakinden biraz daha kapali/koyu. */
    --hero-navy: #002864;
    --hero-navy-deep: #001838;
    --hero-blue: #3c78dc;
    --hero-teal: #3e8282;
    --hero-teal-bright: #5fb8b8;
}


html { -webkit-text-size-adjust: 100%; }
body {
    font-family: "Google Sans", "Roboto", Arial, "Helvetica Neue", sans-serif;
    color: var(--g-text);
    letter-spacing: 0.1px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Google Sans", "Roboto", Arial, sans-serif;
    color: var(--g-text);
    letter-spacing: -0.2px;
}

/* Public site: arayüz Roboto, başlıklar ve makale gövdesi Roboto Slab
   (admin paneli .adm-body etkilenmez) */
body:not(.adm-body) h1, body:not(.adm-body) h2, body:not(.adm-body) h3,
body:not(.adm-body) h4, body:not(.adm-body) h5, body:not(.adm-body) h6,
body:not(.adm-body) .prose {
    font-family: "Roboto Slab", Georgia, "Times New Roman", serif;
}

/* İçerik yazıları iki yana yaslı (paragraf + madde imleri).
   Araç widget'ları .not-prose ile işaretlidir: dar kutularda yaslama kelime aralarını
   açtığı için oralarda uygulanmaz (Tailwind'in kendi not-prose kapsamıyla aynı mantık). */
.prose :where(p, li):not(:where([class~="not-prose"] *)) { text-align: justify; hyphens: auto; }

/* Makale yazı boyutu kontrolü (A- / A / A+) */
.fs-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; padding: 0 .5rem; border: 1px solid var(--g-border); border-radius: .5rem; background: #fff; color: var(--g-text-2); font-weight: 600; line-height: 1; cursor: pointer; transition: background .12s, color .12s, border-color .12s; }
.fs-btn:hover { background: var(--g-blue-surface); color: var(--g-blue); border-color: #aecbfa; }


*, ::before, ::after { border-color: var(--g-border); }


img, svg, video, canvas { max-width: 100%; }
img:not([width]) { height: auto; }
html, body { overflow-x: hidden; }

/* Araç widget'ları için dar prose sütunundan tam genişliğe taşma (full-bleed).
   w-screen/left:50% tekniği mobilde kaydırma çubuğu payı yüzünden sağa taşma
   yapıyordu; bu sürüm yalnızca negatif margin kullanır, taşma yaratmaz. */
.tool-fullbleed {
    width: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
@media (max-width: 640px) {
    html { scroll-padding-top: 4.5rem; }
}

/* EXIF temizleyici: bırakma alanı ve bulgu rozetleri */
.ex-drop.is-over { border-color: #1a73e8; background: #e8f0fe; }
.ex-badge {
    display: inline-flex; align-items: center; border-radius: 9999px;
    background: #f1f3f4; color: #3c4043;
    padding: .15rem .55rem; font-size: .75rem; font-weight: 600;
}
.ex-badge--high { background: #fce8e6; color: #c5221f; }

/* Ekran görüntüsü maskeleyici: tuval ve seçili araç düğmesi */
.mk-drop.is-over { border-color: #1a73e8; background: #e8f0fe; }
.mk-canvas { touch-action: none; cursor: crosshair; }
.mk-tool[aria-pressed="true"] { background: #e8f0fe; border-color: #1a73e8; color: #1a73e8; }

/* Bağlantı çözümleyici: adres yapısı ve karar kutusu */
.lk-struct {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    word-break: break-all; line-height: 1.7;
}
.lk-dim { color: #80868b; }
.lk-reg { color: #202124; background: #fef7e0; padding: .05em .25em; border-radius: .25rem; }
.lk-verdict { border-radius: 1rem; border: 1px solid; padding: 1.25rem; }
.lk-v-high  { background: #fce8e6; border-color: #f9dedc; color: #c5221f; }
.lk-v-warn  { background: #fef7e0; border-color: #feefc3; color: #b06000; }
.lk-v-clean { background: #e6f4ea; border-color: #ceead6; color: #137333; }
.lk-f-high { background: #fce8e6; border-color: #f9dedc; color: #c5221f; }
.lk-f-warn { background: #fef7e0; border-color: #feefc3; color: #b06000; }
.lk-f-info { background: #f8f9fa; border-color: #e8eaed; color: #3c4043; }
.lk-f-ok   { background: #e6f4ea; border-color: #ceead6; color: #137333; }


.skip-link {
    position: absolute;
    left: 1rem;
    top: -4rem;
    z-index: 100;
    background: var(--g-blue);
    color: #fff;
    padding: 0.6rem 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: top 0.15s ease;
}
.skip-link:focus {
    top: 1rem;
    outline: 3px solid #aecbfa;
    outline-offset: 2px;
}


.focus-ring:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[contenteditable]:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--g-blue);
    outline-offset: 2px;
    border-radius: 0.375rem;
}


.sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}


.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 500;
    font-size: 0.95rem;
    border-radius: .5rem;
    padding: 0.7rem 1.5rem;
    transition: background-color .15s ease, box-shadow .15s ease, color .15s ease;
    cursor: pointer;
    line-height: 1.2;
}
.hero-cta .btn { padding: 0.5rem 1rem; }
.btn-primary {
    background: var(--g-blue);
    color: #fff;
}
.btn-primary:hover { background: var(--g-blue-hover); box-shadow: 0 1px 3px rgba(60,64,67,.3); }
.btn-outline {
    background: #fff;
    color: var(--g-blue);
    border: 1px solid var(--g-border);
}
.btn-outline:hover { background: var(--g-blue-surface); border-color: #d2e3fc; }
.btn-rose { background: #e23744; color: #fff; }
.btn-rose:hover { background: #c81e2b; box-shadow: 0 1px 3px rgba(60,64,67,.3); }
.btn-teal { background: #0e7c86; color: #fff; }
.btn-teal:hover { background: #0a5f67; box-shadow: 0 1px 3px rgba(60,64,67,.3); }


.g-link { color: var(--g-blue); font-weight: 500; }
.g-link:hover { text-decoration: underline; }


.g-card {
    background: #fff;
    border: 1px solid var(--g-border);
    border-radius: 1rem;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.g-card:hover {
    box-shadow: 0 1px 2px rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
    border-color: transparent;
}


.site-header { transition: box-shadow .2s ease, border-color .2s ease; }
.site-header--scrolled { box-shadow: 0 1px 2px rgba(60,64,67,.1), 0 4px 12px -4px rgba(60,64,67,.12); border-color: transparent; }

.nav-link,
.nav-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.5rem 0.9rem;
    border-radius: 9999px;
    font-size: 0.925rem;
    font-weight: 500;
    color: var(--g-text-2);
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
.nav-link:hover,
.nav-trigger:hover { background: var(--g-surface); color: var(--g-text); }
.nav-link--active,
.nav-trigger--active { color: var(--g-blue); background: var(--g-blue-surface); }
.nav-link--active:hover,
.nav-trigger--active:hover { background: #d9e7fd; color: var(--g-blue); }


.nav-trigger svg { transition: transform .18s ease; }
.nav-trigger[aria-expanded="true"] svg,
.nav-dropdown:hover .nav-trigger svg { transform: rotate(180deg); }

.nav-panel {
    position: absolute;
    left: 0;
    top: calc(100% + 0.6rem);
    min-width: 17rem;
    background: #fff;
    border: 1px solid #e8eaed;
    border-radius: 1rem;
    box-shadow: 0 10px 28px -8px rgba(60,64,67,.28), 0 2px 6px rgba(60,64,67,.12);
    padding: 0.6rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}
.nav-panel--mega { width: 38rem; max-width: calc(100vw - 2rem); }
.nav-panel--aud { min-width: 23rem; }
.nav-dropdown:hover .nav-panel,
.nav-dropdown:focus-within .nav-panel,
.nav-panel.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.nav-panel__title {
    padding: 0.25rem 0.6rem 0.5rem;
    font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
    color: #5f6368;
}

.nav-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.5rem 0.625rem;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    color: var(--g-text-2);
}
.nav-item:hover { background: var(--g-blue-surface); color: var(--g-blue); }


.nav-aud { display: flex; align-items: center; gap: 0.7rem; padding: 0.5rem 0.6rem; border-radius: 0.65rem; color: var(--g-text); }
.nav-aud:hover { background: var(--g-surface); }
.nav-aud__icon {
    display: inline-flex; align-items: center; justify-content: center;
    height: 2rem; width: 2rem; flex: none; border-radius: 0.6rem;
    background: var(--g-blue-surface); color: var(--g-blue);
    transition: background-color .15s ease;
}
.nav-aud:hover .nav-aud__icon { background: #d9e7fd; }
.nav-aud__name { display: block; font-size: 0.9rem; font-weight: 600; line-height: 1.2; }
.nav-aud__tag { display: block; font-size: 0.75rem; color: #5f6368; line-height: 1.25; margin-top: 0.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mnav {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.6rem;
    font-weight: 500;
    color: var(--g-text-2);
}
.mnav:hover { background: var(--g-surface); color: var(--g-text); }
.mnav--active { background: var(--g-blue-surface); color: var(--g-blue); }
.mnav__icon { display: inline-flex; height: 1.5rem; width: 1.5rem; align-items: center; justify-content: center; color: var(--g-blue); }


.ed-btn {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2rem; height: 2rem; padding: 0 .5rem;
    border-radius: .45rem; font-size: .85rem; font-weight: 600;
    color: #3c4043; background: #fff; border: 1px solid var(--g-border);
    cursor: pointer;
}
.ed-btn:hover { background: #eff6ff; color: var(--g-blue); border-color: #bfdbfe; }


.hero-tab {
    color: var(--g-text-2);
    border: 1px solid transparent;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .12s ease, color .12s ease;
}
.hero-tab:hover { background: var(--g-surface); color: var(--g-text); }
.hero-tab[aria-selected="true"] {
    background: var(--g-blue-surface);
    color: var(--g-blue);
}


.prose { --tw-prose-body: #000; --tw-prose-headings: #000; --tw-prose-bold: #000; --tw-prose-quotes: #000; }
.prose :where(h2):not(:where([class~="not-prose"] *)) { scroll-margin-top: 5rem; }
.prose :where(a):not(:where([class~="not-prose"] *)) { color: var(--g-blue); }
.prose :where(img):not(:where([class~="not-prose"] *)) { border-radius: 0.5rem; }


@media (prefers-reduced-motion: reduce) {
    * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}


.gx-card { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.gx-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px -12px rgba(60,64,67,.3); border-color: transparent; }
.gx-tile { transition: transform .18s ease, box-shadow .18s ease; }
.gx-tile:hover { transform: translateY(-4px); box-shadow: 0 16px 36px -16px rgba(60,64,67,.32); }
.gx-arrow { transition: gap .15s ease, transform .15s ease; }
.gx-card:hover .gx-arrow, .gx-tile:hover .gx-arrow { gap: .6rem; transform: translateX(2px); }


.profile-item {
    display: flex; align-items: center; gap: .85rem; width: 100%; text-align: left;
    padding: .7rem .8rem; border-radius: .9rem; border: 1px solid rgba(255,255,255,.7);
    background: #f4f8ff; cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.profile-item:hover { background: #fff; border-color: var(--g-border); }
.profile-item[aria-selected="true"] { background: #fff; border-color: var(--g-border); box-shadow: 0 1px 4px rgba(60,64,67,.14); }
.profile-name { font-weight: 600; color: var(--g-text); }
.profile-item[aria-selected="true"] .profile-name { color: var(--g-blue); }
/* Sayı ve "Yeni" rozeti, ad kaç satıra sarılırsa sarılsın adın bittiği yerden hemen başlar (satır içi akış). */
.profile-name-row { display: block; min-width: 0; overflow-wrap: anywhere; }
.profile-name-row .pcount { font-size: .75rem; font-weight: 400; color: #5f6368; }
.aud-ico { position: relative; }
/* "Yeni": ikonun hemen altında; mutlak konumlu olduğu için kartı büyütmez. */
.aud-new-under { position: absolute; z-index: 1; left: 50%; top: calc(100% - 4px); transform: translateX(-50%); padding: 0 .35rem; border-radius: 9999px;
    background: #e6f4ea; color: #137333; font-size: .5625rem; font-weight: 700; line-height: .875rem; box-shadow: 0 0 0 1.5px #fff; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; pointer-events: none; }
@media (max-width: 1023px) { .aud-new-under { top: -7px; left: auto; right: -9px; transform: none; } }
.profile-arrow { opacity: 0; transform: translateX(-4px); transition: opacity .15s ease, transform .15s ease; }
.profile-item[aria-selected="true"] .profile-arrow { opacity: 1; transform: none; }

/* Mobilde yatay sekme: 6 ikon eşit genişlikte satıra sığar (kaydırma/taşma yok). */
@media (max-width: 1023.98px) {
    .profile-item { flex: 1 1 0; min-width: 0; justify-content: center; padding: 2px; gap: 0; border-radius: .7rem; }
    .profile-item .profile-text,
    .profile-item .profile-arrow { display: none; }
    /* Ikon kutusu (h-10 w-10 shrink-0) sekmeyi en az 50px yapip 7 sekmeyi ekrandan tasiriyordu (sayfa yana kayiyordu):
       kutu, sekme genisligine gore kuculur (en fazla 2.5rem, kare). */
    .profile-item .aud-ico { width: 100%; max-width: 2.5rem; height: auto; aspect-ratio: 1; min-width: 0; flex-shrink: 1; }
    /* Ikon, kutunun tam ortasinda: sarmalayici span kutuyu doldurup ortalar (yoksa svg sola yapisiyordu). */
    .profile-item .aud-ico > span[aria-hidden] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
    .profile-item .aud-ico svg { width: 60%; height: 60%; flex: none; }
    /* Aktif sekme: mavi dolgu + beyaz ikon (pasiflerden net ayrisir; ikon kutusunun kendi rengi ezilir). */
    .profile-item[aria-selected="true"] { background: var(--g-blue); border-color: var(--g-blue); box-shadow: none; }
    .profile-item[aria-selected="true"] .aud-ico { background: transparent !important; color: #fff !important; }
}


.hero-carousel { position: relative; overflow: hidden; border-radius: 1rem; border: 1px solid var(--g-border); background: #fff; box-shadow: 0 18px 48px -22px rgba(60,64,67,.4); }
.hero-track { display: flex; transition: transform .55s cubic-bezier(.4,0,.2,1); }
.hero-slide { flex: 0 0 100%; min-width: 100%; }
.hero-dot { height: .5rem; width: .5rem; border-radius: 9999px; background: var(--g-border); border: 0; padding: 0; cursor: pointer; transition: width .2s ease, background-color .2s ease; }
.hero-dot[aria-selected="true"] { width: 1.5rem; background: var(--g-blue); }
.hero-nav {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;
    display: inline-flex; align-items: center; justify-content: center;
    height: 2.5rem; width: 2.5rem; border-radius: 9999px;
    background: rgba(255,255,255,.92); color: #3c4043; border: 1px solid var(--g-border);
    box-shadow: 0 2px 10px rgba(60,64,67,.28); cursor: pointer;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.hero-nav:hover { background: #fff; color: var(--g-blue); box-shadow: 0 4px 14px rgba(60,64,67,.32); }
.hero-nav--prev { left: .6rem; }
.hero-nav--next { right: .6rem; }
@media (prefers-reduced-motion: reduce) { .hero-track { transition: none; } }


.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }


.gloss-term {
    border-bottom: 1px dashed #9aa0a6;
    cursor: help;
    text-decoration: none;
    color: inherit;
}
.prose :where(.gloss-term):not(:where([class~="not-prose"] *)) { color: inherit; text-decoration: none; }
.gloss-term:hover, .gloss-term:focus-visible {
    border-bottom-color: #1a73e8;
    background: #e8f0fe;
    border-radius: 2px;
    outline: none;
}
.gloss-link {
    margin-left: 1px;
    font-size: .68em;
    line-height: 1;
    vertical-align: super;
    color: #1a73e8;
    text-decoration: none;
}
.gloss-link:hover, .gloss-link:focus-visible { color: #1765cc; }
.prose :where(.gloss-link):not(:where([class~="not-prose"] *)) { color: #1a73e8; text-decoration: none; font-weight: 400; }
.gloss-tip {
    position: fixed;
    z-index: 70;
    max-width: 280px;
    background: #202124;
    color: #fff;
    font-size: 0.8125rem;
    line-height: 1.45;
    padding: 0.5rem 0.625rem;
    border-radius: 0.5rem;
    box-shadow: 0 8px 28px rgba(0,0,0,0.28);
    pointer-events: none;
    opacity: 0;
    transform: translateY(2px);
    transition: opacity 0.12s ease, transform 0.12s ease;
}
.gloss-tip.is-visible { opacity: 1; transform: translateY(0); }
.gloss-tip__term { display: block; font-weight: 700; color: #8ab4f8; margin-bottom: 0.15rem; }

/* İçerik geri bildirimi + paylaş butonları */
.fb-btn { display: inline-flex; align-items: center; gap: .3rem; border: 1px solid #dadce0; border-radius: 9999px; padding: .35rem .85rem; font-size: .85rem; color: #3c4043; background: #fff; cursor: pointer; transition: background .12s, border-color .12s; }
.fb-btn:hover { background: #f1f3f4; border-color: #c2c7cf; }
.share-btn { display: inline-flex; align-items: center; justify-content: center; height: 2.25rem; width: 2.25rem; border: 1px solid #dadce0; border-radius: 9999px; color: #5f6368; background: #fff; cursor: pointer; transition: background .12s, color .12s, border-color .12s; }
.share-btn:hover { background: #e8f0fe; color: #1a73e8; border-color: #aecbfa; }
.share-btn.is-copied { background: #e6f4ea; color: #137333; border-color: #a8dab5; }

/* Hero tanıtım videosu popup */
.hv-modal { position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(15,23,30,.72); backdrop-filter: blur(2px); }
.hv-modal[hidden] { display: none; }
.hv-modal__box { position: relative; width: 100%; max-width: 960px; }
.hv-modal__frame { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: .75rem; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.45); }
.hv-modal__frame iframe, .hv-modal__frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.hv-modal__close { position: absolute; top: -2.6rem; right: 0; display: inline-flex; align-items: center; justify-content: center; height: 2.2rem; width: 2.2rem; border-radius: 9999px; background: rgba(255,255,255,.15); color: #fff; font-size: 1rem; cursor: pointer; border: 0; transition: background .12s; }
.hv-modal__close:hover { background: rgba(255,255,255,.3); }
@media (max-width: 640px) { .hv-modal__close { top: -2.4rem; } }

/* Tepe çizgisi (sağdan sola turkuaz-mavi gradyan; sabit değil, sayfayla kayar) */

/* Sertifika — A4 yatay, baskı için (cqw birimleriyle orantılı ölçek) */
.cert-a4 {
    container-type: inline-size;
    width: 297mm; max-width: 100%; aspect-ratio: 297 / 210;
    margin: 0 auto; position: relative; overflow: hidden; background: #fff;
    box-shadow: 0 22px 60px rgba(60,64,67,.22);
    background-image:
        radial-gradient(circle at 0 0, rgba(0,56,115,.07), transparent 24%),
        radial-gradient(circle at 100% 100%, rgba(72,186,178,.12), transparent 26%);
}
.cert-a4 .frame { position: absolute; inset: 2.6cqw; border: .32cqw solid #003873; border-radius: .5cqw; }
.cert-a4 .frame::after { content: ""; position: absolute; inset: .85cqw; border: .1cqw solid rgba(78,149,226,.55); border-radius: .35cqw; }
.cert-corner { position: absolute; width: 5.5cqw; height: 5.5cqw; border: .32cqw solid #48BAB2; z-index: 2; }
.cert-corner.tl { top: 4cqw; left: 4cqw; border-right: 0; border-bottom: 0; }
.cert-corner.tr { top: 4cqw; right: 4cqw; border-left: 0; border-bottom: 0; }
.cert-corner.bl { bottom: 4cqw; left: 4cqw; border-right: 0; border-top: 0; }
.cert-corner.br { bottom: 4cqw; right: 4cqw; border-left: 0; border-top: 0; }
.cert-content { position: absolute; inset: 6cqw 11cqw 19cqw; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.cert-issuer { display: inline-flex; align-items: center; gap: 1cqw; color: #003873; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; font-size: 1.5cqw; }
.cert-title2 { margin-top: 2cqw; font-size: 5cqw; font-weight: 800; letter-spacing: .1em; color: #003873; text-transform: uppercase; line-height: 1; }
.cert-rule { width: 13cqw; height: .3cqw; background: linear-gradient(90deg, #48BAB2, #4E95E2); margin-top: 1.4cqw; border-radius: 1px; }
.cert-pre { margin-top: 2.6cqw; font-size: 1.7cqw; color: #5b6b72; letter-spacing: .02em; }
.cert-name2 { margin-top: .8cqw; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 6cqw; line-height: 1.05; color: #263238; }
.cert-name2-underline { width: 46cqw; max-width: 80%; height: 1px; background: rgba(78,149,226,.5); margin-top: 1.2cqw; }
.cert-desc2 { margin-top: 2.4cqw; max-width: 62cqw; font-size: 1.75cqw; line-height: 1.6; color: #3c4043; }
.cert-desc2 strong { color: #003873; }
.cert-foot { position: absolute; left: 11cqw; right: 11cqw; bottom: 6cqw; display: flex; align-items: flex-end; justify-content: space-between; gap: 3cqw; }
.cert-foot .col { flex: 1; text-align: center; }
.cert-foot .seal { flex: 0 0 auto; }
.cert-foot .val { font-size: 1.7cqw; font-weight: 700; color: #263238; white-space: nowrap; }
.cert-foot .lbl { margin: .5cqw auto 0; max-width: 22cqw; border-top: 1px solid #48BAB2; padding-top: .55cqw; font-size: 1.25cqw; letter-spacing: .08em; text-transform: uppercase; color: #5b6b72; }
.cert-note2 { position: absolute; left: 11cqw; right: 11cqw; bottom: 3.2cqw; text-align: center; font-size: 1.1cqw; color: #9aa0a6; }
@media print {
    html, body { background: #fff !important; margin: 0 !important; padding: 0 !important; }
    [data-print-hide] { display: none !important; }
    .cert-a4 { width: 297mm; height: 210mm; max-width: none; box-shadow: none; }
    @page { size: A4 landscape; margin: 0; }
}

/* ============================================================
   Yönetim paneli tasarım sistemi — "Künye" (editöryal dosya masası)
   Marka paleti: antrasit metin, vurgu mavi, koyu lacivert derinlik,
   ikincil turkuaz (amblem gradyanlarından türetilir).
   ============================================================ */
:root {
    --adm-bg: #eef1f5;
    --adm-surface: #ffffff;
    --adm-border: #dfe3e8;
    --adm-border-strong: #c4ccd4;
    --adm-ink: #263238;
    --adm-muted: #55606a;
    --adm-faint: #8b949c;
    --adm-signal: #4e95e2;
    --adm-signal-ink: #003873;
    --adm-signal-soft: #e8f1fc;
    --adm-teal: #3e8d96;
    --adm-teal-ink: #2f6b72;
    --adm-teal-soft: #e3f2f1;
    --adm-amber: #b45309;
    --adm-amber-ink: #92400e;
    --adm-amber-soft: #fbf0e1;
}

.adm-body { background: var(--adm-bg); color: var(--adm-ink); }

/* Kenar çubuğu */
.adm-sidebar { background: var(--adm-surface); border-right: 1px solid var(--adm-border); }
.adm-brand { border-bottom: 1px solid var(--adm-border); }
.adm-brand-badge { background: linear-gradient(135deg, #5ca0dd, #003873); box-shadow: 0 2px 6px rgba(0,56,115,.35); }
.adm-nav-link { display: flex; align-items: center; gap: .7rem; border-radius: 0 .5rem .5rem 0; border-left: 3px solid transparent; padding: .5rem .7rem .5rem calc(.7rem - 3px); font-size: .875rem; font-weight: 500; color: #3c4540; transition: background .12s, color .12s, border-color .12s; }
.adm-nav-link:hover { background: #f1f4f0; color: var(--adm-signal-ink); }
.adm-nav-link.is-active { background: var(--adm-signal-soft); border-left-color: var(--adm-signal); color: var(--adm-signal-ink); font-weight: 700; }
.adm-nav-link svg { color: #9aa39c; }
.adm-nav-link:hover svg, .adm-nav-link.is-active svg { color: var(--adm-signal); }
.adm-nav-section { margin-top: .4rem; padding: 1rem .75rem .3rem; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--adm-faint); border-top: 1px solid var(--adm-border); }
.adm-nav-section:first-child { margin-top: 0; border-top: 0; }

/* ---- Menü: site ikonu, arama, daraltılabilir gruplar, rozet ---- */
.adm-brand-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: none; }
.adm-brand-icon img { width: 36px; height: 36px; object-fit: contain; display: block; }
.adm-brand-name { font-family: "Roboto Slab", Georgia, serif; font-size: 1.25rem; font-weight: 700; line-height: 1.15; letter-spacing: -.01em; color: var(--adm-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-brand-sub { font-size: .6875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--adm-faint); line-height: 1.3; }
.adm-group { border-top: 1px solid var(--adm-border); margin-top: .35rem; padding-top: .1rem; }
.adm-group-sum { display: flex; align-items: center; justify-content: space-between; gap: .5rem; list-style: none; cursor: pointer; user-select: none; padding: .6rem .75rem .4rem; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--adm-faint); border-radius: .4rem; }
.adm-group-sum::-webkit-details-marker { display: none; }
.adm-group-sum:hover { color: var(--adm-ink); }
.adm-group-sum:focus-visible { outline: 2px solid var(--adm-signal); outline-offset: -2px; }
.adm-group-chev { flex: none; transition: transform .18s ease; }
.adm-group:not([open]) .adm-group-chev { transform: rotate(-90deg); }
.adm-group-body { display: flex; flex-direction: column; gap: 2px; padding-bottom: .35rem; }
.adm-nav-link .adm-nav-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-nav-badge { margin-left: auto; flex: none; min-width: 1.35rem; padding: .05rem .4rem; border-radius: 9999px; background: var(--adm-signal-soft); color: var(--adm-signal-ink); font-size: .6875rem; font-weight: 700; text-align: center; line-height: 1.35; }
.adm-nav-link.is-active .adm-nav-badge { background: var(--adm-signal); color: #fff; }
@media (prefers-reduced-motion: reduce) { .adm-group-chev { transition: none; } }

/* ---- Gösterge paneli (v2): boru hattı, sayı kartları, liste + sağ kenar ---- */
.adm-dash-stack { display: flex; flex-direction: column; gap: 1.5rem; }
.adm-pipe { overflow: hidden; }
.adm-pipe-head { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; padding: 1.15rem 1.5rem; }
.adm-pipe-head > div { flex: 1 1 240px; min-width: 0; }
.adm-pipe-sub { margin: .15rem 0 0; font-size: .8125rem; color: var(--adm-muted); }
.adm-pipe-worker { display: inline-flex; align-items: center; gap: .45rem; padding: .25rem .65rem; border-radius: 9999px; font-size: .75rem; font-weight: 600; background: #eaeee8; color: var(--adm-muted); white-space: nowrap; }
.adm-pipe-worker i { width: .5rem; height: .5rem; border-radius: 9999px; background: #9aa39c; }
.adm-pipe-worker.is-on { background: #e3f6ec; color: #146c43; }
.adm-pipe-worker.is-on i { background: #1f9d63; }
.adm-pipe-worker.is-wait { background: #fff4dc; color: #7a4e00; }
.adm-pipe-worker.is-wait i { background: #d99a1c; }
.adm-pipe-link, .adm-hat-link { font-size: .875rem; font-weight: 600; color: var(--adm-signal); white-space: nowrap; }
.adm-pipe-link:hover, .adm-hat-link:hover { text-decoration: underline; }
.adm-pipe-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--adm-border); border-bottom: 1px solid var(--adm-border); }
.adm-pipe-step { position: relative; }
.adm-pipe-step + .adm-pipe-step { border-left: 1px solid var(--adm-border); }
.adm-pipe-step + .adm-pipe-step::before { content: "\203A"; position: absolute; left: -.55rem; top: 50%; transform: translateY(-50%); width: 1.1rem; height: 1.1rem; display: grid; place-items: center; border-radius: 9999px; background: var(--adm-surface); border: 1px solid var(--adm-border); font-size: .85rem; line-height: 1; color: var(--adm-faint); z-index: 1; }
.adm-pipe-step a { display: flex; flex-direction: column; gap: .1rem; height: 100%; padding: 1.1rem 1.4rem; transition: background .12s; }
.adm-pipe-step a:hover { background: #f7f9fc; }
.adm-pipe-n { font-family: "Roboto Slab", Georgia, serif; font-size: 1.9rem; font-weight: 700; line-height: 1.1; color: var(--adm-ink); font-variant-numeric: tabular-nums; }
.adm-pipe-l { font-size: .8125rem; font-weight: 700; color: var(--adm-ink); }
.adm-pipe-h { font-size: .75rem; color: var(--adm-faint); }
.adm-pipe-recent { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 1rem 1.5rem 1.25rem; }
.adm-pipe-recent-h { grid-column: 1 / -1; margin: 0; font-size: .6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--adm-faint); }
.adm-pipe-card { display: flex; flex-direction: column; gap: .4rem; padding: .75rem .85rem; border-radius: .7rem; background: #f0fdf4; border: 1px solid #bbf7d0; min-width: 0; transition: border-color .12s; }
.adm-pipe-card:hover { border-color: #86efac; }
.adm-pipe-card-t { font-size: .875rem; font-weight: 600; line-height: 1.35; color: var(--adm-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adm-pipe-card-m { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-size: .75rem; color: var(--adm-faint); }
.adm-pipe-empty { grid-column: 1 / -1; margin: 0; font-size: .8125rem; color: var(--adm-muted); }

.adm-kpis { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.adm-kpi2 { display: flex; align-items: center; gap: .9rem; min-width: 0; padding: 1.05rem 1.15rem; background: var(--adm-surface); border: 1px solid var(--adm-border); border-radius: .85rem; box-shadow: 0 1px 2px rgba(20,28,24,.05); transition: border-color .15s, box-shadow .15s; }
.adm-kpi2:hover { border-color: #b7d1ee; box-shadow: 0 6px 18px rgba(20,28,24,.07); }
.adm-kpi2-ico { display: inline-flex; flex: none; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: .7rem; background: var(--adm-signal-soft); color: var(--adm-signal); }
.adm-kpi2-body { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.adm-kpi2-l { font-size: .6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--adm-faint); }
.adm-kpi2-n { font-family: "Roboto Slab", Georgia, serif; font-size: 1.65rem; font-weight: 700; line-height: 1.15; color: var(--adm-ink); font-variant-numeric: tabular-nums; }
.adm-kpi2-h { font-size: .75rem; color: var(--adm-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-kpi2-spark { flex: none; }

.adm-dash { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
.adm-dash-main, .adm-dash-rail { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
.adm-lst { display: flex; flex-direction: column; }
.adm-lrow { display: flex; align-items: center; gap: .85rem; min-width: 0; padding: .7rem 1.25rem; border-top: 1px solid #eef1ec; transition: background .12s; }
.adm-lrow:first-child { border-top: 0; }
.adm-lrow:hover { background: #f6f8f5; }
.adm-lrow-rank { flex: none; width: 1.5rem; text-align: center; font-family: ui-monospace, Menlo, monospace; font-weight: 700; color: #c4ccd4; }
.adm-lrow-main { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.adm-lrow-t { font-size: .875rem; font-weight: 600; color: var(--adm-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-lrow:hover .adm-lrow-t { color: var(--adm-signal); }
.adm-lrow-m { font-size: .75rem; color: var(--adm-faint); }
.adm-lrow-v { flex: none; font-size: .875rem; font-weight: 700; color: var(--adm-signal); font-variant-numeric: tabular-nums; }
.adm-act { display: flex; flex-direction: column; }
.adm-act-row { display: flex; flex-direction: column; gap: .2rem; padding: .7rem 1.25rem; border-top: 1px solid #eef1ec; }
.adm-act-row:first-child { border-top: 0; }
.adm-act-top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.adm-act-time { font-size: .75rem; color: var(--adm-faint); white-space: nowrap; }
.adm-act-t { font-size: .8125rem; color: #3c4150; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adm-act-m { font-size: .75rem; color: var(--adm-faint); }
.adm-sys { list-style: none; margin: 0; padding: .35rem .75rem .5rem; }
.adm-sys a { display: flex; align-items: center; gap: .6rem; padding: .55rem .5rem; border-radius: .5rem; font-size: .875rem; color: #3c4150; }
.adm-sys a:hover { background: #f7f9fc; }
.adm-sys i { flex: none; width: .55rem; height: .55rem; border-radius: 9999px; background: #c4ccd4; }
.adm-sys a.is-on i { background: #1f9d63; }
.adm-sys b { margin-left: auto; font-size: .75rem; font-weight: 600; color: var(--adm-faint); }
.adm-sys a.is-on b { color: #146c43; }
.adm-sys-note { margin: 0; padding: 0 1.25rem 1.1rem; font-size: .75rem; line-height: 1.6; color: var(--adm-faint); }

@media (min-width: 1180px) { .adm-dash--rail { grid-template-columns: minmax(0, 1fr) 340px; } }
@media (max-width: 1180px) { .adm-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .adm-pipe-recent { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) {
    .adm-pipe-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .adm-pipe-step + .adm-pipe-step { border-left: 0; }
    .adm-pipe-step + .adm-pipe-step::before { display: none; }
    .adm-pipe-step:nth-child(even) { border-left: 1px solid var(--adm-border); }
    .adm-pipe-step:nth-child(n+3) { border-top: 1px solid var(--adm-border); }
    .adm-pipe-step:last-child { grid-column: 1 / -1; }
    .adm-pipe-head, .adm-pipe-recent { padding-left: 1rem; padding-right: 1rem; }
    .adm-pipe-step a { padding: .95rem 1rem; }
}
@media (max-width: 520px) { .adm-kpis { grid-template-columns: minmax(0, 1fr); } }
.adm-subnav { display: flex; align-items: center; justify-content: space-between; gap: .5rem; border-radius: .5rem; padding: .35rem .7rem .35rem 2.7rem; font-size: .8125rem; color: var(--adm-muted); transition: background .12s, color .12s; }
.adm-subnav:hover { background: #f1f4f0; color: var(--adm-ink); }
.adm-subnav.is-active { background: var(--adm-signal-soft); color: var(--adm-signal-ink); font-weight: 600; }
.adm-count { border-radius: 9999px; padding: .05rem .5rem; font-size: .6875rem; font-weight: 600; background: #eaeee8; color: var(--adm-muted); }
.adm-subnav.is-active .adm-count { background: var(--adm-signal); color: #fff; }

/* Üst bar */
.adm-topbar { background: rgba(255,255,255,.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--adm-border); }

/* Kartlar / yüzeyler */
.adm-card { background: var(--adm-surface); border: 1px solid var(--adm-border); border-radius: .85rem; box-shadow: 0 1px 2px rgba(20,28,24,.05); }
.adm-card-hover { transition: border-color .15s, box-shadow .15s, transform .15s; }
.adm-card-hover:hover { border-color: #a9c4bd; box-shadow: 0 6px 18px rgba(20,28,24,.08); }
.adm-card-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--adm-border); }
.adm-card-title { font-family: "Roboto Slab", Georgia, serif; font-weight: 700; color: var(--adm-ink); }

/* İstatistik kutusu */
.adm-stat-ico { display: inline-flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: .75rem; }
.adm-stat-num { font-family: "Roboto Slab", Georgia, serif; font-size: 1.875rem; line-height: 1.1; font-weight: 700; color: var(--adm-ink); }

/* Butonlar */
.adm-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: .5rem; padding: .55rem 1rem; font-size: .875rem; font-weight: 600; line-height: 1; transition: background .15s, border-color .15s, box-shadow .15s, color .15s; cursor: pointer; }
.adm-btn-sm { padding: .4rem .7rem; font-size: .8125rem; border-radius: .45rem; }
.adm-btn-primary { background: var(--adm-signal); color: #fff; }
.adm-btn-primary:hover { background: var(--adm-signal-ink); box-shadow: 0 2px 8px rgba(0,56,115,.32); }
.adm-btn-secondary { background: var(--adm-surface); color: #3c4540; border: 1px solid var(--adm-border-strong); }
.adm-btn-secondary:hover { background: #f4f6f3; border-color: #b7c0b2; color: var(--adm-ink); }
.adm-btn-ghost { background: transparent; color: var(--adm-muted); }
.adm-btn-ghost:hover { background: #eaeee8; color: var(--adm-ink); }
.adm-btn-danger { background: #fff; color: #b42318; border: 1px solid #f1c4c0; }
.adm-btn-danger:hover { background: #fceeec; border-color: #e8a8a1; }

/* Form alanları */
.adm-label { display: block; font-size: .8125rem; font-weight: 600; color: #3c4540; margin-bottom: .4rem; }
.adm-input, .adm-select, .adm-textarea { width: 100%; border: 1px solid var(--adm-border-strong); border-radius: .5rem; padding: .58rem .8rem; font-size: .875rem; background: #fff; color: var(--adm-ink); transition: border-color .12s, box-shadow .12s; }
.adm-input::placeholder, .adm-textarea::placeholder { color: #9aa39c; }
.adm-input:focus, .adm-select:focus, .adm-textarea:focus { outline: none; border-color: var(--adm-signal); box-shadow: 0 0 0 3px rgba(78,149,226,.22); }
.adm-textarea { resize: vertical; min-height: 6rem; }
.adm-hint { font-size: .75rem; color: var(--adm-faint); margin-top: .35rem; }

/* Tablo */
.adm-table { width: 100%; font-size: .875rem; border-collapse: collapse; }
.adm-table th { text-align: left; padding: .8rem 1.25rem; font-weight: 600; color: var(--adm-muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; background: var(--adm-surface); border-bottom: 1px solid var(--adm-border); white-space: nowrap; }
.adm-table td { padding: .8rem 1.25rem; border-bottom: 1px solid #eef1ec; color: #3c4540; vertical-align: middle; }
.adm-table tbody tr { transition: background .1s; }
.adm-table tbody tr:hover { background: #f6f8f5; }
.adm-table tbody tr:last-child td { border-bottom: 0; }

/* Künye satırı: tablo yerine kayıt listeleri için yapısal birincil bileşen.
   Sol kenar çubuğu durumu (yayında/taslak) ilk bakışta, metni okumadan verir. */
.adm-rows { display: flex; flex-direction: column; }
.adm-row { display: flex; align-items: center; gap: .9rem; padding: .85rem 1.25rem; border-left: 3px solid transparent; border-bottom: 1px solid #eef1ec; transition: background .12s; }
.adm-row:last-child { border-bottom: 0; }
.adm-row:hover { background: #f6f8f5; }
.adm-row__thumb { flex: none; }
.adm-row__body { flex: 1; min-width: 0; }
.adm-row__title { font-weight: 600; color: var(--adm-ink); }
.adm-row__meta { margin-top: .15rem; font-size: .75rem; color: var(--adm-faint); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.adm-ord-btn { display: inline-flex; align-items: center; justify-content: center; height: 1.15rem; width: 1.5rem; font-size: .6rem; color: var(--adm-muted); background: transparent; border: 1px solid var(--adm-border); cursor: pointer; transition: color .12s, border-color .12s, background .12s; }
.adm-ord-btn:first-of-type { border-radius: .35rem .35rem 0 0; }
.adm-ord-btn:last-of-type { border-radius: 0 0 .35rem .35rem; border-top: 0; }
.adm-ord-btn:hover:not(:disabled) { color: var(--adm-signal); border-color: #b8d4f5; background: var(--adm-signal-soft); }
.adm-ord-btn:disabled { opacity: .3; cursor: default; }
.adm-row__actions { flex: none; display: flex; align-items: center; gap: .5rem; }

/* Medya seçici modalı: sayfalama alt çubuğu (cover.js tarafından üretilir) */
.ge-modal__foot { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1rem; border-top: 1px solid var(--adm-border); }
.ge-page-btn { border: 1px solid var(--adm-border-strong); background: #fff; color: #3c4540; border-radius: .5rem; padding: .35rem .8rem; font-size: .8125rem; font-weight: 600; cursor: pointer; transition: background .12s, border-color .12s; }
.ge-page-btn:hover:not(:disabled) { background: #f4f6f3; border-color: #b7c0b2; }
.ge-page-btn:disabled { opacity: .4; cursor: default; }
.ge-page-label { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8125rem; font-weight: 600; color: var(--adm-muted); }

/* Rozetler / durum — "mühür" (ink-stamp) tedavisi: tek imza unsuru,
   yalnız yayın durumunu işaretlemek için kullanılır. */
.adm-pill {
    display: inline-flex; align-items: center; gap: .35rem; border-radius: .3rem;
    padding: .2rem .55rem; font-size: .6875rem; font-weight: 800;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    text-transform: uppercase; letter-spacing: .06em;
    border: 1.5px solid currentColor; transform: rotate(-1.5deg);
}
.adm-pill-green { background: var(--adm-teal-soft); color: var(--adm-teal-ink); }
.adm-pill-amber { background: var(--adm-amber-soft); color: var(--adm-amber-ink); }
.adm-pill-gray { background: #eaeee8; color: var(--adm-muted); }
.adm-pill-blue { background: var(--adm-signal-soft); color: var(--adm-signal-ink); }
.adm-dot { display: none; }

/* Künye verisi: tarih, sayaç, slug gibi alanlar için yardımcı yazı tipi */
.adm-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8125em; }
/* Haber akışı: hata rozeti ve ilerleme çubuğu */
.adm-pill-red { background: #fceeec; color: #b42318; }
/* Haber akışı: haberi yazılmış öğe satırı (açık soft yeşil) */
.adm-card.adm-card-written { background: #f0fdf4; border-color: #bbf7d0; }
.adm-progress { height: .375rem; border-radius: 9999px; background: #eaeee8; overflow: hidden; }
.adm-progress > i { display: block; height: 100%; border-radius: 9999px; background: var(--adm-signal); }

/* Boş durum */
.adm-empty { text-align: center; padding: 3.5rem 1.5rem; color: var(--adm-faint); }
.adm-empty-ico { display: inline-flex; height: 3.5rem; width: 3.5rem; align-items: center; justify-content: center; border-radius: 1rem; background: #e7ebe5; color: #9aa39c; margin-bottom: 1rem; }

/* Bölüm başlığı */
.adm-eyebrow { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--adm-faint); }

/* Ayarlar: alt çizgili sekme şeridi + gruplu "ayar satırı" düzeni
   (açıklama solda, alanlar sağda — içeriği bağlamıyla birlikte sunar) */
.adm-set-tabs { display: flex; flex-wrap: wrap; gap: .15rem; border-bottom: 1px solid var(--adm-border); margin-bottom: 1.5rem; }
.adm-set-tab { padding: .6rem .9rem; font-size: .875rem; font-weight: 600; color: var(--adm-muted); border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color .12s, border-color .12s; }
.adm-set-tab:hover { color: var(--adm-ink); }
.adm-set-tab.is-active { color: var(--adm-signal-ink); border-bottom-color: var(--adm-signal); }
.adm-set-group { display: grid; gap: 1.1rem 2.5rem; padding: 1.5rem; }
@media (min-width: 768px) { .adm-set-group { grid-template-columns: 16rem 1fr; } }
.adm-set-title { font-family: "Roboto Slab", Georgia, serif; font-weight: 700; color: var(--adm-ink); font-size: 1rem; }
.adm-set-desc { margin-top: .4rem; font-size: .8125rem; line-height: 1.55; color: var(--adm-muted); }
.adm-set-fields { display: flex; flex-direction: column; gap: 1.1rem; min-width: 0; }

/* ---- Navigasyon: mobil çekmece ---- */
.adm-sidebar {
    position: fixed; top: 0; bottom: 0; left: 0; z-index: 50; width: 16rem;
    display: flex; flex-direction: column;
    transform: translateX(-100%); transition: transform .25s ease;
    will-change: transform;
}
.adm-sidebar.is-open { transform: translateX(0); box-shadow: 0 16px 48px rgba(31,35,41,.22); }
.adm-overlay {
    position: fixed; inset: 0; z-index: 40; background: rgba(31,35,41,.45);
    opacity: 0; visibility: hidden; transition: opacity .2s ease;
}
.adm-overlay.is-open { opacity: 1; visibility: visible; }

/* Masaüstünde kenar çubuğu sabittir (sayfa kaysa da yerinde kalır) */
@media (min-width: 1024px) {
    .adm-sidebar { transform: none; box-shadow: none; }
    .adm-overlay { display: none; }
    .adm-content { padding-left: 16rem; }
}

/* Hamburger / ikon buton */
.adm-iconbtn { display: inline-flex; height: 2.25rem; width: 2.25rem; align-items: center; justify-content: center; border-radius: .55rem; color: #3c4540; background: transparent; transition: background .12s, color .12s; cursor: pointer; }
.adm-iconbtn:hover { background: #eaeee8; color: var(--adm-signal); }

/* Analitik grafiği (area + line): görüntülenme = vurgu mavi, ziyaretçi = turkuaz */

/* Reklam alanları (header/footer/sidebar üst-alt). Sınıf adı nötr tutulur ("pslot");
   "ad-slot"/"ads"/"banner" gibi adları reklam engelleyiciler gizler. */
.pslot { display: flex; justify-content: center; align-items: center; }
.pslot__img { max-width: 100%; height: auto; border-radius: .5rem; }

/* Ana sayfa hareket dili: sakin ve koruyucu; yalnız transform/opacity, az ama orkestre. */

/* Hero açılış sekansı: eyebrow, başlık, alt metin, düğmeler sırayla girer */
.hero-in { opacity: 0; transform: translateY(14px); animation: heroIn .6s cubic-bezier(.2,.7,.3,1) forwards; }
.hero-in--2 { animation-delay: .12s; }
.hero-in--3 { animation-delay: .24s; }
.hero-in--4 { animation-delay: .36s; }
.hero-in--5 { animation-delay: .48s; }
@keyframes heroIn { to { opacity: 1; transform: none; } }

/* Hero filigranı: nefes + kalkan dalgası (7sn senkron döngü) + yörünge noktaları.
   Logo parlarken tepe noktasında dışa çift halka bırakır; çevresinde uydu noktalar döner. */
.hero-mark { display: flex; align-items: center; justify-content: center; }
.hero-mark__img {
    position: absolute; inset: 0; opacity: .05;
    background-image: var(--hero-mark-url); background-repeat: no-repeat;
    background-position: center; background-size: min(520px, 70%);
}
.hero-breathe { animation: heroBreathe 7s ease-in-out infinite; will-change: opacity, transform; }
@keyframes heroBreathe {
    0%, 100% { opacity: .05; transform: scale(1); }
    45%      { opacity: .13; transform: scale(1.015); }
}
.hero-ripple { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.hero-ripple i { position: absolute; width: min(360px, 48vw); height: min(360px, 48vw); border-radius: 9999px; border: 1.5px solid rgba(26,115,232,.4); opacity: 0; transform: scale(.55); animation: heroRipple 7s ease-out infinite; }
.hero-ripple i:nth-child(2) { animation-delay: .55s; }
@keyframes heroRipple {
    0%, 43% { transform: scale(.55); opacity: 0; }
    50%     { opacity: .45; }
    88%, 100% { transform: scale(1.6); opacity: 0; }
}
.hero-orbit { position: absolute; width: min(560px, 74%); aspect-ratio: 1; }
.hero-orbit i { position: absolute; inset: 0; animation: heroOrbit 24s linear infinite; }
.hero-orbit i::before { content: ""; position: absolute; top: 0; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-radius: 9999px; background: #1a73e8; opacity: .45; box-shadow: 0 0 12px rgba(26,115,232,.7); }
.hero-orbit i:nth-child(2) { animation-duration: 34s; animation-delay: -14s; animation-direction: reverse; }
.hero-orbit i:nth-child(2)::before { width: 6px; height: 6px; margin-left: -3px; background: #3e8d96; opacity: .4; box-shadow: 0 0 10px rgba(62,141,150,.7); }
.hero-orbit i:nth-child(3) { animation-duration: 46s; animation-delay: -30s; }
.hero-orbit i:nth-child(3)::before { width: 5px; height: 5px; margin-left: -2.5px; opacity: .3; }
@keyframes heroOrbit { to { transform: rotate(360deg); } }

/* Koyu hero (secaiq.com'daki gibi): logo lacivert/turkuazindan turetilen zemin
   + fare takip eden turkuaz parlama + donen renk suepi. Filigran/dalga/yorunge,
   carousel ve slayt altyazilari da ayni renk semasina uyacak sekilde burada
   yeniden ayarlanir. Bu blok kasitli olarak Tailwind sinif adlarina degil, duz
   CSS'e dayanir (yeni utility kombinasyonlari onceden derlenmis tailwind.css
   dosyasinda bulunmayabilir ve derleme arayuzu bu ortamda mevcut degil). */
.hero-dark { background: var(--hero-navy); }

.hero-sweep-wrap { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.hero-sweep {
    position: absolute; left: -25%; right: -25%; top: -50%; bottom: -50%;
    opacity: .4; filter: blur(90px); pointer-events: none;
    animation: heroSweep 40s linear infinite; will-change: transform;
}
@keyframes heroSweep { to { transform: rotate(360deg); } }
.hero-glow {
    position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(600px circle at var(--mx,50%) var(--my,35%), rgba(62,130,130,.28), transparent 60%);
    opacity: 0; transition: opacity .4s ease;
}
.hero-glow.is-active { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .hero-sweep, .hero-glow { display: none; } }

/* Filigran logo: duz tek renge (beyaz/maske) cevirmek yerine logonun kendi
   ic renk gecisleri (lacivert/mavi/turkuaz) saydamlik ile aynen goruntulenir. */
.hero-dark .hero-mark__img { opacity: .05; }
.hero-dark .hero-breathe { animation-name: heroBreatheDark; }
@keyframes heroBreatheDark {
    0%, 100% { opacity: .05; transform: scale(1); }
    45%      { opacity: .1; transform: scale(1.015); }
}
.hero-dark .hero-ripple i { border-color: rgba(95,184,184,.5); }
.hero-dark .hero-orbit i::before { background: var(--hero-blue); box-shadow: 0 0 12px rgba(60,120,220,.7); }
.hero-dark .hero-orbit i:nth-child(2)::before { background: var(--hero-teal-bright); box-shadow: 0 0 10px rgba(95,184,184,.7); }

/* Hero icindeki carousel, secaiq.com'daki carousel ile ayni renk ve tasarim
   dilini kullanir: kenarliksiz, sade koyu golge; resim + altyazi kesintisiz
   gecis yapar (gradyanla), noktalar disaridadir, ok butonlari yoktur. */
.hero-dark .hero-carousel { border: 0; background: transparent; box-shadow: 0 18px 48px -22px rgba(0,0,0,.45); }
.hero-dark .hero-dot {
    height: 1.5rem; width: 1.5rem; box-sizing: border-box; padding: .5rem;
    background-color: rgba(255,255,255,.3); background-clip: content-box;
    transition: padding .2s ease, background-color .2s ease;
}
.hero-dark .hero-dot[aria-selected="true"] { padding-left: 0; padding-right: 0; background-color: var(--hero-teal-bright); }

.hero-slide-caption { background: rgba(0,24,56,.92); }
.hero-slide-title { color: #fff; }
a.group:hover .hero-slide-title { color: var(--hero-teal-bright); }
.hero-slide-desc { color: rgba(255,255,255,.68); }
.hero-slide-meta { color: rgba(255,255,255,.6); }

/* Hero yüksekliği secaiq.com'daki gibi sıkı: dar iç boşluk, daha küçük başlık, 16:7 slayt görseli. */
.hero-inner { padding-top: 22px; padding-bottom: 18px; }
.hero-dark .hero-slideimg, .hero-secaiq .hero-slideimg { aspect-ratio: 16 / 7; }
@media (max-width: 639px) { .hero-inner { padding-top: 20px; padding-bottom: 20px; } }
/* Header logosu: sag taraftaki 3 buton (136px) + bosluk icin yer birakir; aksi halde 320-375px'te sayfa yana kayar. */
@media (max-width: 639.98px) {
    .site-logo { flex-shrink: 1; min-width: 0; max-width: calc(100% - 9.5rem); }
    .site-logo img { max-width: 100%; height: auto; }
}
/* Mobil tasma korumasi: tek sutunlu grid, icerik genisligine gore sismesin; istatistikler ekran genisligine oranli kuculur. */
@media (max-width: 1023.98px) {
    .hero-inner > .grid { grid-template-columns: minmax(0, 1fr); }
    .hero-secaiq .hero-copy { min-width: 0; }
}


/* SecAIQ hero stili (secaiq.com): düz lacivert zemin + kenar gölgesi, hap rozet, marka gradyanlı vurgu,
   hap butonlar, büyük rakamlı istatistik satırı, object-cover slayt. Düz CSS: yeni Tailwind sınıfları derlenmiş dosyada olmayabilir. */
.hero-secaiq { background: #002562; box-shadow: inset 0 10px 14px -12px rgba(0,0,0,.35), inset 0 -10px 14px -12px rgba(0,0,0,.35); }
.hero-secaiq .hero-sweep { opacity: .2; filter: blur(64px); }
.hero-secaiq .hero-copy { text-align: center; }
@media (min-width: 1024px) { .hero-secaiq .hero-copy { text-align: left; } }
.hero-eyebrow { font-family: "Roboto Slab", Georgia, "Times New Roman", serif; display: inline-block; margin-bottom: 1rem; padding: .375rem 1rem; border-radius: 9999px; background: rgba(255,255,255,.1); color: #5eead4; font-size: .75rem; font-weight: 600; letter-spacing: .025em; text-transform: uppercase; }
.hero-secaiq .hero-h1 { margin: 0; font-family: "Roboto Slab", Georgia, "Times New Roman", serif; color: #fff; font-size: 2.125rem; line-height: 1.1; font-weight: 400; letter-spacing: -.025em; }
@media (min-width: 768px) { .hero-secaiq .hero-h1 { font-size: 2.6rem; } }
@media (min-width: 1280px) { .hero-secaiq .hero-h1 { font-size: 3.5rem; } }
@media (max-width: 767.98px) { .hero-secaiq .hero-h1 { font-size: clamp(2.125rem, 11.4vw, 2.6rem); overflow-wrap: anywhere; } }
.hero-accent { background: linear-gradient(90deg, #00AAE3, #00CBB8); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-secaiq .hero-sub { font-family: "Roboto Slab", Georgia, "Times New Roman", serif; margin: .75rem auto 0; max-width: 36rem; color: #cbd5e1; font-size: 1.125rem; line-height: 1.6; font-weight: 600; }
@media (min-width: 1024px) { .hero-secaiq .hero-sub { margin-left: 0; margin-right: 0; } }
.hero-secaiq .hero-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .75rem; margin-top: 1.5rem; }
@media (min-width: 1024px) { .hero-secaiq .hero-cta { justify-content: flex-start; } }
.hero-pill { display: inline-flex; align-items: center; gap: .5rem; padding: .4rem 1.25rem; border-radius: .5rem; border: 1px solid transparent; font-size: .875rem; font-weight: 600; line-height: 1.25rem; cursor: pointer; transition: box-shadow .2s ease, transform .2s ease, background-color .2s ease; }
.hero-pill:hover { transform: translateY(-2px); }
.hero-pill--primary { background: linear-gradient(90deg, #00AAE3, #00CBB8); color: #fff; }
.hero-pill--primary:hover { box-shadow: 0 10px 15px -3px rgba(20,184,166,.2); }
.hero-pill--light { background: #fff; color: #002562; }
.hero-pill--light:hover { box-shadow: 0 10px 15px -3px rgba(0,0,0,.2); }
.hero-pill--outline { background: transparent; color: #fff; border-color: rgba(255,255,255,.25); }
.hero-pill--outline:hover { background: rgba(255,255,255,.1); }
.hero-stats { flex-wrap: wrap; row-gap: .5rem; font-family: "Roboto Slab", Georgia, "Times New Roman", serif; display: flex; align-items: center; justify-content: center; gap: 2rem; margin-top: 1.5rem; color: #cbd5e1; font-size: .875rem; line-height: 1.25rem; }
@media (min-width: 1024px) { .hero-stats { justify-content: flex-start; } }
.hero-stats > div { display: flex; align-items: baseline; gap: .4rem; }
.hero-stat-n { color: #fff; font-size: 1.5rem; line-height: 2rem; font-weight: 700; }
.hero-stat-sep { width: 1px; height: 2rem; background: rgba(255,255,255,.15); }
@media (max-width: 639.98px) {
    .hero-stats { flex-wrap: nowrap; gap: clamp(.4rem, 2.6vw, 1rem); font-size: clamp(.625rem, 3.1vw, .875rem); line-height: 1.2; }
    .hero-stats > div { gap: clamp(.15rem, 1vw, .4rem); white-space: nowrap; }
    .hero-stat-n { font-size: clamp(1rem, 5.4vw, 1.5rem); line-height: 1.5rem; }
    .hero-stat-sep { height: 1.5rem; flex: none; }
}
.hero-secaiq .hero-slideimg { background: #002562; }
.hero-secaiq .hero-slideimg img { object-position: center 40%; }
.hero-slide-tint { background: linear-gradient(to bottom, rgba(0,37,98,.25) 0%, transparent 30%, transparent 55%, rgba(0,20,54,.97) 100%); }
.hero-secaiq .hero-slide-caption { background: rgba(0,20,54,.97); }
.hero-secaiq .hero-dot[aria-selected="true"] { background-color: #00CBB8; }
.hero-secaiq a.group:hover .hero-slide-title { color: #5eead4; }
.hero-secaiq .hero-slide-desc { color: #cbd5e1; }

/* SecAIQ düzeninde AÇIK hero (bölüme .hero-light .hero-secaiq verilir; koyu için .hero-dark .hero-secaiq). */
.hero-secaiq.hero-light { background: #fff; box-shadow: none; }
.hero-light .hero-sweep { display: none; }
.hero-light .hero-glow { background: radial-gradient(600px circle at var(--mx,50%) var(--my,35%), rgba(0,170,227,.16), transparent 60%); }
.hero-light .hero-eyebrow { background: rgba(0,170,227,.1); color: #0a6b8f; }
.hero-light.hero-secaiq .hero-h1 { color: #002562; }
.hero-light .hero-accent { background: linear-gradient(90deg, #0088c2, #00a396); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-light.hero-secaiq .hero-sub { color: #475569; }
.hero-light .hero-pill--light { background: #002562; color: #fff; }
.hero-light .hero-pill--light:hover { box-shadow: 0 10px 15px -3px rgba(0,37,98,.25); }
.hero-light .hero-pill--outline { color: #002562; border-color: #cbd5e1; }
.hero-light .hero-pill--outline:hover { background: #eef2f7; }
.hero-light .hero-stats { color: #475569; }
.hero-light .hero-stat-n { color: #002562; }
.hero-light .hero-stat-sep { background: rgba(0,37,98,.15); }
.hero-light .hero-carousel { border: 1px solid #e2e8f0; background: #fff; box-shadow: 0 18px 48px -24px rgba(0,37,98,.28); }
.hero-light.hero-secaiq .hero-slideimg { background: #eef2f7; }
/* Altyazı: açık maviden beyaza gradyan; görsel altı geçişi aynı turkuaz tonuna biter. */
/* Altyazı alanı üst/alt iç boşluğu yarıya indi (1.25rem → .625rem). */
.hero-secaiq .hero-slide-caption { padding-top: .625rem; padding-bottom: .625rem; }
.hero-light .hero-slide-tint { background: linear-gradient(to bottom, transparent 60%, #DCEEFB 100%); }
.hero-light.hero-secaiq .hero-slide-caption { background: linear-gradient(to bottom, #DCEEFB, #fff); }
.hero-light .hero-slide-title { color: #002562; }
.hero-light.hero-secaiq a.group:hover .hero-slide-title { color: #0088c2; }
.hero-light.hero-secaiq .hero-slide-desc { color: #475569; }
.hero-light .hero-slide-meta { color: #64748b; }
.hero-light .hero-dot { height: 1.5rem; width: 1.5rem; box-sizing: border-box; padding: .5rem; background-color: rgba(0,37,98,.2); background-clip: content-box; transition: padding .2s ease, background-color .2s ease; }
.hero-light .hero-dot[aria-selected="true"] { padding-left: 0; padding-right: 0; }
.hero-light.hero-secaiq .hero-dot[aria-selected="true"] { background-color: #00AAE3; }

/* Ana sayfa yönlendirme kartları (ücretsiz araç + eğitim/farkındalık): kompakt satır kartı, hero ile aynı dil. */
.act-grid { display: grid; gap: 1rem; }
@media (min-width: 1024px) { .act-grid--2 { grid-template-columns: 1fr 1fr; } }
.act-card { --act-soft: #EAF6FC; --act-line: #c5e3f5; --act-ink: #0a6b8f;
    position: relative; display: grid; grid-template-columns: auto 1fr; align-items: start; column-gap: 1rem; row-gap: 1rem; overflow: hidden;
    padding: 1.5rem; border: 1px solid var(--act-line); border-radius: 1rem;
    background: #fff;
    transition: box-shadow .2s ease, transform .2s ease; }
.act-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -20px rgba(0,37,98,.4); }
.act-card:focus-within { outline: 2px solid #00AAE3; outline-offset: 2px; }
.act-card--tool { --act-soft: #E8FBF7; --act-line: #bfece3; --act-ink: #007a70; }
.act-cover { position: absolute; inset: 0 0 0 auto; width: 45%; background-size: cover; background-position: center; opacity: .22; pointer-events: none;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 80%); mask-image: linear-gradient(to right, transparent, #000 80%); }
.act-icon { position: relative; z-index: 1; flex: none; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem;
    border-radius: .75rem; background: #fff; color: var(--act-ink); border: 1px solid var(--act-line); }
.act-body { position: relative; z-index: 1; min-width: 0; flex: 1; }
.act-eyebrow { margin: 0; font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--act-ink); }
.act-title { margin: .125rem 0 0; font-size: 1.25rem; line-height: 1.3; font-weight: 500; color: #202124; }
.act-sum { margin: .25rem 0 0; font-size: .9rem; line-height: 1.45; color: #475569; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.act-btn { position: static; z-index: 1; grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: .4rem; padding: .4rem 1.1rem; border-radius: .5rem;
    background: linear-gradient(90deg, #00AAE3, #00CBB8); color: #fff; font-size: .875rem; font-weight: 600; line-height: 1.25rem; text-decoration: none; white-space: nowrap;
    transition: box-shadow .2s ease; }
.act-btn::after { content: ""; position: absolute; inset: 0; z-index: 2; }  /* tüm kart tıklanır */
.act-card:hover .act-btn { box-shadow: 0 8px 14px -6px rgba(0,170,227,.55); }

/* Ana sayfa "Başlangıç rehberi" + "Bu kitle için içerikler" kartı: tek kutu (guide-card) içinde iki satır (guide-row),
   üstte büyük/iki satırlı mavi gradyan (secaiq.com stili), altta ince tek satırlık açık mavi gradyan; aralarında ince ayraç. */
.guide-card { position: relative; isolation: isolate; border-radius: 1rem; overflow: hidden; margin-bottom: 1.5rem; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.guide-row { position: relative; display: flex; align-items: center; gap: 1rem; }
.guide-row + .guide-row { border-top: 1px solid rgba(255,255,255,.3); }
/* Satırların kendi köşe yuvarlaklığı olmayınca hover gölgesi kartın yuvarlak kenarından köşeli taşıyordu;
   ilk/son satıra kartla aynı yarıçapı veriyoruz ki gölge de düzgün yuvarlaklıkla kesilsin. */
.guide-row:first-child { border-radius: 1rem 1rem 0 0; }
.guide-row:last-child { border-radius: 0 0 1rem 1rem; }
.guide-row:only-child { border-radius: 1rem; }

.guide-row--start { padding: 1.25rem; background: linear-gradient(90deg, #5CA0DD, #4E95E2); transition: box-shadow .2s ease; }
.guide-row--start:hover { box-shadow: 0 10px 15px -3px rgba(78,149,226,.35); }
/* Kapak görseli: guide-row arkaplanlarının (z-index yok → 0. katman) ÜSTÜNDE, ama metinlerin (z-index:2) ALTINDA çizilsin diye z-index:1. */
.guide-card__cover { position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; width: 50%; background-size: cover; background-position: center; opacity: .3; pointer-events: none;
    -webkit-mask-image: linear-gradient(to right, transparent, #000); mask-image: linear-gradient(to right, transparent, #000); }
.guide-row__icon { position: relative; z-index: 2; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem;
    border-radius: .75rem; background: rgba(255,255,255,.15); color: #fff; }
.guide-row__body { position: relative; z-index: 2; min-width: 0; flex: 1; }
.guide-row__eyebrow { display: block; font-size: .6875rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: rgba(255,255,255,.8); }
.guide-row__title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; line-height: 1.375; color: #fff; }
.guide-row__btn { position: relative; z-index: 2; flex: none; padding: .375rem 1rem; border-radius: .5rem; background: #003873; color: #fff; opacity: .8;
    font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; transition: background-color .2s ease; }
.guide-row--start:hover .guide-row__btn { background: #002a57; }

.guide-row--all { gap: .625rem; padding: .75rem 1.25rem; background: linear-gradient(90deg, #5FACD3, #97DDE9); transition: box-shadow .2s ease; }
.guide-row--all:hover { box-shadow: 0 6px 12px -4px rgba(0,0,0,.25); }
.guide-row__icon--sm { position: relative; z-index: 2; width: auto; height: auto; border-radius: 0; background: none; }
.guide-row__label { position: relative; z-index: 2; min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; font-weight: 600; color: #fff; }
.guide-row--all:hover .guide-row__btn { background: #002a57; }

/* Kitle sayfası "Öğrenme yolu": numaralı, çizgiyle bağlı adım akışı; her rehber açıklamalı kart. */
.lp { list-style: none; margin: 1.5rem 0 0; padding: 0; }
.lp-step { position: relative; display: flex; gap: 1rem; padding-bottom: 1.5rem; }
.lp-step:not(:last-child)::before { content: ""; position: absolute; left: 1.0625rem; top: 2.5rem; bottom: .25rem; width: 2px; border-radius: 2px;
    background: linear-gradient(to bottom, #9bd8f1, #e2e8f0); }
.lp-num { position: relative; z-index: 1; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 9999px;
    background: linear-gradient(135deg, #00AAE3, #00CBB8); color: #fff; font-size: .9rem; font-weight: 700; box-shadow: 0 0 0 4px #fff; }
.lp-body { min-width: 0; flex: 1; }
.lp-title { margin: 0 0 .5rem; font-size: 1.05rem; line-height: 2.25rem; font-weight: 600; color: #002562; }
.lp-cards { display: grid; gap: .75rem; }
@media (min-width: 768px) { .lp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lp-card { display: flex; align-items: center; gap: .875rem; padding: .625rem .875rem .625rem .625rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.lp-card:hover { border-color: #7fd3ee; box-shadow: 0 8px 18px -12px rgba(0,37,98,.35); transform: translateY(-1px); }
.lp-card__img { flex: none; width: 6rem; height: 4.5rem; overflow: hidden; border-radius: .5rem; background: linear-gradient(135deg, #e8f6fc, #e2faf5); }
.lp-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.lp-card:hover .lp-card__img img { transform: scale(1.05); }
.lp-card__text { min-width: 0; flex: 1; }
@media (max-width: 479px) { .lp-card__img { width: 4.5rem; height: 3.5rem; } }
.lp-card__t { display: block; font-size: .95rem; line-height: 1.35; font-weight: 600; color: #002562; }
.lp-card__t::after { content: " →"; color: #00AAE3; opacity: 0; transition: opacity .15s ease; }
.lp-card:hover .lp-card__t::after, .lp-card:focus-visible .lp-card__t::after { opacity: 1; }
.lp-card__s { display: -webkit-box; margin-top: .25rem; font-size: .8125rem; line-height: 1.45; color: #5f6368; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Ana sayfa "Konuya göre keşfedin" (secaiq.com düzeni): yan yana dizilen yuvarlak etiketler, konu adı + "· sayı". Konu renkleri burada kullanılmaz. */
.topic-pill { display: inline-flex; align-items: center; gap: .3rem; padding: .5rem 1rem; border: 1px solid #dadce0; border-radius: 9999px; background: #f8f9fa;
    color: #3c4043; font-size: .875rem; line-height: 1.25rem; text-decoration: none; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.topic-pill:hover { border-color: #aecbfa; background: #e8f0fe; color: #1967d2; }
.topic-pill__n { color: #5f6368; font-variant-numeric: tabular-nums; }
.topic-pill:hover .topic-pill__n { color: #1967d2; }

/* Ana sayfa alt bölümleri (secaiq.com düzeni): tam genişlikte şeritler, değişen zemin, etiket + başlık, altta ortalı buton. */
.hb { position: relative; overflow: hidden; border-top: 1px solid #e8eaed; }
.hb--white { background: #fff; }
.hb--gray, #kitleler { background: #fafdff; }
.hb--tint { background: linear-gradient(90deg, #006daa, #b9d6f2); }
/* Koyu mavi zeminde okunaklı kalsın diye: eyebrow/başlık/açıklama metinlerini açık renge çeviriyoruz (kart beyaz kaldığı için ona dokunmuyoruz). */
.hb--tint .hb__eyebrow { color: #cbd5e1; }
.hb--tint .hb__title { color: #fff; }
.hb--tint .hb__tint-desc { color: #fff; }
.hb--tint .btn-primary { background: #0353a4; }
.hb--tint .btn-primary:hover { background: #023b78; }
.hb__in { max-width: 80rem; margin: 0 auto; padding: 2.75rem 1rem; }
.hb__in--rel { position: relative; z-index: 1; }
@media (min-width: 640px) { .hb__in { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 1024px) { .hb__in { padding-left: 1.5rem; padding-right: 1.5rem; } }
.hb__eyebrow { display: block; font-size: .75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #1967d2; }
.hb__title { margin: .25rem 0 0; font-size: 1.75rem; line-height: 1.2; font-weight: 400; letter-spacing: -.01em; color: #202124; }
@media (min-width: 640px) { .hb__title { font-size: 2rem; } }
.hb__sub { margin: .5rem 0 0; max-width: 42rem; color: #5f6368; }
.hb__body { margin-top: 1.5rem; }
.hb__cta { margin-top: 2rem; text-align: center; }
.hb--tint .hb__title { font-size: 1.75rem; }

/* İçerik sayfası yan sütunu (secaiq.com stili): beyaz kutu, ince #e2e8f0 çerçeve, 12px köşe; öğeler üzerine gelince açık gri zemin. */
.side-box { padding: 1rem; background: #fff; border: 1px solid #e2e8f0; border-radius: 1rem; }
/* Kutu başlığı: kalın (800), zemin ve alt çizgi yok. */
.side-box__title { margin: 0 0 .75rem; font-size: .75rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; color: #475569; }
.side-aud { list-style: none; margin: 0; padding: 0; display: grid; gap: .125rem; }
.side-aud__link { display: flex; align-items: center; gap: .625rem; padding: .375rem; border-radius: .5rem; color: #475569; text-decoration: none; font-size: .875rem; font-weight: 500; line-height: 1.3; transition: background-color .15s ease, color .15s ease; }
.side-aud__link:hover { background: #f8fafc; color: #1a73e8; }
.side-aud__icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: .5rem; }
.side-rel { display: grid; gap: 1rem; }
.rel-card { display: block; padding: .375rem; margin: -.375rem; border-radius: .5rem; text-decoration: none; transition: background-color .15s ease; }
.rel-card:hover { background: #f8fafc; }
.rel-card__img { display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: .5rem; background: linear-gradient(135deg, #e8f6fc, #e2faf5); }
.rel-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rel-card__t { display: -webkit-box; margin-top: .5rem; font-size: .875rem; font-weight: 500; line-height: 1.35; color: #003873; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rel-card:hover .rel-card__t { color: #1a73e8; }
.rel-card__m { display: block; margin-top: .25rem; font-size: .75rem; color: #64748b; }
/* Sözlük terimi sayfasında, açıklamanın altında: "Bu terimin geçtiği rehberler" — ince, tek sütunlu
   liste, solda küçük kapak görseli, sağda başlık/özet; kart değil, düz ayraçlı satırlar. */
.tg-list { margin-top: 2rem; border-top: 1px solid #e8eaed; padding-top: 1.25rem; }
.tg-list__title { margin: 0 0 .5rem; font-size: .75rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; color: #475569; }
.tg-item { display: flex; align-items: center; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid #e8eaed; text-decoration: none; }
.tg-item:last-child { border-bottom: 0; }
.tg-item__img { flex: none; width: 4rem; height: 2.75rem; overflow: hidden; border-radius: .5rem; background: linear-gradient(135deg, #e8f6fc, #e2faf5); }
.tg-item__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tg-item__body { min-width: 0; flex: 1; }
.tg-item__t { display: -webkit-box; font-size: .9375rem; font-weight: 600; line-height: 1.35; color: #202124; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.tg-item:hover .tg-item__t { color: #1a73e8; }
.tg-item__s { display: -webkit-box; margin-top: .2rem; font-size: .8125rem; line-height: 1.4; color: #5f6368; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.side-terms { list-style: none; margin: 0; padding: 0; display: grid; gap: .125rem; }
.side-terms__link { display: block; padding: .5rem .375rem; border-radius: .5rem; text-decoration: none; transition: background-color .15s ease; }
.side-terms__link:hover { background: #f8fafc; }
.side-terms__t { display: block; font-size: .875rem; font-weight: 600; color: #202124; }
.side-terms__link:hover .side-terms__t { color: #1a73e8; }
.side-terms__s { display: -webkit-box; margin-top: .125rem; font-size: .75rem; line-height: 1.5; color: #5f6368; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* İçerik sayfası: tek "Aa" yazı boyutu düğmesi (açılır panel) ve tarih satırındaki gri, noktasız konu etiketleri. */
.ah-aa { position: relative; }
.ah-btn { padding: .3rem .65rem; font: 500 .8rem/1.2 inherit; font-family: inherit; color: #202124; background: #fff; border: 1px solid #dadce0; border-radius: .5rem; cursor: pointer; }
.ah-btn:hover, .ah-btn[aria-expanded="true"] { border-color: #4e95e2; }
.ah-pop { position: absolute; right: 0; top: calc(100% + .375rem); z-index: 20; display: flex; gap: .375rem; padding: .5rem; background: #fff; border: 1px solid #dadce0; border-radius: .625rem; box-shadow: 0 8px 24px rgba(0,37,98,.14); }
.ah-pop[hidden] { display: none; }
/* Başlığın altındaki özet: gövde metniyle aynı, iki yana yaslı. */
.art-lead { text-align: justify; hyphens: auto; }
/* Animasyonlu bloklar kendi katmanını oluşturur; tarih satırı (Aa paneli) sonraki bloğun (kapak görseli) üstünde kalmalı. */
.ah-metarow { position: relative; z-index: 30; }
.ct-chip { display: inline-flex; align-items: center; padding: .125rem .625rem; border-radius: 999px; background: #f1f3f4; color: #3c4043; font-size: .8125rem; font-weight: 500; line-height: 1.5; text-decoration: none; }
.ct-chip--link:hover { background: #e8eaed; color: #202124; }

/* İçerik sayfası (secaiq.com gibi): açık gri zemin, beyaz kutular, siyah yazı. */
.art-bg { background: #fbfcfd; }
/* Makale + yan sütun: yan sütun genişliği secaiq.com ile aynı (280px). */
@media (min-width: 1024px) { .art-grid { grid-template-columns: minmax(0, 1fr) 280px; } }
.art-bg :is(h1, .art-lead) { color: #000; }
.art-bg [data-article-body] :is(h2, h3, h4, h5, strong, b) { color: #000; }

/* Sayfa genişliği secaiq.com ile aynı: kapsayıcı 1280px (max-w-7xl), geniş ekranda yan iç boşluk 24px (önceden 32px) => içerik 1232px. */
@media (min-width: 1024px) { .lg\:px-8 { padding-left: 1.5rem; padding-right: 1.5rem; } }

/* Yapay zeka rehberlerinin başındaki "Çekirdek kural" kutusu: <blockquote class="ai-rule"> + p.ai-rule__core + ul.ai-rule__list (strong.ai-tag--*).
   Sanitizer yalnız blockquote/p/ul/li/strong etiketlerini korur, bu yüzden bileşen yalnız sınıflarla kurulur; CSS yoksa düz alıntı olarak okunur. */
.prose blockquote.ai-rule { margin: 0 0 1.75rem; padding: 1.1rem 1.25rem 1rem; font-style: normal; font-weight: 400; quotes: none;
    border: 1px solid #c9dcf5; border-left: 5px solid #1a73e8; border-radius: .75rem; text-align: left; hyphens: manual; background: linear-gradient(135deg, #f3f8ff, #fff 70%); color: #1f2937; }
.prose blockquote.ai-rule p::before, .prose blockquote.ai-rule p::after { content: none; }
.prose blockquote.ai-rule .ai-rule__core { margin: 0 0 .85rem; font-size: 1.0625rem; line-height: 1.55; font-weight: 500; color: #111827; }
.prose blockquote.ai-rule .ai-rule__core > strong { display: block; margin-bottom: .25rem; font-size: .75rem; line-height: 1; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #1a73e8; }
.prose blockquote.ai-rule .ai-rule__list { margin: 0; padding: .75rem 0 0; list-style: none; border-top: 1px dashed #c9dcf5; }
.prose blockquote.ai-rule .ai-rule__list > li { display: flex; gap: .75rem; align-items: baseline; margin: 0; padding: .3rem 0; font-size: .9375rem; line-height: 1.5; }
.prose blockquote.ai-rule .ai-rule__list > li::marker { content: none; }
.prose blockquote.ai-rule .ai-tag { flex: none; min-width: 7.5rem; padding: .15rem .55rem; border-radius: 9999px; text-align: center; font-size: .6875rem; line-height: 1.3; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.prose blockquote.ai-rule .ai-tag--do      { background: #e6f4ea; color: #137333; }
.prose blockquote.ai-rule .ai-tag--dont    { background: #fce8e6; color: #b3261e; }
.prose blockquote.ai-rule .ai-tag--verify  { background: #fef7e0; color: #8a5a00; }
.prose blockquote.ai-rule .ai-tag--human   { background: #e8f0fe; color: #1a56c4; }
.prose blockquote.ai-rule .ai-tag--log     { background: #f1f3f4; color: #3c4043; }
@media (max-width: 639px) { .prose blockquote.ai-rule .ai-rule__list > li { flex-direction: column; gap: .25rem; } .prose blockquote.ai-rule .ai-tag { min-width: 0; } }

/* Scroll ile bölüm girişleri; .js kapsayıcı olmadan asla gizlenmez (JS yüklenmezse sayfa normal) */
.js [data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }
.js [data-reveal].is-in { opacity: 1; transform: none; }
.js [data-reveal-cards] > * { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
.js [data-reveal-cards].is-in > * { opacity: 1; transform: none; }
.js [data-reveal-cards] > :nth-child(2) { transition-delay: .07s; }
.js [data-reveal-cards] > :nth-child(3) { transition-delay: .14s; }
.js [data-reveal-cards] > :nth-child(4) { transition-delay: .21s; }
.js [data-reveal-cards] > :nth-child(5) { transition-delay: .28s; }
.js [data-reveal-cards] > :nth-child(n+6) { transition-delay: .35s; }

/* Kitle sekmeleri: panel görünür olunca kısa fade+rise (hidden kalkınca animasyon yeniden başlar) */
#kitleler [role="tabpanel"]:not([hidden]) { animation: panelIn .22s ease; }
@keyframes panelIn { from { opacity: 0; transform: translateY(6px); } }

@media (prefers-reduced-motion: reduce) {
    .hero-in, #kitleler [role="tabpanel"]:not([hidden]) { animation: none; opacity: 1; transform: none; }
    .hero-breathe { animation: none; }
    .hero-ripple, .hero-orbit { display: none; }
    .js [data-reveal], .js [data-reveal-cards] > * { opacity: 1; transform: none; transition: none; }
}

/* Kart görselinde çok hafif yakınlaşma (kapsayıcılar overflow-hidden) */
.g-card img { transition: transform .45s cubic-bezier(.2,.7,.3,1); }
.g-card:hover img { transform: scale(1.04); }

/* Hero karusel: aktif slayt görselinde yavaş Ken Burns (slayt değişince yeniden başlar) */
.hero-slide:not([aria-hidden]) img { animation: kenburns 8s ease-out forwards; }
@keyframes kenburns { from { transform: scale(1); } to { transform: scale(1.045); } }

@media (prefers-reduced-motion: reduce) {
    .g-card img, .g-card:hover img { transition: none; transform: none; }
    .hero-slide:not([aria-hidden]) img { animation: none; }
}

/* Admin gösterge paneli hareketleri: kademeli giriş, büyüyen çubuklar, sayaçlar */
.adm-in { opacity: 0; transform: translateY(10px); animation: admIn .45s cubic-bezier(.2,.7,.3,1) forwards; }
.adm-in--2 { animation-delay: .07s; }
.adm-in--3 { animation-delay: .14s; }
.adm-in--4 { animation-delay: .21s; }
.adm-in--5 { animation-delay: .28s; }
.adm-in--6 { animation-delay: .35s; }
.adm-in--7 { animation-delay: .42s; }
@keyframes admIn { to { opacity: 1; transform: none; } }
.adm-grow { transform-origin: left; animation: admGrow .7s cubic-bezier(.2,.7,.3,1) both; }
@keyframes admGrow { from { transform: scaleX(0); } }
.adm-kpi .adm-stat-ico { transition: transform .2s ease; }
.adm-kpi:hover .adm-stat-ico { transform: translateY(-2px) scale(1.08); }
.adm-task { transition: background .15s ease, transform .15s ease; }
.adm-task:hover { background: #f7f9fc; transform: translateX(2px); }
@media (prefers-reduced-motion: reduce) {
    .adm-in, .adm-grow { animation: none; opacity: 1; transform: none; }
    .adm-task, .adm-task:hover { transform: none; }
}


/* ─── Erişilebilirlik tercihleri ────────────────────────────────────────────
   Tercihler <html> üzerindeki data-a11y-* öznitelikleriyle taşınır.
   Kontrast değerleri WCAG 2.2 AA (4.5:1) hesaplanarak seçilmiştir. */

/* Üst menüdeki tetikleyici, arama düğmesiyle aynı Tailwind sınıflarını kullanır (ek stil gerekmez). */

/* Katman ve panel */
.a11y-backdrop { position: fixed; inset: 0; z-index: 70; background: rgba(32,33,36,.45); }
.a11y-panel { position: fixed; z-index: 71; right: 0; top: 0; bottom: 0; width: min(26rem, 100vw); display: flex; flex-direction: column; background: #fff; border-left: 1px solid var(--g-border); box-shadow: -8px 0 32px rgba(32,33,36,.18); }
@media (max-width: 480px) { .a11y-panel { width: 100vw; } }
.a11y-panel[hidden], .a11y-backdrop[hidden] { display: none; }
.a11y-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; border-bottom: 1px solid #e8eaed; }
.a11y-panel__title { font-size: 1.0625rem; font-weight: 700; color: var(--g-text); }
.a11y-close { width: 2rem; height: 2rem; border-radius: .5rem; border: 1px solid var(--g-border); background: #fff; color: var(--g-text-2); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.a11y-close:hover { background: #f1f3f4; color: var(--g-text); }
.a11y-panel__body { flex: 1; overflow-y: auto; padding: 1.25rem; }
.a11y-panel__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; padding: 1rem 1.25rem; border-top: 1px solid #e8eaed; background: var(--g-surface); }
.a11y-hint { font-size: .875rem; line-height: 1.6; color: var(--g-text-2); }
.a11y-sec { margin-top: 1.5rem; }
.a11y-sec__title { font-size: 1rem; font-weight: 700; color: var(--g-text); }
.a11y-sec__desc { margin-top: .25rem; font-size: .875rem; line-height: 1.6; color: var(--g-text-2); }

/* Yazı boyutu seçenekleri */
.a11y-sizes { margin-top: .75rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; }
.a11y-size { display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: .6rem .3rem; border: 1px solid var(--g-border); border-radius: .625rem; background: #fff; color: var(--g-text-2); cursor: pointer; }
.a11y-size__a { font-weight: 700; color: var(--g-text); }
.a11y-size:nth-child(1) .a11y-size__a { font-size: .875rem; }
.a11y-size:nth-child(2) .a11y-size__a { font-size: 1.0625rem; }
.a11y-size:nth-child(3) .a11y-size__a { font-size: 1.25rem; }
.a11y-size:nth-child(4) .a11y-size__a { font-size: 1.5rem; }
.a11y-size__t { font-size: .6875rem; line-height: 1.2; text-align: center; }
.a11y-size:hover { border-color: #aecbfa; background: var(--g-blue-surface); }
.a11y-size[aria-pressed="true"] { border-color: var(--g-blue); background: var(--g-blue-surface); color: #1557b0; }
.a11y-size[aria-pressed="true"] .a11y-size__a { color: #1557b0; }

/* Aç/kapa tercihleri */
.a11y-toggles { margin-top: .75rem; display: flex; flex-direction: column; gap: .5rem; }
.a11y-toggle { display: flex; align-items: flex-start; gap: .75rem; width: 100%; padding: .75rem; border: 1px solid var(--g-border); border-radius: .625rem; background: #fff; text-align: left; cursor: pointer; }
.a11y-toggle:hover { border-color: #aecbfa; background: #f8f9fa; }
.a11y-toggle__box { flex: none; width: 2.5rem; height: 1.4rem; margin-top: .1rem; border-radius: 999px; background: #dadce0; position: relative; transition: background .15s; }
.a11y-toggle__box::after { content: ""; position: absolute; top: 3px; left: 3px; width: 1.05rem; height: 1.05rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.3); transition: transform .15s; }
.a11y-toggle[aria-pressed="true"] .a11y-toggle__box { background: #1557b0; }
.a11y-toggle[aria-pressed="true"] .a11y-toggle__box::after { transform: translateX(1.1rem); }
.a11y-toggle__text { min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
.a11y-toggle__label { font-size: .9375rem; font-weight: 600; color: var(--g-text); }
.a11y-toggle__desc { font-size: .8125rem; line-height: 1.5; color: var(--g-text-2); }

/* Hedef kitle kısayolları */
.a11y-auds { margin-top: .75rem; display: flex; flex-direction: column; gap: .375rem; }
.a11y-aud { display: block; padding: .625rem .75rem; border: 1px solid var(--g-border); border-radius: .5rem; font-size: .9375rem; font-weight: 500; color: var(--g-text); text-decoration: none; }
.a11y-aud:hover { border-color: #aecbfa; background: var(--g-blue-surface); color: #1557b0; }
.a11y-link { font-size: .8125rem; font-weight: 600; color: #1557b0; text-decoration: underline; }
.a11y-reset { padding: .5rem .75rem; border: 1px solid var(--g-border); border-radius: .5rem; background: #fff; font-size: .8125rem; font-weight: 600; color: var(--g-text-2); cursor: pointer; }
.a11y-reset:hover { background: #f1f3f4; color: var(--g-text); }

/* Panel açıkken arka plan kaymasın */
html.a11y-open, html.a11y-open body { overflow: hidden; }

/* Tercih: yazı boyutu. Kök font boyutu ölçeklenir, rem tabanlı düzen birlikte büyür. */
:root[data-a11y-fs="112"] { font-size: 112.5%; }
:root[data-a11y-fs="125"] { font-size: 125%; }
:root[data-a11y-fs="150"] { font-size: 150%; }

/* Tercih: hareketi azalt */
:root[data-a11y-motion="1"] *,
:root[data-a11y-motion="1"] *::before,
:root[data-a11y-motion="1"] *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
}

/* Tercih: bağlantıların altı çizili */
:root[data-a11y-ul="1"] main a:not(.g-card):not(.share-btn):not(.a11y-aud),
:root[data-a11y-ul="1"] footer a { text-decoration: underline; text-underline-offset: .18em; }

/* Tercih: disleksi dostu yazı tipi */
:root[data-a11y-dys="1"] body,
:root[data-a11y-dys="1"] body:not(.adm-body) .prose,
:root[data-a11y-dys="1"] body:not(.adm-body) h1,
:root[data-a11y-dys="1"] body:not(.adm-body) h2,
:root[data-a11y-dys="1"] body:not(.adm-body) h3,
:root[data-a11y-dys="1"] body:not(.adm-body) h4 {
    font-family: Verdana, Tahoma, "Segoe UI", sans-serif;
    letter-spacing: .02em;
    word-spacing: .12em;
}
:root[data-a11y-dys="1"] p,
:root[data-a11y-dys="1"] li { line-height: 1.85; }
:root[data-a11y-dys="1"] .prose p,
:root[data-a11y-dys="1"] .prose li { text-align: left; hyphens: none; }

/* Tercih: yüksek kontrast.
   Ölçülen sorunlu çiftler düzeltilir: #5f6368 ve #9aa0a6 metinler koyulaştırılır,
   #1a73e8 mavi yüzey üzerinde 3.93:1 kaldığı için #1557b0 (6.06:1) ile değiştirilir,
   kenarlıklar belirginleştirilir. */
:root[data-a11y-contrast="1"] {
    --g-blue: #1557b0;
    --g-blue-hover: #103f80;
    --g-text: #000000;
    --g-text-2: #1f1f1f;
    --g-border: #5f6368;
    --g-surface: #f2f3f4;
}
:root[data-a11y-contrast="1"] body { color: #1a1a1a; background: #fff; }
:root[data-a11y-contrast="1"] .text-\[\#5f6368\],
:root[data-a11y-contrast="1"] .text-\[\#9aa0a6\],
:root[data-a11y-contrast="1"] .text-\[\#8b909a\],
:root[data-a11y-contrast="1"] .text-\[\#3c4043\],
:root[data-a11y-contrast="1"] .text-\[\#3c4150\] { color: #1a1a1a !important; }
:root[data-a11y-contrast="1"] .text-\[\#1a73e8\] { color: #1557b0 !important; }
:root[data-a11y-contrast="1"] .bg-\[\#1a73e8\] { background-color: #10428a !important; }
:root[data-a11y-contrast="1"] .border-\[\#dadce0\],
:root[data-a11y-contrast="1"] .border-\[\#e8eaed\],
:root[data-a11y-contrast="1"] .border-\[\#e6e8ec\] { border-color: #3c4043 !important; }
:root[data-a11y-contrast="1"] .g-card,
:root[data-a11y-contrast="1"] input,
:root[data-a11y-contrast="1"] select,
:root[data-a11y-contrast="1"] textarea { border-color: #3c4043 !important; }
:root[data-a11y-contrast="1"] main a:not(.g-card):not(.share-btn) { text-decoration: underline; }
:root[data-a11y-contrast="1"] .gloss-term { border-bottom-color: #1a1a1a; }
:root[data-a11y-contrast="1"] .focus-ring:focus-visible,
:root[data-a11y-contrast="1"] a:focus-visible,
:root[data-a11y-contrast="1"] button:focus-visible { outline: 3px solid #000 !important; outline-offset: 2px !important; }

/* ---- Analitik sayfası (an2) ---- */
.an2 { display: flex; flex-direction: column; gap: 1.5rem; }
.an2-card { background: var(--adm-surface); border: 1px solid var(--adm-border); border-radius: .85rem; box-shadow: 0 1px 2px rgba(20,28,24,.05); min-width: 0; }
.an2-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1rem; padding: 1rem 1.4rem; border-bottom: 1px solid var(--adm-border); }
.an2-head-sub { margin: .15rem 0 0; font-size: .8125rem; color: var(--adm-muted); }
.an2-body { padding: 1.1rem 1.4rem 1.3rem; }
.an2-muted { font-size: .75rem; color: var(--adm-faint); }
.an2-note { margin: 1rem 0 0; font-size: .75rem; line-height: 1.6; color: var(--adm-faint); }
.an2-link { display: inline-block; margin-top: .9rem; font-size: .8125rem; font-weight: 600; color: var(--adm-signal); }
.an2-link:hover { text-decoration: underline; }
.an2-foot { margin: 0; padding: .85rem 1.4rem; border-top: 1px solid var(--adm-border); font-size: .8125rem; color: var(--adm-muted); }
.an2-alert { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: 1.5rem; padding: .85rem 1.2rem; border: 1px solid #f0d9a0; background: #fffaf0; border-radius: .85rem; color: #7a4e00; font-size: .875rem; }
.an2-alert p { margin: 0; }

/* Dönem seçici */
.an2-seg { display: inline-flex; flex-wrap: wrap; padding: 3px; gap: 2px; background: #eaeee8; border-radius: .6rem; }
.an2-seg a { padding: .38rem .8rem; border-radius: .45rem; font-size: .8125rem; font-weight: 600; color: var(--adm-muted); white-space: nowrap; }
.an2-seg a:hover { color: var(--adm-ink); }
.an2-seg a.is-on { background: #fff; color: var(--adm-signal-ink); box-shadow: 0 1px 3px rgba(20,28,24,.14); }
.an2-seg a:focus-visible { outline: 2px solid var(--adm-signal); outline-offset: 1px; }

/* Özet */
.an2-brief { padding: 1.4rem 1.6rem; }
.an2-eyebrow { margin: 0; font-size: .6875rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--adm-faint); }
.an2-sum { margin: .5rem 0 0; max-width: 60rem; font-size: 1.2rem; line-height: 1.55; color: var(--adm-ink); }
.an2-sum-sub { margin: .55rem 0 0; font-size: .875rem; color: var(--adm-muted); }
.an2-sum-sub strong { color: #3c4150; }
.an2-signals { list-style: none; margin: 1.1rem 0 0; padding: 1rem 0 0; border-top: 1px solid var(--adm-border); display: grid; gap: .6rem 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.an2-signals li { display: flex; flex-direction: column; gap: .1rem; padding-left: .85rem; border-left: 3px solid #cfd6de; font-size: .8125rem; color: var(--adm-muted); }
.an2-signals li strong { font-size: .875rem; color: var(--adm-ink); }
.an2-signals li.is-good { border-left-color: #1f9d63; }
.an2-signals li.is-warn { border-left-color: #d99a1c; }
.an2-signals li.is-info { border-left-color: #4e95e2; }

/* Ölçümler */
.an2-kpis { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.an2-kpi { padding: 1.05rem 1.2rem; background: var(--adm-surface); border: 1px solid var(--adm-border); border-radius: .85rem; box-shadow: 0 1px 2px rgba(20,28,24,.05); min-width: 0; }
.an2-kpi-top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.an2-kpi-l { font-size: .6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--adm-faint); }
.an2-kpi-n { margin-top: .35rem; font-family: "Roboto Slab", Georgia, serif; font-size: 1.9rem; font-weight: 700; line-height: 1.1; color: var(--adm-ink); font-variant-numeric: tabular-nums; }
.an2-kpi-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: .5rem; margin-top: .6rem; font-size: .75rem; line-height: 1.35; color: var(--adm-faint); min-height: 28px; }
.an2-kpi-spark { flex: none; }
.an2-delta { flex: none; padding: .05rem .5rem; border-radius: 9999px; font-size: .6875rem; font-weight: 700; background: #eef0f4; color: var(--adm-muted); }
.an2-delta.is-up { background: #e3f6ec; color: #146c43; }
.an2-delta.is-down { background: #fdecec; color: #b42318; }

/* Grafik */
.an2-toggles { display: flex; flex-wrap: wrap; gap: .4rem; }
.an2-toggle { display: inline-flex; align-items: center; gap: .45rem; padding: .32rem .75rem; border: 1px solid var(--adm-border); border-radius: 9999px; background: #fff; font: inherit; font-size: .8125rem; font-weight: 600; color: var(--adm-ink); cursor: pointer; }
.an2-toggle i { width: .6rem; height: .6rem; border-radius: 9999px; }
.an2-toggle i.is-dash { background: none; border-top: 2px dashed #9aa3ad; height: 0; border-radius: 0; width: .85rem; }
.an2-toggle.is-off { color: var(--adm-faint); background: #f6f8f5; }
.an2-toggle.is-off i { opacity: .35; }
.an2-toggle:focus-visible, .an2-chart:focus-visible { outline: 2px solid var(--adm-signal); outline-offset: 2px; }
.an2-chart { position: relative; min-height: 240px; border-radius: .5rem; }
.an2-svg { display: block; width: 100%; overflow: visible; }
.an2-tip { position: absolute; z-index: 3; min-width: 11rem; padding: .55rem .7rem; background: #fff; border: 1px solid var(--adm-border); border-radius: .6rem; box-shadow: 0 8px 24px rgba(20,28,24,.16); font-size: .75rem; color: #3c4150; pointer-events: none; opacity: 0; transform: translateX(-50%); transition: opacity .1s; }
.an2-tip.is-on { opacity: 1; }
.an2-tip-d { margin-bottom: .3rem; font-weight: 700; color: var(--adm-ink); white-space: nowrap; }
.an2-tip-r { display: flex; align-items: center; gap: .45rem; margin-top: .2rem; white-space: nowrap; }
.an2-tip-r i { width: .55rem; height: .55rem; border-radius: 9999px; flex: none; }
.an2-tip-r b { margin-left: auto; padding-left: .8rem; font-variant-numeric: tabular-nums; color: var(--adm-ink); }
.an2-tip-r em { font-style: normal; font-weight: 700; }
.an2-tip-r em.up { color: #146c43; }
.an2-tip-r em.down { color: #b42318; }
.an2-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.an2-datatable { margin-top: 1rem; font-size: .8125rem; }
.an2-datatable summary { cursor: pointer; color: var(--adm-signal); font-weight: 600; }
.an2-maxh { max-height: 18rem; overflow: auto; margin-top: .6rem; }

/* Izgaralar */
.an2-grid { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1100px) {
    .an2-grid--wide { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); }
    .an2-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Çubuk listeleri */
.an2-bars { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .85rem; }
.an2-bars--tight { gap: .6rem; }
.an2-bars--2col { display: grid; gap: .9rem 2rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .an2-bars--2col { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.an2-bar-row { display: flex; align-items: baseline; gap: .75rem; font-size: .875rem; }
.an2-bar-row b { flex: none; font-variant-numeric: tabular-nums; color: var(--adm-ink); }
.an2-bar-t { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; color: var(--adm-ink); }
a.an2-bar-t:hover { color: var(--adm-signal); }
.an2-bar-t small { color: #a7adb6; font-weight: 400; }
.an2-track { height: .4rem; margin-top: .35rem; background: #eceff3; border-radius: 9999px; overflow: hidden; }
.an2-track i { display: block; height: 100%; border-radius: 9999px; }
.an2-track--sm { height: .3rem; margin-top: .3rem; min-width: 5rem; }

/* Halka grafik */
.an2-donutbox { display: flex; align-items: center; gap: 1.4rem; flex-wrap: wrap; }
.an2-donutbox--col { flex-direction: column; align-items: stretch; }
.an2-donut { width: 9.5rem; height: 9.5rem; flex: none; align-self: center; }
.an2-donut-n { font-family: "Roboto Slab", Georgia, serif; font-size: 11px; font-weight: 700; fill: var(--adm-ink); }
.an2-legend { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 12rem; display: flex; flex-direction: column; gap: .55rem; }
.an2-legend li { display: flex; align-items: center; gap: .55rem; font-size: .875rem; color: #3c4150; }
.an2-legend i { width: .65rem; height: .65rem; border-radius: 9999px; flex: none; }
.an2-legend span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an2-legend b { font-variant-numeric: tabular-nums; color: var(--adm-ink); }
.an2-legend em { width: 2.6rem; text-align: right; font-style: normal; font-size: .75rem; color: var(--adm-faint); }

/* Gün içi */
.an2-cols { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 3px; height: 8rem; align-items: stretch; }
.an2-col { display: flex; align-items: flex-end; }
.an2-col span { display: block; width: 100%; border-radius: 3px 3px 0 0; background: #a9c8ee; }
.an2-col.is-peak span { background: #4e95e2; }
.an2-ticks { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 3px; margin-top: .4rem; font-size: .6875rem; color: var(--adm-faint); }

/* Tablo */
.an2-tablewrap { overflow-x: auto; }
.an2-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.an2-table th { padding: .7rem 1rem; text-align: left; font-size: .6875rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--adm-faint); background: #f7f9fb; border-bottom: 1px solid var(--adm-border); white-space: nowrap; }
.an2-table td { padding: .75rem 1rem; border-bottom: 1px solid #eef1ec; vertical-align: top; color: #3c4150; }
.an2-table tbody tr:last-child td { border-bottom: 0; }
.an2-table tbody tr:hover td { background: #f8fafc; }
.an2-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.an2-table td.num b { color: var(--adm-ink); }
.an2-table .rank { width: 2rem; color: #b4bcc6; font-weight: 700; }
.an2-src { display: inline-flex; align-items: center; gap: .5rem; font-weight: 600; color: var(--adm-ink); overflow-wrap: anywhere; }
.an2-src i { width: .6rem; height: .6rem; border-radius: 9999px; flex: none; }
.an2-src:hover, .an2-plain:hover { color: var(--adm-signal); }
.an2-plain { font-weight: 600; color: #3c4150; }
.an2-chip { margin-left: .4rem; padding: .05rem .5rem; border-radius: 9999px; background: #f0f3f6; font-size: .6875rem; font-weight: 600; color: var(--adm-muted); white-space: nowrap; }
@media (max-width: 900px) { .an2-table .hide-md { display: none; } }
@media (max-width: 600px) { .an2-table .hide-sm { display: none; } .an2-chip { display: none; } }

/* Diğer */
.an2-done { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--adm-border); }
.an2-done b { display: block; font-size: 1.35rem; font-variant-numeric: tabular-nums; color: var(--adm-ink); }
.an2-done span { font-size: .75rem; color: var(--adm-muted); }
.an2-method { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding: 1.3rem 1.5rem; }
.an2-method ul { margin: .7rem 0 0; padding-left: 1.1rem; max-width: 46rem; font-size: .875rem; line-height: 1.6; color: var(--adm-muted); }
.an2-method li + li { margin-top: .3rem; }
.an2-method strong { color: #3c4150; }
.an2-switch { display: inline-flex; align-items: center; gap: .5rem; font-size: .875rem; font-weight: 600; color: #3c4150; cursor: pointer; }
.an2-switch input { width: 1rem; height: 1rem; accent-color: var(--adm-signal); }

@media (max-width: 1100px) { .an2-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
    .an2-signals { grid-template-columns: minmax(0, 1fr); }
    .an2-brief { padding: 1.1rem 1rem; }
    .an2-sum { font-size: 1.05rem; }
    .an2-head { padding: .9rem 1rem; }
    .an2-body { padding: 1rem; }
    .an2-donut { width: 8.5rem; height: 8.5rem; }
}
@media (max-width: 480px) { .an2-kpis { grid-template-columns: minmax(0, 1fr); } .an2-tip { min-width: 9.5rem; } }
@media (prefers-reduced-motion: reduce) { .an2-tip { transition: none; } }

/* ---- Google arama sayfası (gsc) ---- */
.an2 [hidden] { display: none !important; }
.an2-rail { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
.an2-seg button { padding: .38rem .8rem; border: 0; border-radius: .45rem; background: transparent; font: inherit; font-size: .8125rem; font-weight: 600; color: var(--adm-muted); cursor: pointer; white-space: nowrap; }
.an2-seg button:hover { color: var(--adm-ink); }
.an2-seg button.is-on { background: #fff; color: var(--adm-signal-ink); box-shadow: 0 1px 3px rgba(20,28,24,.14); }
.an2-seg button:focus-visible { outline: 2px solid var(--adm-signal); outline-offset: 1px; }
.an2-seg button small { margin-left: .25rem; font-size: .6875rem; font-weight: 700; opacity: .65; }
.gsc-tabs { display: flex; width: 100%; }
.gsc-tabs button { flex: 1; padding-left: .4rem; padding-right: .4rem; }
.gsc-state { display: flex; align-items: flex-start; gap: 1.1rem; padding: 1.5rem 1.6rem; }
.gsc-state p { margin: .5rem 0 1rem; max-width: 44rem; font-size: .875rem; line-height: 1.6; color: var(--adm-muted); }
.gsc-state-ico { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; border-radius: .8rem; background: var(--adm-signal-soft); color: var(--adm-signal); }
.gsc-state.is-error { border-color: #f1c4c0; background: #fff8f7; }
.gsc-state.is-error .gsc-state-ico { background: #fdecec; color: #b42318; }
.gsc-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--adm-border); }
.gsc-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; padding: .85rem 1.4rem; border-bottom: 1px solid var(--adm-border); }
.gsc-filter { display: flex; align-items: center; gap: .5rem; flex: 1 1 14rem; max-width: 22rem; padding: .42rem .7rem; border: 1px solid var(--adm-border); border-radius: .6rem; background: #f4f6f8; color: var(--adm-muted); transition: border-color .15s, box-shadow .15s, background .15s; }
.gsc-filter:focus-within { background: #fff; border-color: var(--adm-signal); box-shadow: 0 0 0 3px rgba(78,149,226,.2); }
.gsc-filter input { flex: 1; min-width: 0; border: 0; background: transparent; outline: none; font-size: .875rem; color: var(--adm-ink); }
.gsc-filter input::-webkit-search-cancel-button { display: none; }
.gsc-table th { padding: 0; }
.gsc-sort { display: inline-flex; align-items: center; gap: .3rem; width: 100%; padding: .7rem 1rem; border: 0; background: transparent; font: inherit; font-size: .6875rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--adm-faint); cursor: pointer; text-align: inherit; white-space: nowrap; }
.gsc-table th.num .gsc-sort { justify-content: flex-end; }
.gsc-sort:hover { color: var(--adm-ink); }
.gsc-sort:focus-visible { outline: 2px solid var(--adm-signal); outline-offset: -2px; }
.gsc-arrow { display: inline-block; width: .65rem; color: var(--adm-signal); font-size: .6rem; }
.gsc-table th[aria-sort="ascending"] .gsc-arrow::after { content: "\25B2"; }
.gsc-table th[aria-sort="descending"] .gsc-arrow::after { content: "\25BC"; }
.gsc-table th[aria-sort="ascending"] .gsc-sort, .gsc-table th[aria-sort="descending"] .gsc-sort { color: var(--adm-signal-ink); }
.gsc-qcell { min-width: 14rem; }
.gsc-qline { display: flex; align-items: center; gap: .4rem; }
.gsc-q { display: inline-flex; align-items: center; gap: .3rem; min-width: 0; font-weight: 600; color: var(--adm-ink); overflow-wrap: anywhere; }
.gsc-q:hover { color: var(--adm-signal); text-decoration: underline; }
.gsc-ext { flex: none; opacity: .4; }
.gsc-q:hover .gsc-ext { opacity: 1; }
.gsc-site { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: .4rem; color: var(--adm-faint); }
.gsc-site:hover { background: #eef2f6; color: var(--adm-signal); }
.gsc-bar { display: block; max-width: 14rem; }
.gsc-pos { display: inline-flex; justify-content: center; min-width: 2.4rem; padding: .1rem .5rem; border-radius: 9999px; font-size: .6875rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.gsc-pos.is-top { background: #e3f6ec; color: #146c43; }
.gsc-pos.is-mid { background: #e8f1fc; color: #2f6ba8; }
.gsc-pos.is-low { background: #f0f3f6; color: var(--adm-muted); }
.gsc-more { display: flex; justify-content: center; padding: .9rem; }
.gsc-more:empty { display: none; }
.gsc-dist { display: flex; gap: 2px; height: .85rem; border-radius: 9999px; overflow: hidden; background: #eceff3; }
.gsc-legend { margin-top: 1rem; }
.gsc-legend em { width: auto; min-width: 4.2rem; }
.gsc-opp { list-style: none; margin: .4rem 0 0; padding: 0; display: flex; flex-direction: column; }
.gsc-opp li { display: flex; flex-direction: column; gap: .2rem; padding: .6rem 0; border-top: 1px solid #eef1ec; }
.gsc-opp li:first-child { border-top: 0; }
.gsc-opp-m { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .75rem; color: var(--adm-faint); }
@media (max-width: 700px) { .gsc-state { flex-direction: column; padding: 1.2rem 1rem; } .gsc-tools { padding: .8rem 1rem; } }
@media (max-width: 700px) { .gsc-qcell { min-width: 0; } .gsc-table td, .gsc-sort { padding-left: .55rem; padding-right: .55rem; } .gsc-bar { max-width: 8rem; } .gsc-q { font-size: .8125rem; } }
@media (max-width: 480px) { .gsc-table td.num, .gsc-table th.num .gsc-sort { padding-left: .3rem; padding-right: .3rem; } .gsc-table td:first-child, .gsc-table th:first-child .gsc-sort { padding-left: .6rem; } .gsc-pos { min-width: 2rem; padding: .1rem .35rem; } .gsc-table { font-size: .8125rem; } }