/* Prototyp wariantu C — style tylko pierwszej strony tekstowej. */
:root { color-scheme:dark; --text:#e1ddd5; --gold:#c9b58f; --panel:transparent; }
* { box-sizing:border-box; }
body { margin:0; background:#000 url("../assets/png/home-tlo-nieprzezroczyste.png") center top / 100% auto no-repeat; color:var(--text); font-family:Arial,Helvetica,sans-serif; min-height:100vh; }
a { color:inherit; text-underline-offset:5px; }
.site-header { max-width:1240px; margin:auto; padding:24px 24px 16px; }
.main-menu { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:0; margin:0; list-style:none; }
.main-menu li { display:flex; align-items:center; }
.main-menu li+li::before { content:'/'; margin:0 10px; color:#da8e24; }
.main-menu a { display:inline-flex; align-items:center; min-height:44px; color:#da8e24; font-size:14px; text-transform:uppercase; text-decoration:none; }
.main-menu a[aria-current], .main-menu a:hover { color:#fff; }
main { max-width:856px; margin:auto; padding:12px 24px 48px; }
.section-heading { text-align:center; padding:8px 0 22px; }
.section-heading img { display:block; width:min(100%,380px); height:auto; margin:0 auto; }
h1 { font-size:28px; font-weight:400; letter-spacing:.12em; color:var(--gold); margin:24px 0 0; }
.section-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.section-tabs a { flex:1 1 auto; text-align:center; text-decoration:none; font-size:15px; line-height:1.45; padding:14px 12px; border-radius:4px; color:#da8e24; }
.section-tabs a[aria-current] { background:transparent; color:#fff; }
.section-tabs a:hover { color:#fff; }
.text-panel { background:var(--panel); border-radius:6px; padding:36px 32px 24px; scroll-margin-top:20px; }
h2 { color:var(--gold); font-weight:400; font-size:25px; line-height:1.4; margin:0 0 25px; }
.text-panel p { font-size:18px; line-height:1.7; margin:0 0 23px; }
.text-panel strong { font-weight:600; }
.bottom-nav { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:22px 2px; font-size:14px; color:var(--gold); }
.bottom-nav a { padding:10px 0; text-decoration:none; }
.bottom-nav a:hover { text-decoration:underline; }
:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.skip-link { position:absolute; top:8px; left:8px; background:#222; padding:12px; transform:translateY(-180%); }
.skip-link:focus { transform:none; }
@media(max-width:600px) {
 .site-header { padding:12px 12px 8px; }
 .main-menu a { font-size:12px; }
 .main-menu li+li::before { margin:0 6px; }
 main { padding:12px 16px 24px; }
 .section-heading img { width:min(90%,320px); }
 h1 { font-size:25px; }
 .section-tabs a { font-size:15px; padding:12px 8px; }
 .text-panel { padding:26px 20px 12px; }
 .text-panel p { font-size:17px; line-height:1.7; }
 h2 { font-size:23px; }
}

/* Próba bez panelu, z podpisem i kolorami nagłówków HOME. */
.section-heading h1 { color:#ff8100; font-size:clamp(16px,2vw,22px); line-height:1.5; letter-spacing:0; text-transform:uppercase; }
.text-panel h2 { color:#ff8100; }

/* Podpis: proporcja rozmiaru pisma do emblematu jak na HOME. */
.section-heading { container-type:inline-size; }
.section-heading h1 { width:min(100%,380px); margin:16px auto 0; font-size:min(3.43cqw,13px); line-height:1.4; white-space:nowrap; }
@media(max-width:600px) { .section-heading h1 { width:min(90%,320px); font-size:min(3.08cqw,11px); } }

/* Wspólna typografia i pole emblematu dla A.M.O.R.C. oraz Studiów. */
.section-heading img { width:min(100%,380px); height:auto; aspect-ratio:998.82 / 226.21; object-fit:contain; }
.text-panel p, .text-panel ul, .text-panel ol { font-size:18px; line-height:1.65; }
.text-panel ul, .text-panel ol { padding-left:1.4em; margin:0 0 23px; }
.text-panel li { margin-bottom:6px; }
.text-panel h3 { color:#ff8100; font-size:21px; line-height:1.4; font-weight:400; margin:32px 0 18px; }
.text-panel h4 { color:#ff8100; font-size:19px; line-height:1.5; font-weight:400; margin:28px 0 16px; }
@media(max-width:600px) { .section-heading img { width:min(90%,320px); } }

/* Powiększenie emblematu Zakonu i OMT o 50%; na telefonie ograniczenie do szerokości ekranu. */
.section-heading img[src*="amorc-emblemat-kolor.svg"],
.section-heading img[src*="omt-pentakl.svg"] {
  width:min(100%,570px);
  height:auto;
  aspect-ratio:998.82 / 226.21;
  object-fit:contain;
}
@media(max-width:600px) {
  .section-heading img[src*="omt-pentakl.svg"] {
    height:calc(min(90vw - 28.8px,320px) * .33972);
    aspect-ratio:auto;
  }
}