@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101827;--blue:#2168ff;--ice:#eff8ff;--line:#dce5ed;--muted:#637182;--paper:#fbfcfe}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px Manrope,Arial,sans-serif}header,main,footer{max-width:1140px;margin:auto;padding-left:28px;padding-right:28px}header{height:78px;display:flex;align-items:center;justify-content:space-between}a{color:inherit;text-decoration:none}.brand{font-weight:800;letter-spacing:1.5px;font-size:17px}.brand span{color:var(--blue)}nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}nav form{margin:0}.link{border:0;background:none;font:inherit;cursor:pointer}.button{border:0;border-radius:7px;background:var(--blue);color:white;padding:13px 18px;font:700 14px Manrope;display:inline-block;cursor:pointer;box-shadow:0 4px 12px #2168ff33}.button.small{padding:9px 14px}.button.secondary{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button.chosen{outline:3px solid #91b1ff}.app-download{border:1px solid #a7c3ff;border-radius:7px;color:#1457d4;padding:7px 9px;font:700 12px Manrope;white-space:nowrap}.app-download:hover{background:#eaf1ff}.hero{min-height:530px;display:flex;align-items:center;justify-content:space-between;gap:80px}.eyebrow{font:500 11px 'DM Mono';letter-spacing:1.3px;color:var(--blue);margin:0 0 16px}.hero h1,.auth h1,.training-head h1,.dashboard-top h1{font-size:clamp(44px,7vw,82px);line-height:.95;letter-spacing:-4px;margin:0 0 24px}.lead{color:var(--muted);font-size:17px;line-height:1.65;max-width:550px}.actions{margin-top:32px;display:flex;align-items:center;gap:23px}.text-link{font-weight:700}.ice-card{width:315px;padding:30px;background:linear-gradient(135deg,#dff5ff,#fff);border:1px solid #d3e9f7;border-radius:10px;box-shadow:15px 15px 0 #d7efff}.ice-card p,.ice-card h2{margin:0}.ice-card h2{font-size:42px;line-height:1.1;margin:25px 0 35px}.ice-card div{border-top:1px solid #cbe2ee;padding-top:17px;display:flex;justify-content:space-between;font-size:12px}.ice-card b{color:#16834a}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:46px 0 65px;gap:45px}.features b{font:500 11px 'DM Mono';color:var(--blue)}.features h3{font-size:20px;margin:15px 0 8px}.features p,.muted{color:var(--muted);line-height:1.6}.auth{max-width:470px;margin:70px auto 100px}.auth h1{font-size:52px}.wide{max-width:630px}.panel{padding:22px;background:white;border:1px solid var(--line);border-radius:10px;display:grid;gap:16px}.panel label{font-size:12px;font-weight:800;letter-spacing:.3px}.panel input,.panel select{display:block;margin-top:7px;width:100%;border:1px solid var(--line);border-radius:6px;padding:12px;font:15px Manrope;background:white}.panel .check{font-weight:500;display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.form-grid,.team-actions,.squads{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.flash{margin-top:18px;padding:13px 16px;border:1px solid #b9e2c7;background:#effcf4;color:#176638;border-radius:7px}.dashboard-top,.team-title{display:flex;justify-content:space-between;align-items:end}.dashboard-top{margin:70px 0 42px}.dashboard-top h1{font-size:52px;margin:0}.team-section{padding:30px 0;border-top:1px solid var(--line)}.team-title h2{margin:0;font-size:27px}.code{background:#eaf4ff;padding:8px 11px;border-radius:5px;font:12px 'DM Mono'}.code.copy{border:0;cursor:pointer;text-decoration:none}.training-list{margin-top:20px;display:grid;gap:9px}.training-row{display:grid;grid-template-columns:70px 1fr 90px 20px;align-items:center;background:white;border:1px solid var(--line);border-radius:8px;padding:13px 16px}.training-row time{font:12px 'DM Mono';color:var(--muted)}.training-row time b{display:block;color:var(--ink);font-size:15px;margin-top:3px}.training-row small{display:block;color:var(--muted);margin-top:3px}.attendance-count{font:13px 'DM Mono'}.attendance-count b{color:#16834a;margin-right:9px}.attendance-count span{color:#bd3c3c}.empty{margin:30px 0 100px}.empty h2{font-size:34px}.team-actions{max-width:740px;margin-top:28px}.training-head{padding:70px 0 38px;border-bottom:1px solid var(--line)}.training-head h1{font-size:56px;margin-bottom:12px}.training-head .lead{margin:0}.response{margin-top:25px;display:flex;align-items:center;gap:16px}.response form{display:flex;gap:10px}.copy{border:0;background:none;text-decoration:underline;font:700 13px Manrope;cursor:pointer}.capacity{margin:22px 0;color:var(--muted)}.capacity strong{color:var(--ink);font-size:20px}.squads{margin:28px 0}.squad{border:1px solid var(--line);border-top:8px solid var(--squad);border-radius:8px;min-height:150px;background:white;padding:17px}.squad h2,.unassigned h2{font-size:14px;letter-spacing:1px;margin:0 0 14px}.squad h2 span,.unassigned h2 span{float:right;color:var(--muted)}.player{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;border-top:1px solid #eef2f5;font-weight:700}.player em{font:10px 'DM Mono';font-style:normal;color:var(--blue);margin-left:5px}.player form{margin:0}.player button{border:0;background:#f0f4f8;border-radius:4px;padding:5px 7px;cursor:pointer;font:11px Manrope}.unassigned{background:#f1f7fb;border-radius:8px;padding:20px;margin-bottom:50px}.unassigned h3{font-size:13px;margin:27px 0 9px}.no-list{display:flex;gap:9px;flex-wrap:wrap}.no-list span{background:white;border-radius:20px;padding:6px 10px;color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);padding-top:22px;padding-bottom:35px;font:11px 'DM Mono';color:var(--muted);display:flex;justify-content:space-between;gap:16px;align-items:center}.app-download-footer{color:#1457d4;font:700 12px Manrope}
.language-switcher{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:6px;font:10px 'DM Mono';letter-spacing:.3px}.language-switcher a{padding:5px 6px;border-radius:3px;color:var(--muted)}.language-switcher a.active{background:var(--blue);color:#fff}
.bot-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.turnstile-wrap{min-height:65px}
@media(max-width:700px){header,main,footer{padding-left:18px;padding-right:18px}header{height:65px}.hero{padding:60px 0;min-height:auto;display:block}.ice-card{display:none}.features,.squads,.team-actions,.form-grid{grid-template-columns:1fr}.features{gap:25px}.dashboard-top{margin:38px 0 28px}.dashboard-top h1{font-size:42px}.training-row{grid-template-columns:58px 1fr 55px 12px;padding:12px}.code{font-size:11px;padding:7px 9px}.training-head{padding-top:40px}.training-head h1{font-size:42px}.response{align-items:start;flex-direction:column}nav{gap:13px;font-size:12px}nav .app-download{display:none}.hero h1{font-size:64px}footer{align-items:flex-start;flex-direction:column}}

/* Hockey-rink visual language for public sessions. */
.rink-card{width:320px;min-height:350px;position:relative;overflow:hidden;padding:30px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#071c3e,#0a50aa 58%,#35b7e7);box-shadow:18px 18px 0 #d5eeff}.rink-card:before,.rink-card:after{content:"";position:absolute;border:2px solid #f45a67;border-radius:50%;opacity:.8}.rink-card:before{width:240px;height:240px;right:-110px;top:48px}.rink-card:after{width:68px;height:68px;left:40px;bottom:38px}.rink-card p{position:relative;margin:8px 0 62px;font:11px 'DM Mono';letter-spacing:1.5px}.rink-card h2{position:relative;font-size:48px;line-height:.98;letter-spacing:-2px;margin:0}.puck{position:absolute;right:32px;top:28px;font-size:45px;color:#111;filter:drop-shadow(4px 5px 0 #0005)}.rink-lines{position:absolute;bottom:0;left:0;right:0;height:75px;border-top:5px solid #f45a67}.rink-lines i{position:absolute;top:0;width:2px;height:100%;background:#fff8}.rink-lines i:first-child{left:20%}.rink-lines i:nth-child(2){left:50%;background:#f45a67;width:4px}.rink-lines i:nth-child(3){right:20%}.open-section{padding:55px 0 72px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:42px;letter-spacing:-2px;margin:0}.section-heading>span{font:12px 'DM Mono';color:var(--muted)}.open-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.open-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;min-height:215px;display:flex;flex-direction:column;transition:.18s transform,.18s box-shadow}.open-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px #153e6e1c}.open-card-top{display:flex;justify-content:space-between;gap:8px;font:10px 'DM Mono';letter-spacing:.5px;color:var(--blue)}.open-card-top b{color:#0b7145;background:#eafff3;padding:4px 6px;border-radius:4px;letter-spacing:0}.open-card h3{font-size:20px;line-height:1.15;margin:28px 0 12px}.open-card p{margin:3px 0;color:var(--muted);font-size:13px}.open-card footer{margin-top:auto;border:0;padding:17px 0 0;font:12px 'DM Mono';color:var(--muted)}.open-card footer strong{color:var(--ink)}.open-card footer i{float:right;font-size:18px;color:var(--blue);font-style:normal}.no-open{background:linear-gradient(100deg,#e5f6ff,#f8fbff);border:1px dashed #afd4eb;padding:30px;border-radius:13px}.no-open span{color:var(--blue);font-size:24px}.no-open h3{margin:8px 0}.no-open p{color:var(--muted);margin:0;max-width:600px}.price-tag{margin-left:12px;background:#092c5e;color:#fff;border-radius:5px;padding:5px 8px;font:12px 'DM Mono'}.public-manager{margin:28px 0;background:linear-gradient(100deg,#0b2d5f,#0d57ae);border-radius:12px;color:white;padding:24px;display:flex;justify-content:space-between;gap:30px;align-items:center}.public-manager .eyebrow{color:#9dd9ff}.public-manager h2{margin:0 0 7px;font-size:23px}.public-manager p{margin:0;max-width:510px;color:#d9ebff;line-height:1.5}.public-manager form{display:grid;grid-template-columns:1fr 100px auto;align-items:end;gap:10px;min-width:410px}.public-manager label{font-size:11px;font-weight:800}.public-manager input[type=number]{display:block;width:100%;margin-top:5px;border:0;border-radius:5px;padding:10px;font:14px Manrope}.public-manager .check{display:flex;gap:6px;align-items:center;padding-bottom:10px}.public-manager .check input{width:auto;margin:0}.public-manager .button{white-space:nowrap;background:#fff;color:#092c5e;box-shadow:none}
@media(max-width:700px){.rink-card{display:none}.open-grid{grid-template-columns:1fr}.section-heading{align-items:start;gap:8px;flex-direction:column}.public-manager{display:block}.public-manager form{min-width:0;margin-top:18px;grid-template-columns:1fr}.public-manager .check{padding-bottom:0}}
.navigation{display:flex;gap:10px;margin:14px 0}.navigation a,.manager-edit{font-size:13px;font-weight:800;color:#0b58ba;text-decoration:underline}.manager-edit{display:inline-block;color:#fff;margin-top:13px}.rink-list{display:grid;gap:8px;margin-top:22px}.rink-list article{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.rink-list span{color:var(--muted);font-size:13px}.rink-list a{font-size:12px;font-weight:800;color:var(--blue)}
@media(max-width:700px){.rink-list article{grid-template-columns:1fr 1fr}.navigation{flex-wrap:wrap}}
.capacity strong+strong{margin-left:15px}.capacity-good{color:#16834a!important}.capacity-full{color:#bd3c3c!important}.join-form,.role-picker{display:flex;gap:10px;align-items:center}.date-field{display:block;position:relative}.date-field input[type=text]{padding-right:48px}.date-field input[type=date]{position:absolute;right:0;top:7px;width:45px;height:44px;margin:0;padding:0;opacity:0;pointer-events:none}.calendar-trigger{position:absolute;z-index:3;right:0;top:7px;width:45px;height:44px;border:0;background:transparent;cursor:pointer;font-size:17px}.danger-link{border:0;background:none;color:#bd3c3c;font:700 12px Manrope;text-decoration:underline;cursor:pointer}
.open-card footer.spots{position:relative;display:grid;gap:7px;padding:15px 30px 0 0}.open-card footer .spot-row{display:flex;justify-content:space-between;gap:10px;font:11px 'DM Mono'}.open-card footer.spots i{position:absolute;right:0;bottom:1px}.open-card footer .spot-row strong{color:inherit}
.open-card .registration-state{margin-top:10px;color:#087b45;font-weight:800;font-size:12px}

/* Jääaja sõnamärk kasutab ühtset brändigraafikat veebis ja mobiilirakenduses. */
.brand{display:block;width:142px;height:45px;background:url('jaaeg.svg') center/contain no-repeat;font-size:0;flex:0 0 auto}.brand span{display:none}
@media(max-width:700px){.brand{width:116px;height:37px}}
.my-trainings{padding:0 0 35px;border-bottom:1px solid var(--line)}.my-trainings h2{margin:0;font-size:25px}
.training-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.training-tools .danger-link{padding:0}
.training-tools .copy,.response .copy{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:7px;padding:10px 13px;font:700 12px Manrope;text-decoration:none;box-shadow:0 2px 8px #10203a0d}.training-tools .copy:hover,.response .copy:hover{border-color:#9dbaf2;background:#f5f9ff}.training-tools .copy.danger-link{padding:10px 13px;color:#b42332;background:#fff5f6;border-color:#f0b7be}.training-tools .copy.danger-link:hover{background:#ffe9eb}.team-title .text-link{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 12px;font-size:12px;box-shadow:0 2px 8px #10203a0d}.team-title .text-link:hover{border-color:#9dbaf2;background:#f5f9ff}.public-manager .manager-edit{border:1px solid #ffffff66;border-radius:6px;padding:8px 10px;text-decoration:none}
.attending-status{font:800 13px 'DM Mono';color:#16834a;background:#eafff3;padding:11px 13px;border-radius:7px}
.chat-layout{display:grid;grid-template-columns:250px 1fr;gap:28px;padding:45px 0 70px}.chat-teams{border-right:1px solid var(--line);padding-right:20px}.chat-teams h1{font-size:32px;margin:0 0 22px}.chat-teams a{display:block;padding:12px;border-radius:7px;font-weight:800}.chat-teams a.active{background:#eaf4ff;color:var(--blue)}.chat-teams small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.chat-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px}.chat-title h2{font-size:30px;margin:0}.chat-title>span{font-size:12px;color:var(--muted)}.messages{min-height:360px;padding:20px 0;display:grid;gap:10px}.message{max-width:760px;background:white;border:1px solid var(--line);border-radius:9px;padding:13px 15px}.message.announcement{border-left:5px solid var(--blue);background:#f0f7ff}.message p{margin:8px 0;line-height:1.55}.message em{font:10px 'DM Mono';font-style:normal;color:var(--blue);margin-left:8px}.message small{font:11px 'DM Mono';color:var(--muted)}.chat-compose{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:18px}.chat-compose textarea{width:100%;min-height:85px;padding:12px;border:1px solid var(--line);border-radius:7px;font:14px Manrope;resize:vertical}.chat-options{display:flex;gap:18px;align-items:center}.chat-options select{margin-left:7px;padding:7px;border:1px solid var(--line);border-radius:5px}@media(max-width:700px){.chat-layout{grid-template-columns:1fr;padding-top:25px}.chat-teams{border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px}.chat-teams a{display:inline-block}.chat-title{align-items:start;gap:8px;flex-direction:column}.chat-options{align-items:start;flex-direction:column}}
.modal-overlay{position:fixed;z-index:1000;inset:0;background:#07142699;display:grid;place-items:center;padding:20px}.modal-card{max-width:470px;background:#fff;border-radius:14px;padding:28px;box-shadow:0 25px 70px #0004}.modal-card h2{font-size:23px;line-height:1.35;margin:0 0 24px}.modal-card>div{display:flex;justify-content:flex-end;gap:10px}.danger-button{background:#b72f3b;box-shadow:none}
.modal-input{width:100%;margin:-8px 0 22px;padding:12px;border:1px solid var(--line);border-radius:7px;font:15px Manrope}
.inline-form{display:flex;align-items:center;gap:8px;margin:0}.inline-form select{border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;font:13px Manrope}.inline-form .button{padding:9px 11px}.payment-qr{display:block;width:min(260px,100%);height:auto;margin:22px auto;border-radius:8px;border:1px solid var(--line)}.training-price{margin:14px 0;color:var(--ink)}
[hidden]{display:none!important}
.squad-menu{position:relative;margin-left:auto}.squad-menu summary{list-style:none;width:30px;height:30px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;cursor:pointer;font-weight:800;font-size:18px;line-height:1;background:#fff}.squad-menu summary::-webkit-details-marker{display:none}.squad-menu form{position:absolute;z-index:10;right:0;top:36px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #10203a22;padding:7px;border-radius:7px}.squad-menu select{font:13px Manrope;border:0;background:#fff;padding:5px;min-width:170px;cursor:pointer}
.player.assigned-squad{background:color-mix(in srgb,var(--player-squad) 22%,#fff);border-radius:6px;padding:9px 10px;border-top-color:color-mix(in srgb,var(--player-squad) 35%,#fff)}
.training-row.assigned-training,.open-card.assigned-training{background:color-mix(in srgb,var(--training-squad) 28%,#fff);border-color:color-mix(in srgb,var(--training-squad) 58%,#94a3b8);box-shadow:inset 6px 0 0 var(--training-squad)}

/* Telefonivaade: menüü avaneb eraldi paneelina ning kõik tööriistad mahuvad
   ekraanile ilma horisontaalse kerimiseta. */
.nav-toggle{display:none}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  header,main,footer{padding-left:16px;padding-right:16px}
  header{height:66px;min-height:66px;position:relative}
  .brand{width:116px;height:37px}
  .nav-toggle{display:grid;place-content:center;gap:4px;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
  .nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink)}
  header nav{position:absolute;z-index:100;top:58px;right:16px;left:16px;display:none!important;flex-direction:column;align-items:stretch;gap:3px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px #10203a22;font-size:14px}
  header nav.mobile-open{display:flex!important}
  header nav[hidden]{display:none!important}
  header nav>a,header nav form .link{display:block;width:100%;padding:11px 12px;border-radius:7px;text-align:left}
  header nav>a:hover,header nav form .link:hover{background:#f0f6ff;color:var(--blue)}
  header nav form{width:100%}
  header nav .link{border:0;background:none;cursor:pointer;font:700 14px Manrope}
  header nav .button{margin:3px 0;text-align:center}
  header nav .app-download{display:block;padding:11px 12px;border:0;border-radius:7px;background:#eaf1ff;color:#1457d4}
  .language-switcher{align-self:flex-start;margin:6px 3px 1px}
  .hero{padding:44px 0 50px}.hero h1{font-size:clamp(48px,16vw,66px);letter-spacing:-3px}.lead{font-size:16px}.actions{flex-wrap:wrap;gap:14px;margin-top:24px}
  .open-section{padding:40px 0 52px}.section-heading h2{font-size:34px}.open-card{min-height:0;padding:17px}.open-card h3{margin:22px 0 10px}
  .auth{margin:40px auto 70px}.auth h1{font-size:42px;letter-spacing:-2px}.panel{padding:17px}.panel input,.panel select{font-size:16px}
  .dashboard-top{margin:38px 0 28px;gap:18px;align-items:flex-start;flex-direction:column}.dashboard-top h1{font-size:42px}.dashboard-top .button{width:100%;text-align:center}
  .team-title{align-items:flex-start;gap:13px;flex-direction:column}.team-title h2{font-size:25px}.team-title .text-link{width:100%;text-align:center}.team-title form{width:100%}.team-title .danger-link{padding:10px 0}
  .training-row{grid-template-columns:58px minmax(0,1fr) auto;gap:8px;padding:12px}.training-row>div:nth-child(2){min-width:0}.training-row strong,.training-row small{overflow-wrap:anywhere}.training-row .attendance-count{grid-column:2;margin-top:2px}.training-row>i{grid-column:3;grid-row:1 / span 2}
  .training-head{padding:38px 0 28px}.training-head h1{font-size:clamp(38px,11vw,50px);letter-spacing:-2px}.training-head .lead{font-size:16px}.capacity{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.capacity strong,.capacity strong+strong{margin-left:0;font-size:17px}.response{gap:12px}.response form,.join-form,.role-picker{max-width:100%;flex-wrap:wrap}.response .button,.join-form .button,.role-picker .button{min-height:44px}
  .training-tools{gap:8px}.training-tools .copy,.response .copy{flex:1 1 145px;text-align:center;line-height:1.25}.public-manager{padding:18px}.public-manager form{gap:12px}.public-manager .button{width:100%}
  .squads{gap:14px;margin:20px 0}.squad{min-height:0;padding:14px}.unassigned{padding:16px;margin-bottom:35px}.player{gap:8px}.player>span{min-width:0;overflow-wrap:anywhere}.squad-menu form{right:0;max-width:calc(100vw - 64px)}.squad-menu select{max-width:100%;min-width:150px}
  .rink-list article{grid-template-columns:1fr;gap:5px}.navigation{flex-wrap:wrap}.navigation a{padding:8px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none}
  .chat-layout{gap:18px}.chat-teams a{display:block}.messages{min-height:220px;padding:14px 0}.message{padding:12px;overflow-wrap:anywhere}.chat-options{gap:10px}.chat-options select{display:block;margin:5px 0 0;max-width:100%}
  .modal-overlay{padding:14px}.modal-card{width:min(470px,100%);padding:22px}.modal-card h2{font-size:20px}.modal-card>div{flex-wrap:wrap}.modal-card>div .button{flex:1 1 130px}
  .inline-form{width:100%;flex-wrap:wrap}.inline-form select,.inline-form .button{flex:1 1 130px}
  footer{padding-top:20px;padding-bottom:28px}
}
@media(max-width:380px){
  .brand{width:103px;height:34px}.hero h1{font-size:47px}.section-heading h2{font-size:30px}.training-row{grid-template-columns:52px minmax(0,1fr) auto;font-size:13px}.training-row time b{font-size:13px}.capacity strong{font-size:15px}.button{padding:12px 14px}
}

/* Public mobile app availability cards. */
.app-availability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.app-availability-grid .panel{align-content:start;gap:12px}.app-availability-grid h3,.app-availability-grid p{margin:0}.app-availability-grid p{line-height:1.65;color:var(--muted)}.app-availability-grid .button{justify-self:start}
@media(max-width:700px){.app-availability-grid{grid-template-columns:1fr}}