/* v1.1.2 – v4-style layout (rect buttons, full-width search), keep dark-mode compatibility */
:root, body.dark, html[data-theme="dark"] { color-scheme: light dark; }
:root{
  --fg: inherit;
  --muted: color-mix(in srgb,currentColor,transparent 45%);
  --bd: rgba(125,125,125,.22);
  --bd-2: rgba(125,125,125,.34);
  --accent: #2563eb;
  --accent-2:#1d4ed8;
  --surface: color-mix(in srgb, white, transparent 85%);
  --shadow: 0 6px 20px rgba(0,0,0,.04);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0}

.fotoloji-glossary{max-width:1100px;margin:2rem auto;padding:1rem;color:var(--fg)}
.fg-inner{display:grid;gap:1rem}
.fg-header{display:grid;gap:.75rem;align-items:center}
.fg-header h1{margin:.25rem 0 0 0;font-size:clamp(1.25rem,2.5vw,1.75rem)}
.fg-info{margin:0;color:var(--muted);min-height:1.25rem}

.fg-search{display:flex;gap:.6rem;align-items:center}
.fg-search input[type="search"]{
  min-width:260px;padding:.6rem .8rem;border:1px solid var(--bd-2);
  border-radius:.6rem;background:var(--surface);color:inherit;
  box-shadow:var(--shadow);
}
.fg-search button{
  border:1px solid var(--bd-2);background:var(--surface);color:inherit;
  padding:.6rem .9rem;border-radius:10px;cursor:pointer;box-shadow:var(--shadow)
}
.fg-search input[type="search"]:focus-visible,
.fg-search button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 35%);outline-offset:2px}

.fg-alpha-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(13,1fr)}
.fg-alpha-list a{
  display:block;text-align:center;padding:.5rem 0;border:1px solid var(--bd);
  border-radius:10px;background:var(--surface);text-decoration:none;color:inherit;
  box-shadow:var(--shadow)
}
.fg-alpha-list a:hover{border-color:var(--accent);color:var(--accent)}
.fg-alpha-list a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 40%);outline-offset:2px}

.fg-results{display:grid;gap:1rem}
.fg-section{border:1px solid var(--bd);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.fg-section__head{padding:.8rem 1rem;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:.75rem}
.fg-section__head h2{margin:0;font-size:1.05rem}
.fg-section__meta{margin-left:auto;color:inherit;border:1px solid var(--bd);border-radius:999px;padding:.2rem .6rem;font-size:.9rem;background:var(--surface);box-shadow:var(--shadow)}
.fg-section__body{padding:.5rem 1rem 1rem;display:grid;gap:.5rem}
.fg-section__foot{border-top:1px solid var(--bd);display:flex;justify-content:flex-end;padding:.5rem 1rem}
.fg-toplink a{color:var(--accent);text-decoration:none}
.fg-toplink a:hover{text-decoration:underline}

.fg-item{padding:1rem;border:1px solid var(--bd);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}
.fg-term{margin:0 0 .25rem 0;font-size:1.12rem}
.fg-def p{margin:.25rem 0}
.fg-def a{color:var(--accent);text-decoration:underline}
.fg-def a:hover{color:var(--accent-2)}
mark{background:color-mix(in srgb, var(--accent), white 80%);padding:0 .12em;border-radius:.2em}
[hidden]{display:none!important}

@media (max-width:900px){
  .fg-alpha-list{grid-template-columns:repeat(8,1fr)}
  .fg-search input[type="search"]{max-width:100%}
}