/* Thème : ajustements d'affichage uniquement (aucune logique modifiée). Chargé après grec.css. */
select,input,textarea{font-size:16px}
button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8bb8cc;outline-offset:2px}

/* Barre de progression : libellé et chiffres sur une ligne, barre pleine largeur dessous */
.global-progress{display:grid;gap:12px 24px}
.global-progress .gp-item{display:grid;grid-template-columns:1fr auto;gap:5px 10px;min-width:0;align-items:baseline}
.global-progress .gp-label{white-space:normal;grid-column:1;grid-row:1}
.global-progress .gp-nums{grid-column:2;grid-row:1;text-align:right}
.global-progress .gp-track{grid-column:1/-1;grid-row:2;height:10px;width:auto;min-width:0}

/* Cartes : texte grec plus lisible, boutons de notation en grille */
.card{border-radius:18px;box-shadow:0 8px 26px #1a23360d}
.card .greek{font-size:1.3rem;line-height:1.75}
.card .actions{display:flex;flex-wrap:wrap;gap:10px}
.card .actions button{flex:1 1 40%;min-height:46px;border-radius:12px}
.card .actions .primary{flex-basis:100%;order:-1}
.rate{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rate button{min-height:52px;font-size:1rem;border-radius:14px}

@media (min-width:701px){
  .global-progress{grid-template-columns:repeat(3,1fr)}
  .rate{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:700px){
  /* Haut de page compact : Accueil / Grec / Hébreu sur une seule ligne */
  .lang-nav{flex-direction:row;align-items:center;justify-content:space-between;padding:6px 8px}
  .lang-nav .nav-right{justify-content:flex-end}
  .lang-nav a{padding:8px 12px}
  h1{font-size:1.55rem}
  /* Onglets : une barre qui défile, collée en haut de l'écran */
  #nav{position:sticky;top:0;z-index:20;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;
    margin-inline:-12px;padding:10px 12px;background:#eef3f6ee;backdrop-filter:blur(8px);
    scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent)}
  #nav::-webkit-scrollbar{display:none}
  #nav button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:44px}
  .panel{padding:14px}
}

@media (min-width:701px){.card .actions{max-width:620px;margin-inline:auto}.card .rate,.status-actions{max-width:620px;margin-inline:auto}}

/* Carte centrée : mot grec (les textes longs restent alignés à gauche, classe .long posée par grec-ui.js) */
.card .greek{text-align:center;font-size:clamp(1.9rem,6vw,2.6rem);line-height:1.45}
.card .greek.long{text-align:left;font-size:1.3rem;line-height:1.75}
/* Présentation des corrections : voir css/grec-correction.css */
.card .hist,.card .rmsg{text-align:center}
.rate button .dly{display:block;margin-top:2px;font-size:.7rem;font-weight:500;opacity:.92}

.review-mode-controls label[hidden]{display:none}
.library-badge.modified{background:#fff4dc;color:#8a5a0c;border:1px solid #ecd49a;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:650}

/* Déclinaisons et pronoms : menus « Catégories » et « Mots » (v27, js/grec-decl-menu.js) */
#declSelector.decl-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-items:start;margin:12px 0 14px}
#declSelector .dm-total{grid-column:1/-1;margin:0;font-weight:650;color:var(--muted)}
#declSelector .dm-total.dm-zero{color:#a33a2a}
#declSelector .dm-group{margin:8px 4px 2px;font-size:.78rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
#declSelector .dm-group:first-child{margin-top:2px}
#declSelector .multiPickOption small{color:var(--muted);font-weight:500}
#declSelector .greek-inline{font-family:Georgia,"Times New Roman",serif;font-size:1.08em}
@media (max-width:700px){#declSelector.decl-menu{grid-template-columns:1fr}}