/* Trilingual "O rječniku" section: add to the end of rjecnik/assets/css/rjecnik.css */
.about-multilingual { scroll-margin-top:1.5rem; padding:clamp(1.2rem,3vw,2.25rem); background:#fffefa; border:1px solid #d9ddd5; border-top:3px solid #123f2b; }
.about-multilingual .about-topline { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; padding-bottom:1rem; border-bottom:1px solid #d9ddd5; }
.about-multilingual #about-heading { margin:0; font:700 .78rem/1.5 Arial,Helvetica,sans-serif; letter-spacing:.06em; color:#1e5a3d; text-transform:none; }
.about-lang-switch { display:flex; flex-wrap:wrap; gap:.3rem; }
.about-lang-switch button { border:1px solid #b6c7b8; border-radius:.25rem; background:#fff; color:#123f2b; padding:.45rem .8rem; font:700 .8rem Arial,Helvetica,sans-serif; cursor:pointer; }
.about-lang-switch button[aria-pressed="true"] { background:#123f2b; color:#fff; }
.about-lang-switch button:focus-visible { outline:3px solid #bd9349; outline-offset:2px; }
.about-multilingual .about-language[hidden] { display:none!important; }
.about-multilingual .about-language { max-width:950px; margin:1.3rem auto 0; }
.about-multilingual .about-language h3 { color:#123f2b; font:500 clamp(1.35rem,2.3vw,1.8rem)/1.35 Georgia,'Times New Roman',serif; margin:0 0 1.5rem; }
.about-multilingual .about-language h4 { color:#123f2b; font:700 1.03rem/1.5 Arial,Helvetica,sans-serif; text-transform:none; letter-spacing:0; margin:1.6rem 0 .6rem; }
.about-multilingual .about-language p { color:#303d33; font:normal 1rem/1.75 Georgia,'Times New Roman',serif; margin:0 0 1rem; }
.about-multilingual .about-language ul { padding-left:1.5rem; color:#303d33; line-height:1.7; margin:.4rem 0 1.2rem; }
.about-multilingual .about-language li { margin:.3rem 0; }
.about-multilingual .about-author { border-top:1px solid #d9ddd5; padding-top:1rem; margin-top:2rem!important; }
@media(max-width:650px) { .about-lang-switch { width:100%; } .about-lang-switch button { flex:1; } }

/* Navigation between the two trilingual project information pages. */
.topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0 0 1.4rem}
.topic-links a{display:flex;flex-direction:column;gap:.15rem;padding:1rem 1.2rem;border:1px solid #d9ddd5;border-left:3px solid #bd9349;background:#fffefa;color:#123f2b;text-decoration:none;min-width:0}
.topic-links a[aria-current="page"]{border-left-color:#123f2b;background:#edf3ed}
.topic-links a:hover{border-color:#123f2b}
.topic-links a:focus-visible{outline:3px solid #bd9349;outline-offset:2px}
.topic-links a span{font:700 .93rem/1.4 Arial,Helvetica,sans-serif}
.topic-links a small{font:.76rem/1.45 Arial,Helvetica,sans-serif;color:#4f6256}
@media(max-width:650px){.topic-links{grid-template-columns:1fr}.topic-links a{padding:.85rem 1rem}}
