:root{background:#f0f7f7}.shell header{background:#319eea;color:#fff;height:68px;gap:12px;border:0}.shell #breadcrumb{color:#fff;font-size:18px;flex:1;min-width:0}.header-icon{border:0;background:transparent;color:white;min-width:42px;height:44px;display:flex;align-items:center;justify-content:center;font-size:29px;padding:6px;cursor:pointer}.menu-open{display:none}.language{background:#ffffff20;border-color:#ffffff45}.language button{color:#fff}.language button.active{background:white;color:#1884c9}.shell main{max-width:1050px}.home-catalog{max-width:880px;margin:auto}.home-catalog .home-group{margin:0 0 30px}.home-catalog .home-group h2{font-size:19px;font-weight:500;color:#183c4a;margin:0 0 17px;line-height:1.5}.home-catalog .home-group h2:after{display:none}.home-catalog .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.home-catalog .tile{padding:0;display:flex;flex-direction:column;align-items:stretch;gap:0;border:1px solid #b9ced3;border-radius:15px;background:#f7fbfb;box-shadow:0 3px 12px #26586708;overflow:hidden}.home-catalog .tile:hover{box-shadow:0 9px 24px #235f7d16;transform:translateY(-3px);border-color:#69a9c5}.home-catalog .tile>.reference-picture{width:100%;border-radius:0;align-self:stretch;aspect-ratio:1.64!important}.modern-picture img{position:static;width:100%;height:100%;object-fit:cover}.home-catalog .tile-copy{padding:17px 20px 19px;min-height:88px;width:auto;background:#f4faf9}.home-catalog .tile h3{font-size:19px;font-weight:650;line-height:1.4;letter-spacing:-.25px}.home-catalog .tile p{font-size:12px;margin-top:6px}.home-catalog .tile small{display:none}.mobile-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(330px,88vw);height:100dvh;max-height:100dvh;border:0;background:#fff;padding:20px;border-radius:0 18px 18px 0;box-shadow:12px 0 40px #16374b20}.mobile-drawer::backdrop{background:#10334f70}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;color:#1691c7}.drawer-top button{font-size:30px;border:0;background:#eff7fb;border-radius:8px;width:44px;height:44px;color:#315a71}.mobile-drawer nav{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;overflow:visible}.mobile-drawer nav a{display:flex;flex-direction:row;align-items:center;text-align:left;white-space:normal;color:#325770;padding:12px;border-radius:8px;font-size:14px;gap:12px}.mobile-drawer nav a.active{background:#e4f3ff;color:#1687c9}.share-status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#173e55;color:white;border-radius:9px;padding:10px 16px;margin:0;font-size:13px;pointer-events:none}.share-status:empty{display:none}
@media(max-width:760px){.sidebar{display:none}.shell header{position:sticky;top:0;z-index:20;height:62px;padding:0 10px;gap:5px}.menu-open{display:flex}.shell #breadcrumb{font-size:19px}.shell .language{padding:2px}.shell .language button{padding:6px;font-size:10px;min-height:32px}.header-icon{min-width:36px;width:36px;font-size:25px}.shell main{padding:21px 14px 32px}.home-catalog .home-group{margin-bottom:26px}.home-catalog .home-group h2{font-size:17px;margin-bottom:15px}.home-catalog .tile-grid{gap:14px}.home-catalog .tile{border-radius:12px}.home-catalog .tile-copy{padding:12px 12px 14px;min-height:77px}.home-catalog .tile h3{font-size:16px;line-height:1.45;letter-spacing:-.2px}.home-catalog .tile>.reference-picture{width:100%}.shell footer{font-size:10px}}
@media(max-width:360px){.shell main{padding:18px 11px}.home-catalog .tile-grid{gap:11px}.home-catalog .tile h3{font-size:14px}.home-catalog .tile-copy{padding:10px;min-height:71px}.shell #breadcrumb{font-size:16px}.header-icon{min-width:32px;width:32px}}

/* Four cards across on desktop; preserve paired categories and mobile readability. */
@media(min-width:1024px){
 .shell main{max-width:1240px}
 .home-catalog{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;align-items:start}
 .home-catalog .home-group{margin:0;min-width:0}
 .home-catalog .home-group h2{font-size:17px;margin-bottom:14px;min-height:51px;align-items:flex-end}
 .home-catalog .tile-grid{gap:14px}
 .home-catalog .tile-copy{padding:13px 14px;min-height:84px}
 .home-catalog .tile h3{font-size:16px}
 .tile-grid.resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 .resources .tile{flex-direction:column;align-items:stretch;padding:14px;gap:12px}
 .resources .tile>.reference-picture,.resources .tile-art{align-self:center}
 .resources .tile-copy{width:100%}
}