/* Układ podstrony z docs/projekt/historia.html; kościół i menu używają wspólnych stylów. */
.P h1,.P h2,.P h3,.P .brand b,.P .foot b,.P .era li>b,.P .word,.P .card b,.P .pr dt{font-family:Archivo,"Helvetica Neue",Arial,sans-serif;font-weight:800;font-stretch:106%;letter-spacing:-.025em}
.P .pad{padding:clamp(64px,8vw,120px) 0}
.P h2{font-size:clamp(34px,3.8vw,58px);line-height:1.04}
.P .hd{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 32px;margin-bottom:clamp(28px,3.4vw,44px)}
.P .hd p{max-width:46ch;color:var(--mu)}
.P .ln{font-weight:700;text-decoration:underline;text-decoration-color:var(--ac);text-decoration-thickness:2px;text-underline-offset:5px}
.P .ln:hover{text-decoration-thickness:3.5px}

/* ---------- wstęp z rysunkiem ---------- */
.P .h-hero{overflow:hidden;border-bottom:1.5px solid var(--li)}
.P .h-hero .wrap{display:grid;grid-template-columns:1.2fr minmax(260px,.9fr);gap:clamp(32px,5vw,88px);align-items:end}
.P .h-hero .txt{padding:clamp(48px,7vw,120px) 0}
.P h1{font-size:clamp(48px,6.4vw,104px);line-height:.96}
.P .lead{font-size:clamp(20px,1.7vw,24px);line-height:1.5;margin-top:26px;max-width:40ch}
.P .keyd{background:var(--deep);color:var(--dfg);padding:clamp(48px,6vw,88px) 0}
.P .keyd h2{font-size:clamp(28px,2.6vw,40px)}
.P .tl{display:grid;grid-template-columns:repeat(var(--events,6),minmax(0,1fr));margin-top:clamp(28px,3.4vw,48px);border-top:3px solid var(--dfg)}
.P .tl li{padding:22px 18px 8px 0}
.P .tl li+li{padding-left:18px;border-left:1px solid rgba(244,240,226,.35)}
.P .tl b{display:block;font-family:Archivo,"Helvetica Neue",Arial,sans-serif;font-weight:800;font-stretch:106%;letter-spacing:-.03em;font-size:clamp(28px,2.8vw,46px);line-height:1;margin-bottom:14px;color:var(--dac)}
.P .tl span{display:block;font-size:16px;line-height:1.45}
@media (max-width:980px){.P .tl{grid-template-columns:1fr 1fr}.P .tl li,.P .tl li+li{padding:20px 16px 14px 0;border-left:0;border-bottom:1px solid rgba(244,240,226,.3)}}
/* ---------- kalendarium ---------- */
.P .tgrid{display:grid;grid-template-columns:minmax(220px,.7fr) 2fr;gap:clamp(28px,5vw,88px);align-items:start}
.P .tside{position:sticky;top:120px}
.P .tside p{margin-top:16px;color:var(--mu);max-width:28ch}
.P .tside ul{margin-top:28px;border-top:1.5px solid var(--li)}
.P .tside a{display:block;padding:10px 0;border-bottom:1.5px solid var(--li);text-decoration:none;font-weight:700}
.P .tside a:hover{color:var(--ac)}
.P .era+.era{margin-top:clamp(48px,6vw,88px)}
.P .era h3{font-size:clamp(22px,2vw,30px);line-height:1.15;padding:0 clamp(12px,1.4vw,20px) 14px;border-bottom:3px solid var(--fg)}
.P .era li{display:grid;grid-template-columns:clamp(140px,15vw,230px) 1fr;gap:6px 32px;padding:20px clamp(12px,1.4vw,20px);border-bottom:1.5px solid var(--li)}
.P .era li>b{font-size:clamp(26px,2.6vw,40px);line-height:1;color:var(--ac);letter-spacing:-.035em}
.P .era li>b small{display:block;font-size:.5em;letter-spacing:0;margin-top:4px}
.P .era li p{max-width:62ch;padding-top:3px}
.P .era li.key{background:var(--so);border-bottom-color:transparent}
.P .era li.key>b{color:var(--fg)}

/* ---------- w kościele ---------- */
.P .inside{background:#EDE7DC}
.P .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.P .card{display:flex;flex-direction:column;gap:8px;padding:clamp(22px,2.2vw,30px);background:#FFFFFF;color:#23201A}
.P .card b{font-size:clamp(20px,1.7vw,25px);line-height:1.12}
.P .card span{color:var(--mu)}
.P .card em{font-style:normal;color:var(--ac);font-weight:700;font-size:15px;margin-top:auto;padding-top:8px}

/* ---------- tradycje ---------- */
.P .trad{background:var(--deep);color:var(--dfg)}
.P .trad .hd p{color:rgba(244,240,226,.8)}
.P .tcols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px)}
.P .word{display:block;font-size:clamp(64px,9vw,150px);line-height:.9;color:var(--dac);letter-spacing:-.04em}
.P .tcols h3{font-size:clamp(20px,1.7vw,24px);margin:18px 0 12px}
.P .tcols p{max-width:52ch}
.P .tcols p+p{margin-top:12px}
.P .tcols .muted{color:rgba(244,240,226,.72);font-size:16px}
.P .tcols .muted{margin-top:12px}
.P .era{scroll-margin-top:calc(var(--site-header-height) + 16px)}
.P .era-copy{min-width:0}
.P .era-copy p+p{margin-top:12px}

/* ---------- miejsca ---------- */
.P .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px)}
.P .pl li{padding:18px 0;border-top:1.5px solid var(--fg)}
.P .pl li:last-child{border-bottom:1.5px solid var(--fg)}
.P .pl h3{font-size:21px;line-height:1.2;margin-bottom:6px}
.P .pl p{max-width:56ch}

/* ---------- proboszczowie ---------- */
.P .priests{background:var(--so)}
.P .pr{max-width:900px}
.P .pr>div{display:grid;grid-template-columns:clamp(150px,16vw,220px) 1fr;gap:6px 32px;padding:16px 0;border-top:1.5px solid var(--li)}
.P .pr>div:last-child{border-bottom:1.5px solid var(--li)}
.P .pr dt{font-size:clamp(20px,1.8vw,26px);line-height:1.1;color:var(--ac)}
.P .pr dd b{display:block;font-weight:700}
.P .pr dd span{color:var(--mu)}
.P .src{margin-top:clamp(40px,5vw,64px);font-size:15px;color:var(--mu);max-width:80ch}
.P .src a{text-underline-offset:3px}

/* ---------- stopka ---------- */
.P footer{background:var(--deep);color:var(--dfg);padding:56px 0;border-top:1px solid rgba(244,240,226,.18)}
.P .foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px 40px;font-size:16px}
.P .foot b{font-size:24px;line-height:1.1;display:block;max-width:18ch}
.P .fl{display:flex;flex-direction:column;gap:4px}

@media (max-width:980px){
 .P .h-hero .wrap,.P .tgrid,.P .tcols,.P .pgrid{grid-template-columns:1fr}
 .P .pgrid{row-gap:0}
 .P .pgrid>.pl:not(:empty)+.pl>li:first-child{border-top:0}
 .P .h-hero .txt{padding-bottom:0}
 .P .tower{width:min(78vw,420px);margin:0 auto}
 .P .tside{position:static}
 .P .tside ul{display:flex;flex-wrap:wrap;gap:0 20px;border-top:0}
 .P .tside a{border-bottom:0;text-decoration:underline;text-decoration-color:var(--ac);text-underline-offset:4px}
 .P .cards{grid-template-columns:1fr 1fr}
 .P .foot{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .P .era li,.P .pr>div{grid-template-columns:1fr}
 .P .cards,.P .foot{grid-template-columns:1fr}
}
.P .src{opacity:1}