@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
body.sop-portal{--sop-ink:#163c32;--sop-paper:#f8f7f2;--sop-line:#dcded4;--sop-copper:#a45135;margin:0;background:var(--sop-paper);color:var(--sop-ink);font:16px/1.65 'DM Sans',sans-serif}
.sop-portal .sop-wrap{width:min(1100px,calc(100% - 36px));margin-inline:auto}
.sop-portal .sop-portal-header,.sop-portal .sop-footer{border-block:1px solid var(--sop-line);padding-block:1rem}
.sop-portal .sop-portal-header .sop-wrap,.sop-portal nav{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem}
.sop-portal .sop-brand{font-weight:600;margin-right:auto}
.sop-portal a{color:inherit;text-underline-offset:.2em}
.sop-portal .sop-intro{padding:clamp(2rem,6vw,5rem) 0 1.5rem;border-bottom:1px solid var(--sop-line)}
.sop-portal h1,.sop-portal h2,.sop-portal h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.1}
.sop-portal h1{font-size:clamp(2.6rem,7vw,5rem);margin:.35em 0}
.sop-portal h2{font-size:2rem}
.sop-portal h3{font-size:1.6rem}
.sop-portal .sop-eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sop-copper)}
.sop-portal .sop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;margin-block:1rem}
.sop-portal .sop-grid article,.sop-portal details{background:#ecefe5;border-top:1px solid var(--sop-line);padding:.9rem 1rem}
.sop-portal details + details{margin-top:.45rem}
.sop-portal details[open],.sop-portal .sop-panel{background:var(--sop-ink);color:var(--sop-paper)}
.sop-portal .sop-panel{padding:clamp(1.25rem,4vw,2.5rem);margin-block:1rem;border-radius:5px}
.sop-portal .sop-footer{margin-top:2rem}
.sop-portal h1 em,.sop-portal h2 em{font-weight:400;color:var(--sop-copper)}
.sop-portal .sop-service-hero,.sop-portal .sop-service-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(2.4rem,7vw,6rem);border-bottom:1px solid var(--sop-line)}
.sop-portal .sop-service-body{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);scroll-margin-top:1rem}
.sop-portal .sop-lead{max-width:50ch;font-size:1.1rem}
.sop-portal .sop-actions,.sop-portal .sop-service-contact{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}
.sop-portal .sop-service-contact{background:#ecefe5;justify-content:space-between;margin-block:2rem;padding:clamp(1.2rem,4vw,2.6rem)}
.sop-portal .sop-button{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1rem;border-radius:3px;background:var(--sop-ink);color:var(--sop-paper);text-decoration:none}
.sop-portal .sop-button:hover{background:#102f28;color:var(--sop-paper)}
.sop-portal .sop-service-body summary{padding:.35rem 0;font-weight:600}
@media(max-width:700px){.sop-portal .sop-service-hero,.sop-portal .sop-service-body{grid-template-columns:1fr}}
.sop-portal .sop-service-art{margin:0;position:relative;padding:clamp(.65rem,2vw,1.25rem);background:#ede9dd;border:1px solid var(--sop-line)}
.sop-portal .sop-service-art img{display:block;width:100%;height:auto}
.sop-portal .sop-service-art figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.35rem;padding:.8rem 0 0;font-size:.72rem;letter-spacing:.09em}
.sop-portal .sop-service-hero h1{font-size:clamp(2.7rem,6.5vw,5.7rem);letter-spacing:-.035em}
.sop-portal .sop-topic-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;background:var(--sop-ink);color:var(--sop-paper);padding:1rem 1.2rem;font-size:.82rem}
.sop-portal .sop-topic-strip span::before{content:"✳";color:#e5ab91;margin-right:.55rem}
.sop-portal .sop-scope h2,.sop-portal .sop-service-contact h2{font-size:clamp(2.3rem,5vw,4rem);margin:.3em 0}
.sop-portal .sop-service-body>div:last-child{counter-reset:sop-accordion}
.sop-portal .sop-service-body details{counter-increment:sop-accordion;padding:.8rem 1rem;background:transparent}
.sop-portal .sop-service-body details[open]{background:var(--sop-ink);color:var(--sop-paper)}
.sop-portal .sop-service-body summary::before{content:counter(sop-accordion,decimal-leading-zero);font:1.4rem 'Libre Caslon Display',Georgia,serif;color:var(--sop-copper);margin-inline:.45rem .65rem}
.sop-portal .sop-service-body details[open] summary::before{color:#e5ab91}
.sop-portal #sop-mnozstvovy-zber{margin-block:1.5rem;padding:clamp(1rem,4vw,2rem);background:var(--sop-ink);color:var(--sop-paper)}
.sop-portal #sop-mnozstvovy-zber h2{margin-top:0}
.sop-portal #sop-mnozstvovy-zber h3{margin-bottom:.3rem}
.sop-portal #sop-mnozstvovy-zber p{margin-top:.4rem}
.sop-portal .sop-home-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding-block:clamp(2rem,5vw,4.5rem)}
.sop-portal .sop-home-hero h1{font-size:clamp(2.9rem,6.7vw,5.9rem);letter-spacing:-.045em;overflow-wrap:break-word}
.sop-portal .sop-home-hero p{max-width:42ch;font-size:1.12rem}
.sop-portal .sop-home-image{margin:0;background:#e8e7dc;padding:.65rem;border:1px solid var(--sop-line)}
.sop-portal .sop-home-image img,.sop-portal .sop-area-grid article>img{display:block;width:100%;object-fit:cover;aspect-ratio:3/2;height:auto}
.sop-portal .sop-home-section{padding-block:clamp(2rem,5vw,4rem);border-bottom:1px solid var(--sop-line)}
.sop-portal .sop-home-section h2{font-size:clamp(2.2rem,5vw,3.8rem);margin:.35em 0 .55em}
.sop-portal .sop-area-grid article{padding:0;overflow:hidden;border:1px solid var(--sop-line);background:#fdfbf5}
.sop-portal .sop-tile-copy{padding:1.1rem}
.sop-portal .sop-tile-copy h3{margin:.25rem 0;font-size:2rem}
.sop-portal .sop-planner-art{aspect-ratio:3/2;display:grid;align-content:center;gap:.4rem;padding:1.1rem;background:#214738;color:#f8f7f2}
.sop-portal .sop-planner-art span{display:block;border:1px solid #ffffff4d;padding:.25rem .6rem;max-width:15rem}
.sop-portal .sop-planner-art span:nth-child(2){margin-left:8%}
.sop-portal .sop-planner-art span:nth-child(3){margin-left:16%}
.sop-portal .sop-planner-panel .sop-eyebrow{color:#c8d2b9}
.sop-portal .sop-planner-panel ol{display:flex;flex-wrap:wrap;gap:.5rem 2rem;padding-inline-start:1.2rem}
.sop-portal .sop-service-art img{aspect-ratio:3/2;object-fit:cover}
@media(max-width:760px){.sop-portal .sop-home-hero{grid-template-columns:1fr}}
.sop-portal .sop-brief .sop-grid article{border-top:3px solid var(--sop-ink)}
.sop-portal .sop-brief article h3{margin:.45rem 0}
.sop-portal .sop-process{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;list-style:none;padding:0;counter-reset:sop-process}
.sop-portal .sop-process li{counter-increment:sop-process;border-top:1px solid var(--sop-line);padding:1rem 0}
.sop-portal .sop-process li::before{content:counter(sop-process,decimal-leading-zero);display:block;color:var(--sop-copper);font:1.7rem 'Libre Caslon Display',Georgia,serif}

.sop-portal .sop-lecturer img{aspect-ratio:auto;height:auto;object-fit:contain}
.sop-portal .sop-service-hero h2{font-size:clamp(2.3rem,5vw,4rem);margin:.35em 0}

.sop-portal .sop-training-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}