/* Družina Moravy • usability layer v2026.10.21. Scoped to club pages.
   Readability, keyboard navigation, and progressive enhancement before ornament. */
:root{--dm-paper:#f5f1e9;--dm-cream:#fffdf9;--dm-ink:#182330;--dm-muted:#4c5b67;--dm-navy:#101c2a;--dm-navy2:#172638;--dm-amber:#dfb877;--dm-border:#dbd4c9;--dm-radius:18px}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body.dm-ux-home,body.dm-ux-path,body.dm-ux-ranks{overflow-x:clip}
body.dm-ux-home :is(a,button,summary):focus-visible,body.dm-ux-path :is(a,button,summary):focus-visible,body.dm-ux-ranks :is(a,button,summary):focus-visible{outline:3px solid #d89744;outline-offset:3px}
body.dm-ux-home .nav{background:#101a27;border-bottom:1px solid rgba(236,202,147,.15)}
body.dm-ux-home .nav .brand{min-width:0}
body.dm-ux-home .nav .brand>a{font:700 clamp(1.23rem,2.1vw,1.52rem)/1.14 'Spectral',Georgia,serif!important;letter-spacing:-.015em;color:#fff4e3!important;white-space:nowrap}
body.dm-ux-home .nav .brand small{color:#d5b888;letter-spacing:.12em;font-size:.67rem;line-height:1.4}
body.dm-ux-home .tabs-bar{background:#152131;border-bottom:1px solid rgba(232,194,137,.17)}
body.dm-ux-home .tabs-bar>.wrap{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;gap:3px}
body.dm-ux-home .tab-btn{white-space:nowrap;min-width:max-content;min-height:42px;display:inline-flex;align-items:center}
body.dm-ux-home .tabs-bar .active{color:#ffd998;border-color:#c18d48}
body.dm-ux-home #druzina{min-height:unset;background-color:#111c26}
body.dm-ux-home #druzina>.wrap{position:relative;max-width:1120px;padding-top:clamp(48px,6vw,86px);padding-bottom:clamp(50px,6vw,84px)}
body.dm-ux-home #druzina .eyebrow{letter-spacing:.18em;font-size:.78rem;color:#ffd18b;font-weight:800}
body.dm-ux-home #druzina h1{max-width:14ch;font:700 clamp(3.15rem,7.6vw,6.25rem)/.99 'Spectral',Georgia,serif;letter-spacing:-.048em;text-wrap:balance;margin:.14em 0 .22em;color:#fff5e6;text-shadow:0 2px 32px rgba(0,0,0,.3)}
body.dm-ux-home #druzina .tagline{max-width:54ch;font-size:clamp(1.09rem,2vw,1.42rem);line-height:1.52;color:#f3ebdf;margin:0 0 18px}
body.dm-ux-home #druzina .hero-mission{font-size:1rem;line-height:1.65;max-width:60ch;color:#dce3e7;margin:0 0 15px}
body.dm-ux-home #druzina .reviews-badge{display:inline-flex;align-items:center;margin:5px 0 18px;padding:0;color:#f5d1a0;font-size:.85rem;font-weight:700}
body.dm-ux-home #druzina .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:9px 0 0;align-items:center}
body.dm-ux-home #druzina .hero-ctas .btn{min-height:50px;border-radius:12px;padding:13px 22px;line-height:1.3;font-weight:800;text-align:center}
body.dm-ux-home #druzina .free-note{max-width:630px;margin:20px 0 0;padding:13px 18px;border-radius:12px;border:1px solid rgba(237,206,161,.32);background:rgba(5,18,29,.75);font-size:.9rem;line-height:1.5;color:#f8e7d0}
body.dm-ux-home #druzina .dm-media-hero-link{font-size:.79rem;color:#dfbd88}
.dm-jumpbar{background:#fffdf9;border-bottom:1px solid var(--dm-border);color:var(--dm-ink)}
.dm-jumpbar .wrap{display:flex;align-items:center;gap:8px;max-width:1120px;min-height:60px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.dm-jumpbar a{display:inline-flex;align-items:center;min-height:42px;padding:10px 15px;border-radius:100px;color:#203549;text-decoration:none;font-size:.88rem;font-weight:800;white-space:nowrap}
.dm-jumpbar a:hover,.dm-jumpbar a:focus-visible{background:#f2e4ce;color:#5a3713}
.dm-jumpbar .dm-jump-primary{background:#1b344c;color:#fff}
.dm-jumpbar .dm-jump-primary:hover{background:#31485b;color:#fff}
.dm-start{background:var(--dm-paper);color:var(--dm-ink);padding:clamp(42px,6vw,82px) 0 54px;scroll-margin-top:100px}
.dm-start .wrap,.dm-faq .wrap{max-width:1120px}
.dm-overline{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:900;color:#8a572e;margin:0 0 11px}
.dm-start h2,.dm-faq h2{font:700 clamp(2rem,4.2vw,3.4rem)/1.1 'Spectral',Georgia,serif;letter-spacing:-.035em;color:#142637;margin:0 0 18px;max-width:21ch;text-wrap:balance}
.dm-start-lead,.dm-faq-lead{max-width:66ch;color:#405362;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.64;margin:0}
.dm-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:27px 0 35px}
.dm-fact{background:#fff;border:1px solid var(--dm-border);border-radius:14px;padding:18px 19px;min-width:0}
.dm-fact-icon{width:37px;height:37px;border-radius:11px;background:#edf0ef;display:grid;place-items:center;font-size:1.23rem;margin-bottom:12px}
.dm-fact-label{display:block;font-size:.72rem;letter-spacing:.085em;text-transform:uppercase;font-weight:900;color:#715331}
.dm-fact-value{display:block;font-size:1.03rem;font-weight:800;line-height:1.48;margin:4px 0 0;color:#213244}
.dm-section-caption{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:#715331;margin:0 0 14px}
.dm-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;padding:0}
.dm-steps li{counter-increment:step;position:relative;background:#fffdf9;border:1px solid #d8d0c2;border-radius:var(--dm-radius);padding:25px 21px 23px;min-width:0;box-shadow:0 12px 34px rgba(37,34,25,.04)}
.dm-steps li:before{content:"0" counter(step);display:inline-flex;align-items:center;justify-content:center;background:#173249;color:#f4d39c;font:800 1rem/1 system-ui,sans-serif;width:48px;height:48px;border-radius:13px;margin-bottom:17px}
.dm-step-title{font:700 1.26rem/1.26 'Spectral',Georgia,serif;letter-spacing:-.012em;color:#1c3040;margin:0 0 9px}
.dm-step-description{color:#4a5c69;line-height:1.62;font-size:.94rem;margin:0}
.dm-start-action{background:#142839;border:1px solid #2c4557;border-radius:18px;padding:clamp(22px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;color:#f7efe3}
.dm-start-action strong{font:700 clamp(1.2rem,2.4vw,1.6rem)/1.3 'Spectral',Georgia,serif;color:#fff5e7;display:block;margin-bottom:6px}
.dm-start-action p{margin:0;color:#d1dce4;max-width:55ch;font-size:.93rem;line-height:1.54}
.dm-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:240px;min-height:52px;padding:13px 22px;background:#e7bd7d;color:#192638!important;border-radius:12px;font-weight:900;text-decoration:none;text-align:center;white-space:normal;box-shadow:0 8px 26px rgba(0,0,0,.16)}
.dm-contact-button:hover{background:#ffdaa2;color:#162334!important}
.dm-contact-button:focus-visible{outline-color:#fff!important}
.dm-secondary-tiles{display:flex;flex-wrap:wrap;align-items:center;gap:9px 17px;margin-top:21px}
.dm-secondary-tiles a{color:#314557!important;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:.89rem}
.dm-secondary-tiles a:hover{color:#7e4c24!important}
.dm-faq{background:#fffdf9;color:var(--dm-ink);padding:clamp(48px,5vw,76px) 0;scroll-margin-top:100px}
.dm-faq-inner{display:grid;grid-template-columns:minmax(200px,1fr) minmax(330px,1.55fr);gap:clamp(24px,5vw,74px);align-items:start}
.dm-faq h2{margin-bottom:16px}
.dm-faq-list{border-top:1px solid #dcd4c9}
.dm-faq details{border-bottom:1px solid #dcd4c9;padding:0}
.dm-faq summary{position:relative;list-style:none;cursor:pointer;padding:20px 46px 20px 5px;min-height:58px;font-weight:800;font-size:1.02rem;line-height:1.45;color:#243549}
.dm-faq summary::-webkit-details-marker{display:none}
.dm-faq summary:after{content:"+";position:absolute;right:6px;top:15px;width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:#f0e8db;color:#624421;font:800 1.4rem/1 system-ui,sans-serif}
.dm-faq details[open] summary:after{content:"−"}
.dm-faq details[open] summary{color:#78491b}
.dm-faq details p{color:#4a5866;font-size:.96rem;line-height:1.75;margin:0;padding:0 48px 20px 5px}
body.dm-ux-home #dm-team-experience{scroll-margin-top:100px}
body.dm-ux-home #dm-team-experience .dm-team-card{max-width:1120px;margin:auto}
body.dm-ux-home #registration-notice .wrap{padding-top:35px;padding-bottom:35px}
body.dm-ux-home #registration-notice .note{max-width:78ch;font-size:.94rem;line-height:1.65}
body.dm-ux-home #registration-notice .anchor-heading{font-size:1.35rem;margin:0 0 14px}
body.dm-ux-home main>:is(section,div)[id]{scroll-margin-top:108px}
body.dm-ux-home :is(#schedule,#onboarding,#ranks,#roles,#conduct,#media,#organisation)>.wrap{max-width:1120px}
body.dm-ux-home .mobile-cta{z-index:100}
body.dm-ux-home .mobile-cta-btn{font-weight:900}
body.dm-ux-home .hero-ctas-secondary{display:none} /* The links now live in the welcome section. */

/* Training pathway — clear first steps without removing the actual skill tree. */
body.dm-ux-path{background:#111923;color:#f8f0e4}
body.dm-ux-path .site-nav{background:#101a27;border-bottom-color:#3b4959}
body.dm-ux-path .site-nav .brand{min-width:0}
body.dm-ux-path .site-nav .brand small{letter-spacing:.06em}
.dm-path-bridge{background:#f5f1e9;color:#182937;padding:clamp(28px,5vw,50px) 0 52px;border-bottom:1px solid #d8ccba}
.dm-path-bridge .wrap{max-width:1120px}
.dm-path-bridge h2{color:#172c3d;font:700 clamp(1.7rem,3.3vw,2.5rem)/1.2 Georgia,serif;margin:0 0 21px;text-wrap:balance}
.dm-path-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dm-path-step{background:#fff;border:1px solid #dbd2c5;border-radius:16px;padding:22px 20px;min-width:0}
.dm-path-step b{color:#955c29;font:800 .8rem system-ui,sans-serif;letter-spacing:.08em}
.dm-path-step h3{font:700 1.23rem/1.22 Georgia,serif;margin:9px 0;color:#172d40}
.dm-path-step p{color:#465665;font-size:.93rem;line-height:1.58;margin:0}
.dm-path-note{margin:22px 0 0;color:#5a5a55;font-size:.9rem;max-width:80ch}
.dm-path-back{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.dm-path-back a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #c8b99f;border-radius:11px;font-weight:800;color:#213e57;text-decoration:none;background:#fff}
.dm-path-back a:hover{background:#fff6e8;color:#784817}
body.dm-ux-path .langbar button{min-width:42px;min-height:42px;border-radius:9px}
body.dm-ux-path .hero h1{max-width:14ch}
body.dm-ux-path .hero-inner{padding-top:clamp(43px,6vw,75px);padding-bottom:clamp(43px,6vw,74px)}
body.dm-ux-path .hero-inner .btn{min-height:48px;border-radius:12px}
body.dm-ux-path .bottom-nav a:focus-visible{outline-color:#f4d596}
body.dm-ux-path .rotation-week{box-shadow:0 14px 28px rgba(0,0,0,.13)}

/* Ranks — one visual system; comfortable six-language reading. */
body.dm-ux-ranks{background:#f6f1e9;color:#1a2a38;font:16px/1.67 system-ui,-apple-system,"Segoe UI",sans-serif}
body.dm-ux-ranks header{background:radial-gradient(circle at 85% 0%,#3b4450 0%,#16283b 41%,#111d2b 100%);color:#f7f1e8;padding:clamp(34px,5vw,66px) max(18px,calc((100vw - 1120px)/2));border-bottom:3px solid #d9aa68}
body.dm-ux-ranks header a{color:#f6d099;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px;font-weight:750}
body.dm-ux-ranks header h1{font:700 clamp(2.4rem,5vw,4.8rem)/1.07 Georgia,serif;letter-spacing:-.035em;margin:14px 0 19px;max-width:15ch;text-wrap:balance;color:#fff4e6}
body.dm-ux-ranks header .dm-rank-subtitle{font-size:.89rem;color:#ded2bc;line-height:1.7}
body.dm-ux-ranks main{max-width:1120px;margin:0 auto;padding:20px 22px 78px}
body.dm-ux-ranks .langs{position:relative;display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 18px;margin:0 0 12px}
body.dm-ux-ranks .langs button{min-width:50px;min-height:45px;padding:9px 12px;border:1px solid #bfb5a7;border-radius:10px;background:#fff;color:#263c50;font-weight:800;cursor:pointer}
body.dm-ux-ranks .langs button[aria-pressed=true]{background:#17324b;color:#fff;border-color:#17324b}
body.dm-ux-ranks .langs button:hover:not([aria-pressed=true]){background:#efe3d0}
.dm-ranks-summary{background:#fff;border:1px solid #dcd3c6;border-radius:18px;padding:clamp(19px,4vw,30px);margin:0 0 20px;box-shadow:0 12px 34px rgba(30,26,20,.04)}
.dm-ranks-summary h2{font:700 clamp(1.48rem,3vw,2.2rem)/1.16 Georgia,serif;color:#172e42;margin:0 0 13px}
.dm-ranks-summary p{max-width:82ch;margin:0 0 13px;font-size:.97rem;color:#445665;line-height:1.65}
.dm-ranks-summary .dm-ranks-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:21px 0}
.dm-ranks-explainer div{background:#f6f1e9;border:1px solid #e2d7c7;border-radius:12px;padding:15px 14px}
.dm-ranks-explainer strong{display:block;font-size:1.04rem;color:#263b4b;margin-bottom:4px}
.dm-ranks-explainer span{display:block;color:#56616a;font-size:.83rem;line-height:1.54}
.dm-ranks-summary .dm-ranks-link{display:inline-flex;align-items:center;padding:10px 17px;min-height:44px;border:1px solid #c5b9a5;border-radius:10px;background:#fefaf3;color:#25425c;text-decoration:none;font-weight:850}
.dm-ranks-summary .dm-ranks-link:hover{background:#ecddc4;color:#69441f}
.dm-rank-toc{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:15px 0 28px}
.dm-rank-toc button{min-height:42px;padding:10px 14px;border-radius:100px;background:#e9e0d2;color:#273e50;border:1px solid #cfc2af;font:800 .85rem system-ui,sans-serif;cursor:pointer}
.dm-rank-toc button:hover{background:#203b52;color:#fff}
body.dm-ux-ranks .panel[hidden]{display:none}
body.dm-ux-ranks .panel>h2{font:700 clamp(1.65rem,3vw,2.45rem)/1.18 Georgia,serif;color:#19354b;margin:33px 0 16px;scroll-margin-top:18px}
body.dm-ux-ranks .launch-notice{border:1px solid #e4d0ad;border-left:5px solid #ba813c;background:#fffbf4;padding:clamp(20px,3vw,27px);border-radius:14px;margin:7px 0 28px;box-shadow:none}
body.dm-ux-ranks .launch-notice h2{font:700 clamp(1.37rem,2.4vw,1.8rem)/1.27 Georgia,serif;margin:4px 0 10px;color:#273a48}
body.dm-ux-ranks .launch-kicker{color:#8a581c;font-weight:850}
body.dm-ux-ranks .scroll{overflow-x:auto;overscroll-behavior-inline:contain;background:#fff;border:1px solid #dfd6c9;border-radius:14px;scrollbar-width:thin;margin:7px 0 24px;box-shadow:0 10px 25px rgba(18,27,37,.025)}
body.dm-ux-ranks table{background:#fff;min-width:620px}
body.dm-ux-ranks table th{background:#e9e1d5;font-weight:850;color:#24394c;font-size:.9rem}
body.dm-ux-ranks table td,body.dm-ux-ranks table th{padding:13px 16px;border-color:#e6ded1}
body.dm-ux-ranks table tbody tr:nth-child(even){background:#faf7f2}
body.dm-ux-ranks table tbody tr:hover{background:#f4eee4}
body.dm-ux-ranks .small{font-size:.84rem;color:#64707a}
body.dm-ux-ranks code{font-size:.83rem;color:#23384a}
body.dm-ux-ranks .tip{border-radius:12px;border-left:4px solid #ad7533;background:#fff8ec;padding:16px}
body.dm-ux-ranks .honor-streamers{background:#fff;border:1px solid #d8c5a7;border-radius:14px;padding:17px 20px}
body.dm-ux-ranks .honor-streamers summary{min-height:44px;display:list-item;padding:7px 0;cursor:pointer;font-weight:750;color:#273c50}
body.dm-ux-ranks .dm-scroll-hint{display:none;font-size:.82rem;color:#675845;margin:0 0 6px}
@media(max-width:980px){
 .dm-start-action{align-items:stretch;flex-direction:column;gap:17px}.dm-contact-button{align-self:flex-start}
 .dm-faq-inner{grid-template-columns:1fr;gap:20px}.dm-faq h2{max-width:30ch}
}
@media(max-width:690px){
 html{scroll-padding-top:84px}
 body.dm-ux-home .nav>.wrap{min-height:62px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;padding-top:8px;padding-bottom:8px}
 body.dm-ux-home .nav .brand>a{font-size:1.23rem!important;white-space:normal}
 body.dm-ux-home .nav .brand small{font-size:.56rem}
 body.dm-ux-home .nav-actions{gap:6px;flex-shrink:0}
 body.dm-ux-home .nav-actions>.quest-sound-control{display:none!important}
 body.dm-ux-home .nav-actions>#navBookBtn{display:none!important}
 body.dm-ux-home .nav-actions .langs{gap:3px}
 body.dm-ux-home .nav-actions .langs button{font-size:.76rem;min-width:36px;min-height:39px;padding:8px 5px}
 body.dm-ux-home .tabs-bar>.wrap{flex-wrap:nowrap!important;gap:5px}
 body.dm-ux-home .tabs-bar .tab-btn{font-size:.82rem;padding:10px 13px;min-height:43px}
 body.dm-ux-home #druzina>.wrap{padding-top:42px;padding-bottom:38px}
 body.dm-ux-home #druzina h1{font-size:clamp(2.7rem,10vw,3.85rem);max-width:11ch;line-height:1.02}
 body.dm-ux-home #druzina .tagline{font-size:1.075rem;line-height:1.48;max-width:33ch;margin-bottom:18px}
 body.dm-ux-home #druzina .hero-mission{display:none}
 body.dm-ux-home #druzina .reviews-badge{margin:1px 0 14px}
 body.dm-ux-home #druzina .hero-ctas{display:grid;grid-template-columns:1fr;gap:9px}
 body.dm-ux-home #druzina .hero-ctas .btn{min-height:49px;max-width:none;width:100%}
 body.dm-ux-home #druzina .free-note{font-size:.84rem;margin-top:18px;padding:12px 14px}
 .dm-jumpbar .wrap{gap:3px;min-height:57px}
 .dm-jumpbar a{padding:9px 13px;font-size:.84rem}
 .dm-start{padding:45px 0 48px}
 .dm-start h2,.dm-faq h2{font-size:2.15rem;max-width:19ch}
 .dm-facts{grid-template-columns:1fr 1fr;margin:22px 0 27px;gap:10px}
 .dm-fact{padding:15px}
 .dm-fact:last-child{grid-column:1/-1}
 .dm-fact-icon{margin-bottom:8px;width:34px;height:34px}
 .dm-fact-value{font-size:.96rem}
 .dm-steps{grid-template-columns:1fr;gap:11px}
 .dm-steps li{padding:17px 18px;display:grid;grid-template-columns:47px minmax(0,1fr);gap:1px 15px;align-items:start}
 .dm-steps li:before{grid-row:1/3;margin:0;width:42px;height:42px;border-radius:12px}
 .dm-step-title{font-size:1.16rem;margin:2px 0 5px}
 .dm-step-description{font-size:.9rem;line-height:1.54}
 .dm-start-action{padding:20px}
 .dm-contact-button{width:100%;min-width:0}
 .dm-faq{padding:48px 0}
 .dm-faq summary{font-size:.99rem;padding:18px 42px 18px 2px}
 .dm-faq details p{padding:0 20px 21px 2px}
 body.dm-ux-home .mobile-cta{padding-bottom:env(safe-area-inset-bottom);background:#101d2b;border-top:1px solid rgba(221,177,116,.36)}
 body.dm-ux-home{padding-bottom:62px}
 .dm-path-steps{grid-template-columns:1fr;gap:10px}
 .dm-path-step{padding:19px}
 body.dm-ux-path .hero-inner{padding-top:40px;padding-bottom:43px}
 body.dm-ux-path .site-nav .nav-inner{gap:7px}
 body.dm-ux-path .site-nav .brand{font-size:.85rem}
 body.dm-ux-path .site-nav .brand-mark{width:28px;height:32px}
 body.dm-ux-path .site-nav .brand small{font-size:.59rem;letter-spacing:.045em}
 body.dm-ux-path .nav-audio-lang .quest-sound-control{display:none!important}
 body.dm-ux-path .langbar button{min-width:35px;min-height:38px;padding:6px 5px}
 body.dm-ux-ranks main{padding:14px 16px 52px}
 body.dm-ux-ranks header h1{font-size:clamp(2.1rem,9vw,3.35rem)}
 body.dm-ux-ranks .langs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
 body.dm-ux-ranks .langs button{min-width:0;padding:8px 2px;font-size:.82rem;min-height:45px}
 body.dm-ux-ranks .dm-ranks-explainer{grid-template-columns:1fr;gap:8px;margin:17px 0}
 body.dm-ux-ranks .dm-ranks-explainer div{padding:12px 14px}
 body.dm-ux-ranks .dm-rank-toc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 body.dm-ux-ranks .dm-rank-toc button{padding:10px 8px;font-size:.83rem}
 body.dm-ux-ranks .dm-scroll-hint{display:block}
 body.dm-ux-ranks table{min-width:580px}
 body.dm-ux-ranks .panel>h2{font-size:1.6rem}
}
@media(max-width:360px){
 body.dm-ux-home .nav .brand>a{font-size:1.11rem!important}
 body.dm-ux-home .nav-actions .langs button{min-width:31px;padding:7px 3px}
 body.dm-ux-home #druzina h1{font-size:2.65rem}
 .dm-start h2,.dm-faq h2{font-size:1.92rem}
 .dm-facts{grid-template-columns:1fr}.dm-fact:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 body.dm-ux-home .hero-photo--kenburns,body.dm-ux-home .hero-visuals-druzina__canvas{animation:none!important;transition:none!important}
 body.dm-ux-home *,body.dm-ux-path *,body.dm-ux-ranks *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
/* second-pass usability refinements */
body.dm-ux-home #first-steps{display:none!important} /* Superseded by the accessible first-visit guide above. */
.dm-start-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(22px,5vw,60px);align-items:center;margin-bottom:2px}
.dm-start-intro .dm-intro-copy{min-width:0}
.dm-start-photo{margin:0;position:relative;min-width:0;overflow:hidden;border-radius:18px;border:1px solid #cfc7bb;box-shadow:0 18px 40px rgba(21,35,49,.12);height:clamp(255px,29vw,340px);background:#263747}
.dm-start-photo picture{display:block;width:100%;height:100%}
.dm-start-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 73%}
.dm-start-photo figcaption{position:absolute;inset:auto 0 0;padding:42px 16px 14px;background:linear-gradient(transparent,rgba(14,22,27,.88));color:#fff8ec;font-weight:800;font-size:.83rem;line-height:1.4;text-shadow:0 1px 4px #000}
@media(max-width:690px){
 body.dm-ux-home .nav>.wrap{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-height:64px}
 body.dm-ux-home .nav .brand{width:auto!important;flex:1 1 auto!important;min-width:0;text-align:left}
 body.dm-ux-home .nav-actions{width:auto!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important}
 body.dm-ux-home .nav .brand small{white-space:nowrap}
 body.dm-ux-home .nav-actions .langs{flex-wrap:nowrap!important}
 .dm-start-intro{grid-template-columns:1fr;gap:19px}
 .dm-start-photo{height:210px;max-height:46vw;min-height:185px}
 .dm-start-photo img{object-position:center 70%}
}

/* 2026-10-21: transparent schedules, welcoming first visits and opt-in club roles. */
.dm-session-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 19px}
.dm-session-slot{min-width:0;border:1px solid #d6c5aa;background:#fff9ee;color:#23394e;border-radius:16px;padding:18px 19px;display:flex;flex-direction:column;gap:6px}
.dm-session-slot strong{font:700 clamp(1.06rem,2.5vw,1.38rem)/1.25 'Spectral',Georgia,serif;color:#253744}
.dm-session-slot span{font-weight:750;font-size:.88rem;line-height:1.5;color:#77512b}
.dm-where{border:1px solid #425c75;background:#162a3e;color:#f7f2e8;border-radius:17px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.dm-place-label{display:block;text-transform:uppercase;letter-spacing:.105em;font-size:.7rem;font-weight:900;color:#e8c48a;margin:0 0 8px}
.dm-where strong{display:block;color:#fff;font:700 1.26rem/1.25 'Spectral',Georgia,serif}
.dm-where p{margin:9px 0 0;max-width:65ch;color:#e2e9ee;font-size:.93rem;line-height:1.65}
.dm-where>a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 15px;border:1px solid #deb678;border-radius:11px;white-space:nowrap;color:#f5d098;text-decoration:none;font-weight:850;font-size:.91rem}
.dm-where>a:hover{background:#f0c88b;color:#182b3f}
.dm-schedule-note{padding-left:16px;border-left:3px solid #b78a52;margin:19px 0 0;max-width:85ch}
.dm-visit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:25px 0 20px}
.dm-visit-card{min-width:0;border:1px solid #dfd6c7;background:#fffcf7;color:#2b3d4d;border-radius:16px;padding:23px 21px}
.dm-visit-number{font-size:.75rem;font-weight:900;letter-spacing:.11em;color:#8f6533}
.dm-visit-card h3{font:700 1.28rem/1.25 'Spectral',Georgia,serif;color:#263748;margin:13px 0 9px}
.dm-visit-card p{font-size:.93rem;line-height:1.7;color:#4d5b66;margin:0}
.dm-inline-links{display:flex;gap:10px 21px;align-items:center;flex-wrap:wrap;margin:18px 0}
.dm-inline-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.94rem;font-weight:850;text-underline-offset:4px}
.dm-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0 15px}
.dm-role-card{background:#fff9f0;border:1px solid #d7cab5;border-radius:15px;padding:23px 20px;min-width:0}
.dm-role-serial{color:#8b622d;font-size:.77rem;letter-spacing:.09em;font-weight:850}
.dm-role-card h3{font:700 1.23rem/1.25 'Spectral',Georgia,serif;color:#273a49;margin:12px 0 9px}
.dm-role-card p{font-size:.93rem;line-height:1.65;color:#4d5b67;margin:0}
.dm-old-anchor{display:block;height:0;scroll-margin-top:120px;position:relative}
@media(max-width:900px){.dm-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){
.dm-session-slots{grid-template-columns:1fr;gap:9px;margin:17px 0}
.dm-session-slot{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:15px}
.dm-session-slot strong{font-size:1.17rem}
.dm-session-slot span{text-align:right;max-width:49%;font-size:.86rem}
.dm-where{flex-direction:column;align-items:stretch;gap:15px;padding:19px}
.dm-where>a{align-self:flex-start;white-space:normal}
.dm-visit-grid{grid-template-columns:1fr;gap:10px}
.dm-visit-card{padding:18px}
.dm-role-grid{grid-template-columns:1fr;gap:10px}
.dm-role-card{padding:18px}
}


/* DM-COMPACT-FIRST-FOLD-20261023: all essentials visible; full details one click away. */
body.dm-ux-home #druzina>.wrap{max-width:1120px;padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(32px,4.5vw,55px)}
body.dm-ux-home #druzina h1{font-size:clamp(2.7rem,6.4vw,5rem);margin:.08em 0 .17em}
body.dm-ux-home #druzina .dm-hero-deck{max-width:52ch;color:#f4e7d6;font-size:clamp(1.05rem,2vw,1.38rem);line-height:1.4;margin:0 0 21px;font-weight:650}
body.dm-ux-home .dm-hero-essentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1020px}
body.dm-ux-home .dm-hero-key{padding:18px 21px;min-width:0;border:1px solid rgba(247,215,173,.26);border-radius:14px;background:rgba(10,23,36,.88);box-shadow:0 8px 28px rgba(0,0,0,.1)}
body.dm-ux-home .dm-hero-key-label{display:block;font:850 .78rem/1.4 'Source Sans 3',sans-serif;letter-spacing:.14em;color:#f6c785;margin-bottom:6px}
body.dm-ux-home .dm-hero-key strong{display:block;font-size:clamp(.99rem,1.7vw,1.17rem);line-height:1.36;color:#fff8ed;overflow-wrap:anywhere}
body.dm-ux-home .dm-hero-key strong a{color:inherit;text-decoration:underline;text-decoration-color:#dcb270;text-underline-offset:4px}
body.dm-ux-home .dm-hero-key strong a:hover{color:#ffd9a0}
body.dm-ux-home .dm-hero-key small{display:block;color:#d6e0e9;font-size:.88rem;line-height:1.45;margin-top:6px}
body.dm-ux-home #druzina .dm-hero-ctas{margin-top:18px}
body.dm-ux-home #druzina .dm-hero-register{background:#edc47f;color:#172434;font-size:1.03rem;padding:14px 26px;box-shadow:0 12px 30px rgba(3,8,15,.21)}
body.dm-ux-home #druzina .dm-hero-register:hover{background:#ffdc9b;color:#142338}
body.dm-ux-home #druzina .dm-compact-legal{max-width:1000px;margin-top:12px;padding:8px 12px;font-size:.85rem;background:rgba(4,16,27,.79)}
body.dm-ux-home .dm-accordion-shell{max-width:1170px;margin:22px auto 52px;padding:0 clamp(16px,3vw,26px);display:grid;gap:12px}
body.dm-ux-home .dm-disclosure{border:1px solid #d7c9b5;border-radius:15px;background:#fffdf9;color:#183043;overflow:clip;min-width:0}
body.dm-ux-home .dm-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;min-height:72px;padding:18px clamp(17px,3vw,28px);font:800 clamp(1.05rem,1.8vw,1.25rem)/1.38 'Source Sans 3',sans-serif;color:#1d3347}
body.dm-ux-home .dm-disclosure>summary::-webkit-details-marker{display:none}
body.dm-ux-home .dm-disclosure>summary:after{content:'+';display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:11px;background:#f2e7d7;color:#6e441d;font:800 1.7rem/1 system-ui,sans-serif}
body.dm-ux-home .dm-disclosure[open]>summary{background:#eee3d1}
body.dm-ux-home .dm-disclosure[open]>summary:after{content:'−'}
body.dm-ux-home .dm-disclosure>summary:hover{background:#f6ebd9}
body.dm-ux-home .dm-disclosure-body{padding:0 0 14px}
body.dm-ux-home .dm-disclosure-body>section{scroll-margin-top:110px}
body.dm-ux-home .dm-expanded-intro{padding:20px clamp(18px,3vw,30px) 8px;max-width:1050px;color:#334d61;line-height:1.6}
body.dm-ux-home .dm-expanded-intro p{margin:0 0 12px}
body.dm-ux-home .dm-expanded-links a{font-weight:700}
body.dm-ux-home .dm-accordion-shell .dm-start{padding-top:28px}
body.dm-ux-home .dm-accordion-shell .dm-jumpbar{border-top:1px solid #eee1ce}
body.dm-ux-home .dm-accordion-shell #registration-notice .wrap{padding-top:28px;padding-bottom:24px}
body.dm-ux-home .dm-footer-details{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:12px;margin-bottom:12px}
body.dm-ux-home .dm-footer-details>summary{cursor:pointer;font-weight:800;padding:8px 0 15px}
body.dm-ux-home .dm-footer-details>summary:hover{text-decoration:underline}
@media(max-width:650px){
 body.dm-ux-home #druzina>.wrap{padding-top:28px;padding-bottom:30px}
 body.dm-ux-home #druzina h1{font-size:clamp(2.48rem,11vw,3.35rem)}
 body.dm-ux-home .dm-hero-essentials{grid-template-columns:1fr;gap:8px}
 body.dm-ux-home .dm-hero-key{padding:12px 16px}
 body.dm-ux-home .dm-hero-key-label{font-size:.71rem;margin:0 0 3px}
 body.dm-ux-home .dm-hero-key strong{font-size:1rem}
 body.dm-ux-home .dm-hero-key small{font-size:.83rem;margin-top:4px}
 body.dm-ux-home #druzina .dm-hero-ctas{margin-top:13px}
 body.dm-ux-home #druzina .dm-hero-ctas .btn{width:100%}
 body.dm-ux-home .dm-accordion-shell{margin-top:12px;gap:9px}
 body.dm-ux-home .dm-disclosure>summary{min-height:65px}
}