/* Podstrona z projektu sakramenty.html; wspólny nagłówek i stopka pozostają. */
.P .sacraments-page h1,.P .sacraments-page .jn b{font-family:Archivo,"Helvetica Neue",Arial,sans-serif;font-weight:800;font-stretch:106%;letter-spacing:-.025em}
.P .sacraments-page section{scroll-margin-top:calc(var(--site-header-height) + 72px)}
.P .sacraments-page .sac{background:transparent}
.P .sacraments-page h1,.P .sacraments-page .sbody{overflow-wrap:anywhere;min-width:0}
/* ---------- wstęp ---------- */
.P .sacraments-page .s-hero{padding:clamp(40px,6vw,88px) 0 clamp(40px,5vw,72px)}
.P .sacraments-page .s-hero .wrap{display:block}
.P .sacraments-page .kline{margin-top:18px;font-size:18px;color:var(--mu)}
.P .sacraments-page .kline .ln{color:var(--fg)}
.P .sacraments-page h1{font-size:clamp(48px,6.4vw,104px);line-height:.96}
.P .sacraments-page .lead{font-size:clamp(20px,1.7vw,24px);line-height:1.5;margin-top:24px;max-width:40ch}
/* ---------- skróty do sakramentów ---------- */
.P .sacraments-page .jn{position:sticky;top:79px;z-index:20;background:var(--bg);border-top:1.5px solid var(--li);border-bottom:1.5px solid var(--li)}
.P .sacraments-page .jn ul{display:grid;grid-template-columns:repeat(6,1fr)}
.P .sacraments-page .jn li+li{border-left:1.5px solid var(--li)}
.P .sacraments-page .jn a{display:flex;align-items:center;gap:12px;padding:14px clamp(10px,1.2vw,18px);text-decoration:none;transition:background-color .2s}
.P .sacraments-page .jn a:hover{background:var(--so)}
.P .sacraments-page .jn a.on{background:var(--so);box-shadow:inset 0 -3px 0 var(--ac)}
.P .sacraments-page .jn svg{width:44px;height:42px;flex:none;fill:none;stroke:#8A6433;stroke-linecap:round;stroke-linejoin:round}
/* A screen-sized stroke keeps the differently sized CMS SVGs equally legible. */
.P .sacraments-page .jn svg :is(path,circle,ellipse,rect,line,polyline,polygon){vector-effect:non-scaling-stroke;stroke-width:2px}
.P .sacraments-page .jn :is(.ray,.icon-fine,.eye,.hl,[stroke="none"]){display:none}
.P .sacraments-page .jn .icon-wash{stroke:none}
.P .sacraments-page .jn .bf{fill:#EEE3CF}
.P .sacraments-page .jn b{font-size:16px;line-height:1.15}

/* ---------- sekcja sakramentu ---------- */
.P .sacraments-page .sac{padding:clamp(56px,7vw,104px) 0}
.P .sacraments-page .sac:nth-of-type(even){background:var(--so)}
.P .sacraments-page .sgrid{display:grid;grid-template-columns:minmax(240px,.8fr) 2fr;gap:clamp(28px,5vw,88px);align-items:start}
.P .sacraments-page .shead{position:sticky;top:190px}
.P .sacraments-page .ico{width:clamp(120px,11vw,160px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#F7F4EC}
.P .sacraments-page .sac:nth-of-type(even) .ico{background:#FFFFFF}
.P .sacraments-page .ico svg{height:76%;width:auto;overflow:visible;fill:none;stroke:#8A6433;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.P .sacraments-page .ico .bf{fill:#EEE3CF}.P .sacraments-page .ico .ray{stroke-width:2.4}.P .sacraments-page .ico .hl{fill:#fff}.P .sacraments-page .ico .eye{fill:#8A6433;stroke:none}
.P .sacraments-page .shead h2{font-size:clamp(34px,3.6vw,54px);line-height:1.02;margin-top:24px}
.P .sacraments-page .shead p{margin-top:14px;color:var(--mu);max-width:30ch}
.P .sacraments-page .sbody{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,3vw,48px)}
.P .sacraments-page .blk{padding:22px 0 26px;border-top:1.5px solid var(--fg)}
.P .sacraments-page .blk{min-width:0}
.P .sacraments-page .blk.wide{grid-column:1/-1}
.P .sacraments-page .blk h3{font-size:20px;line-height:1.2;margin-bottom:10px}
.P .sacraments-page .blk p+p{margin-top:8px}
.P .sacraments-page .docs li{position:relative;padding-left:30px;margin-top:8px}
.P .sacraments-page .docs li::before{content:"";position:absolute;left:0;top:.28em;width:16px;height:16px;border:1.5px solid var(--ac);background:var(--bg)}
.P .sacraments-page .sac:nth-of-type(even) .docs li::before{background:var(--so)}
.P .sacraments-page .confess{padding:clamp(40px,5vw,64px) 0;border-top:1.5px solid var(--li)}
.P .sacraments-page .confess .wrap{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px 32px}
.P .sacraments-page .confess h2{font-size:clamp(26px,2.4vw,36px);line-height:1.55}


.P .sacraments-page .ico .icon-wash,.P .sacraments-page .jn .icon-wash{fill:#EEE3CF}
.P .sacraments-page .ico .icon-fine{stroke-width:2.4}
.P .sacraments-page .docs-intro{margin-bottom:8px}
.P .sacraments-page .blk-link{margin-top:8px}
.P .sacraments-page .jn{top:var(--sac-header-height,79px)}
.P .sacraments-page .shead{top:var(--sac-heading-top,190px)}
.P .sacraments-page section[id]{scroll-margin-top:var(--sac-scroll-margin,calc(var(--site-header-height) + 72px))}
@media(max-width:1080px){.P .sacraments-page .jn{top:var(--sac-header-height,69px)}.P .sacraments-page .jn ul{display:flex;overflow-x:auto}.P .sacraments-page .jn li{flex:none}}
@media(max-width:980px){.P .sacraments-page .sgrid{grid-template-columns:1fr}.P .sacraments-page .shead{position:static;display:grid;grid-template-columns:auto 1fr;gap:6px 20px;align-items:center}.P .sacraments-page .shead h2{margin-top:0}.P .sacraments-page .shead p{grid-column:1/-1}.P .sacraments-page .ico{width:96px}}
@media(max-width:640px){.P .sacraments-page .sbody{grid-template-columns:1fr}}
@media(max-width:640px){.P .sacraments-page .shead{grid-template-columns:96px minmax(0,1fr)}.P .sacraments-page .shead h2{overflow-wrap:anywhere;min-width:0}}
/* Wszystkie skróty mieszczą się bez poziomego przewijania. */
@media(max-width:1080px){
 .P .sacraments-page .jn{position:static}
 .P .sacraments-page .jn ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
 .P .sacraments-page .jn li:nth-child(n){min-width:0;border:0}
 .P .sacraments-page .jn li:nth-child(n+4){border-top:1px solid var(--li)}
 .P .sacraments-page .jn li:not(:nth-child(3n+1)){border-left:1px solid var(--li)}
 .P .sacraments-page .jn a{flex-direction:column;justify-content:center;text-align:center;height:100%;padding:14px 4px;gap:8px}
 .P .sacraments-page .jn b{font-size:14px}
}
@media(max-width:640px){
 .P .sacraments-page h1{font-size:clamp(36px,9vw,48px);overflow-wrap:normal}
 .P .sacraments-page .shead{grid-template-columns:1fr}
 .P .sacraments-page .shead h2{overflow-wrap:normal;font-size:clamp(30px,8vw,42px);margin-top:14px}
}
@media(max-width:380px){
 .P .sacraments-page .jn ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .P .sacraments-page .jn li:nth-child(n){border:0}
 .P .sacraments-page .jn li:nth-child(n+3){border-top:1px solid var(--li)}
 .P .sacraments-page .jn li:nth-child(even){border-left:1px solid var(--li)}
}