:root{--paper:#f9f5eb;--ink:#251d19;--rust:#ad3824;--line:#d8cfc2;--teal:#17665e}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
img,svg{max-width:100%}
.wrap{width:min(1060px,calc(100% - 38px));margin-inline:auto}
.masthead{border-bottom:1px solid var(--line)}
.masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:13px}
.brand{display:inline-flex;align-items:center;gap:6px;font-weight:800;text-decoration:none;white-space:nowrap}
.brand span{font-size:26px;color:var(--rust);line-height:1}
.main-nav,.account,.languages{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.main-nav a,.account a,.search summary{font-size:14px;text-decoration:none;font-weight:650}
.main-nav a:hover,.main-nav a[aria-current],.account a:hover{color:var(--rust);text-decoration:underline}
.account a{border:1px solid var(--line);padding:5px 10px;border-radius:4px}
.search{position:relative}
.search summary{cursor:pointer}
.search label span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.search input,.search ul{position:absolute;right:0;width:min(240px,80vw);z-index:5;background:#fff;color:var(--ink);border:1px solid var(--line);padding:8px;margin:0}
.search ul{top:calc(100% + 36px);list-style:none}
.search ul:empty{display:none}
.search li{padding:3px 0}
.search li a{border:0;padding:0}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;margin:22px 0 24px;border:1px solid var(--line)}
.hero-copy{padding:clamp(22px,4vw,45px);align-self:center}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:var(--rust)}
h1,h2,h3{line-height:1.05;letter-spacing:-.035em}
.hero h1{font-family:Georgia,serif;font-size:clamp(45px,6.5vw,83px);font-weight:400;margin:8px 0 13px}
.hero-copy>p:not(.eyebrow){max-width:40ch;margin:0 0 15px}
.hero-art{display:grid;background:#fbb347;align-items:center}
.hero-art svg{width:100%;display:block}
.action{display:inline-block;padding:8px 15px;background:var(--rust);color:#fff;text-decoration:none;font-weight:700}
.action:hover{background:#832a1c}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px 18px;flex-wrap:wrap;border-bottom:1px solid var(--ink);padding-bottom:9px}
.section-head h2,.resources h2{font:400 clamp(28px,4vw,42px)/1.05 Georgia,serif;margin:0}
.text-link{color:var(--rust);font-weight:750;font-size:14px}
.activity{display:grid;grid-template-columns:minmax(100px,.36fr) 1fr;gap:clamp(14px,3vw,32px);align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.activity-art{display:grid;place-items:center;min-height:100px;color:#8e2b1d;background:#f6d1bc}
.activity-art.a1{color:#16564e;background:#c9e1d6}
.activity-art.a2{color:#583819;background:#f8df9d}
.activity-art svg{width:58px;height:58px;transition:rotate .18s}
.activity:hover svg{rotate:-7deg}
.activity h3{font-size:clamp(23px,3vw,34px);margin:1px 0 4px}
.activity p{margin:0 0 5px}
.resources{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;background:#17665e;color:#fff;padding:clamp(15px,3vw,26px)}
.resources div{display:flex;flex-wrap:wrap;gap:6px 16px}
.resources a{font-weight:700}
.document{padding:21px 0 24px;overflow-wrap:anywhere}
.document h1{font:400 clamp(38px,6vw,66px)/1 Georgia,serif;margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid var(--ink)}
.document h2{font-size:25px;margin:17px 0 7px}
.document p,.document li{max-width:75ch}
.document p{margin:0 0 9px}
.document ul{padding-left:24px}
.document iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;background:#251d19}
.document .video{max-width:650px}
.document table{display:block;overflow:auto;border-collapse:collapse;max-width:100%}
.document td{padding:8px 10px;border:1px solid var(--line)}
.document a{color:var(--rust)}
.document .odkaz{display:inline-block;background:var(--rust);color:#fff;text-decoration:none;font-weight:700;padding:7px 13px}
.videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.videos section{background:#fffdf7;border:1px solid var(--line);padding:10px}
footer{background:#eee4d6;border-top:1px solid var(--line);padding:15px 0}
.footer-inner{display:grid;grid-template-columns:1fr 1.3fr auto;gap:14px}
.footer-inner nav{display:flex;flex-wrap:wrap;align-content:start;gap:6px 12px}
.footer-inner p,.footer-inner a:not(.brand){font-size:13px}
.funding{display:block;width:115px;margin-top:8px}
@media(max-width:780px){.masthead-inner{flex-wrap:wrap}.main-nav{order:3;width:100%}.hero h1{font-size:clamp(37px,7vw,64px)}}
@media(max-width:560px){
 .wrap{width:calc(100% - 28px)}
 .hero,.resources,.videos,.footer-inner{grid-template-columns:1fr}
 .hero{margin-top:12px}
 .hero-art svg{max-height:190px}
 .activity{grid-template-columns:58px minmax(0,1fr)}
 .activity-art{min-height:65px}
 .activity-art svg{width:37px;height:37px}
}
@media(prefers-reduced-motion:reduce){.activity-art svg{transition:none}}