/* Canterivo V1.0.8 — instrukcja i bezpieczne demo w pamięci przeglądarki */
.demo-mode-banner{
  margin:18px 34px 0;
  padding:12px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#5b430f;
  background:#fff2ca;
  border:1px solid #e5c979;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(91,67,15,.08);
}
.demo-mode-banner span,.demo-mode-banner strong,.demo-mode-banner small{display:block}
.demo-mode-banner small{margin-top:3px;color:#765c21;font-size:11px;line-height:1.45}
.guide-hero,.guide-demo-callout,.demo-landing{
  position:relative;
  overflow:hidden;
  padding:34px 36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  color:#fff;
  background:radial-gradient(circle at 87% 8%,rgba(221,169,62,.25),transparent 17rem),linear-gradient(135deg,#0d352c,#22624f);
  border-radius:24px;
  box-shadow:0 18px 42px rgba(16,60,50,.15);
}
.guide-hero:after,.guide-demo-callout:after,.demo-landing:after{
  content:"♞";
  position:absolute;
  right:-30px;
  bottom:-76px;
  color:rgba(255,255,255,.045);
  font:700 260px/1 Georgia,serif;
  transform:rotate(-8deg);
}
.guide-hero>*,.guide-demo-callout>*,.demo-landing>*{position:relative;z-index:1}
.guide-hero>div,.guide-demo-callout>div{max-width:780px}
.guide-hero .eyebrow,.guide-demo-callout .eyebrow,.demo-landing .eyebrow{color:#f2cf82}
.guide-hero h2,.guide-demo-callout h2,.demo-landing h2,.demo-section-heading h2{
  margin:6px 0 11px;
  font:700 clamp(28px,3.4vw,40px)/1.12 Georgia,serif;
}
.guide-hero p,.guide-demo-callout p,.demo-landing p{margin:0;color:#d7e5df;line-height:1.65}
.guide-hero .button,.guide-demo-callout .button{flex:0 0 auto;color:#123f35;background:#f4dfae;border-color:#e4bd64}
.guide-summary,.demo-team-stats,.demo-metrics{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
}
.guide-summary article,.demo-team-stats article{
  padding:18px 20px;
  display:flex;
  align-items:center;
  gap:14px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow-soft);
}
.guide-summary strong,.demo-team-stats strong{color:var(--forest);font:700 31px Georgia,serif}
.guide-summary span,.demo-team-stats span{color:var(--muted);font-size:12px;font-weight:750}
.guide-panel{margin-top:18px}
.guide-topics{display:grid;gap:10px}
.guide-topic{background:#fbfaf5;border:1px solid #dde4df;border-radius:15px;overflow:hidden}
.guide-topic summary{
  min-height:76px;
  padding:15px 17px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  cursor:pointer;
  list-style:none;
}
.guide-topic summary::-webkit-details-marker{display:none}
.guide-topic summary>span:first-child{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  color:var(--forest-deep);
  background:var(--gold-soft);
  border:1px solid #e7ce92;
  border-radius:13px;
  font-size:19px;
}
.guide-topic summary strong,.guide-topic summary small{display:block}
.guide-topic summary strong{color:var(--forest-deep);font:700 17px Georgia,serif}
.guide-topic summary small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}
.guide-topic summary>i{color:var(--forest);font-size:19px;font-style:normal;transition:transform .18s ease}
.guide-topic[open] summary>i{transform:rotate(180deg)}
.guide-topic>div{padding:0 22px 18px 73px;border-top:1px solid #e5e9e6}
.guide-topic ul{margin:16px 0 0;padding-left:18px;display:grid;gap:9px;color:#3f544c;font-size:13px;line-height:1.55}
.guide-topic li::marker{color:var(--gold)}
.guide-role-table{width:100%;border-collapse:collapse}
.guide-role-table th,.guide-role-table td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}
.guide-role-table th{color:var(--muted);background:#f5f2e9;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.guide-role-table td:first-child{min-width:150px;color:var(--forest)}
.guide-demo-callout{margin-top:18px;padding-block:28px}
.demo-landing{min-height:510px;align-items:stretch}
.demo-landing-copy{max-width:650px;align-self:center}
.demo-safe-pill{display:inline-flex;padding:7px 10px;color:#193f35;background:#f4dfae;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em}
.demo-landing h2{margin-top:18px;font-size:clamp(36px,5vw,56px)}
.demo-landing ul{margin:25px 0 0;padding:0;display:grid;gap:10px;list-style:none}
.demo-landing li{display:flex;gap:9px;color:#e2ece8;font-size:13px;font-weight:700}
.demo-landing li:before{content:"✓";color:var(--gold)}
.demo-landing-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}
.demo-landing-actions .button.primary{color:#173f36;background:var(--gold-soft);border-color:#e2c374;box-shadow:none}
.demo-landing-actions .button.secondary{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}
.demo-landing-preview{width:min(390px,38%);align-self:center;display:grid;gap:12px}
.demo-preview-card{padding:13px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;backdrop-filter:blur(8px)}
.demo-preview-card img{width:54px;height:54px;object-fit:cover;border-radius:13px}
.demo-preview-card>b,.demo-preview-card>i{width:54px;height:54px;display:grid;place-items:center;color:#173f36;background:var(--gold-soft);border-radius:13px;font-style:normal;font-weight:900}
.demo-preview-card span strong,.demo-preview-card span small{display:block}
.demo-preview-card span small{margin-top:4px;color:#cbded7;font-size:10px;line-height:1.4}
.demo-safety{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.demo-safety article{padding:20px;display:grid;grid-template-columns:42px 1fr;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:17px}
.demo-safety article>span{width:42px;height:42px;display:grid;place-items:center;color:var(--forest);background:#e7f0eb;border-radius:13px;font-weight:900}
.demo-safety strong{color:var(--forest-deep)}
.demo-safety p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.demo-role-notice{
  margin-bottom:14px;
  padding:12px 15px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#3e5621;
  background:#eef4df;
  border:1px solid #d2dfa9;
  border-radius:14px;
}
.demo-role-notice>span{width:34px;height:34px;display:grid;place-items:center;color:#5b711f;background:#dce8b8;border-radius:10px}
.demo-role-notice strong,.demo-role-notice small{display:block}
.demo-role-notice small{margin-top:3px;color:#66744a;font-size:11px}
.demo-section-heading{margin-bottom:17px;padding:4px 2px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.demo-section-heading>div{max-width:820px}
.demo-section-heading h2{margin:4px 0 8px;color:var(--forest-deep);font-size:34px}
.demo-section-heading p{margin:0;color:var(--muted);line-height:1.55}
.demo-dashboard-hero{min-height:175px}
.demo-dashboard-hero .button{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28)}
.demo-metrics{grid-template-columns:repeat(4,1fr)}
.demo-metrics button{
  min-height:128px;
  padding:19px 20px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  color:var(--ink);
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:17px;
  box-shadow:var(--shadow-soft);
  cursor:pointer;
}
.demo-metrics button:hover{border-color:#aac1b7;transform:translateY(-1px)}
.demo-metrics strong{color:var(--forest);font:700 32px Georgia,serif}
.demo-metrics span{margin-top:4px;font-size:13px;font-weight:850}
.demo-metrics small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}
.demo-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}
.demo-event-list,.demo-attention-list{display:grid;gap:9px}
.demo-event-list article{padding:12px;display:grid;grid-template-columns:52px 1fr;gap:12px;background:#faf9f4;border:1px solid var(--line);border-radius:13px}
.demo-event-list time{color:var(--forest);font-weight:900}
.demo-event-list span small,.demo-event-list span strong,.demo-event-list span em{display:block}
.demo-event-list span small{color:#8a681d;font-size:9px;font-weight:900;text-transform:uppercase}
.demo-event-list span strong{margin-top:3px}
.demo-event-list span em{margin-top:4px;color:var(--muted);font-size:10px;font-style:normal}
.demo-attention-list button{padding:11px;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;text-align:left;color:var(--ink);background:#faf9f4;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.demo-attention-list b{width:32px;height:32px;display:grid;place-items:center;color:#8a3028;background:#f7e4e0;border-radius:9px}
.demo-attention-list strong,.demo-attention-list small{display:block}
.demo-attention-list small{margin-top:3px;color:var(--muted);font-size:10px}
.demo-announcements{margin-top:17px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.demo-announcements article{padding:16px;display:grid;grid-template-columns:34px 1fr;gap:12px;background:#e7f0eb;border:1px solid #cde0d6;border-radius:15px}
.demo-announcements article.important{background:#fff0e6;border-color:#ecc8ae}
.demo-announcements article>span{width:34px;height:34px;display:grid;place-items:center;color:var(--forest);background:#fff;border-radius:10px;font-weight:900}
.demo-announcements p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.demo-horse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.demo-horse-card{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft)}
.demo-horse-card>img{width:100%;height:260px;display:block;object-fit:cover}
.demo-horse-card-head{padding:17px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.demo-horse-card-head span,.demo-horse-card-head small{display:block;color:var(--muted);font-size:10px}
.demo-horse-card-head h3{margin:4px 0;color:var(--forest-deep);font:700 25px Georgia,serif}
.demo-horse-card-head em{padding:6px 9px;border-radius:999px;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}
.demo-horse-card-head em.available{color:#1e5b45;background:#e1f1e8}
.demo-horse-card-head em.limited{color:#76520d;background:#fff0c5}
.demo-horse-card-head em.unavailable{color:#812f26;background:#f8e4e1}
.demo-horse-card>p{margin:13px 18px 0;color:#3d514a;font-size:12px;line-height:1.55}
.demo-horse-card dl{margin:15px 18px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.demo-horse-card dl>div{padding:10px;background:#f7f5ee;border-radius:11px}
.demo-horse-card dt{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}
.demo-horse-card dd{margin:4px 0 0;font-size:10px;line-height:1.45}
.demo-horse-card>.button{margin:0 18px 18px}
.demo-team-stats{grid-template-columns:repeat(4,1fr)}
.demo-team-panel{margin-top:16px}
.demo-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.demo-team-grid article{padding:14px;display:grid;grid-template-columns:44px 1fr;gap:11px;background:#faf9f4;border:1px solid var(--line);border-radius:14px}
.demo-avatar{width:44px;height:44px;display:grid;place-items:center;color:var(--forest-deep);background:var(--gold-soft);border-radius:50%;font-size:11px;font-weight:900}
.demo-team-grid h3{margin:1px 0 4px;color:var(--forest-deep);font:700 16px Georgia,serif}
.demo-team-grid p,.demo-team-grid small{margin:0;color:var(--muted);font-size:9px;line-height:1.4}
.demo-team-grid div>div{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}
.demo-team-grid em{padding:4px 6px;color:#1e5b45;background:#e4f0e9;border-radius:99px;font-size:8px;font-style:normal;font-weight:850}
.demo-planner-tools{display:grid;grid-template-columns:180px 240px 1fr;gap:13px;align-items:end;padding:15px;background:#f6f3ea;border:1px solid #e5dfcf;border-radius:15px}
.demo-planner-tools label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:850}
.demo-planner-tools input,.demo-planner-tools select{min-height:45px;padding:0 10px;background:#fff;border:1px solid #b8c5bf;border-radius:10px}
.demo-planner-tools>div{padding:0 5px 7px}
.demo-planner-tools strong,.demo-planner-tools small{display:block}
.demo-planner-tools small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}
.demo-planner-list{margin-top:15px;display:grid;gap:7px}
.demo-planner-row{min-height:66px;padding:10px 13px;display:grid;grid-template-columns:54px 12px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);border-radius:12px}
button.demo-planner-row{width:100%;color:var(--ink);background:#fafbf8;cursor:pointer}
button.demo-planner-row:hover{background:#edf5f0;border-color:#91b4a5}
button.demo-planner-row:disabled{opacity:.65;cursor:not-allowed}
.demo-planner-row.booked{background:#fff8e8;border-color:#ead29b}
.demo-planner-row time{color:var(--forest);font-weight:900}
.demo-planner-row.free>span{color:#6d8a7e;font-size:20px}
.demo-horse-dot{width:10px;height:38px;background:var(--demo-color);border-radius:6px}
.demo-planner-row strong,.demo-planner-row small{display:block}
.demo-planner-row small{margin-top:4px;color:var(--muted);font-size:10px}
.demo-planner-row em{padding:5px 8px;border-radius:99px;font-size:8px;font-style:normal;font-weight:900}
.demo-planner-row em.approved{color:#1e5b45;background:#e1f1e8}
.demo-planner-row em.pending{color:#76520d;background:#fff0c5}
.demo-training-list,.demo-task-list{display:grid;gap:13px}
.demo-training-card,.demo-task-list>article{padding:19px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}
.demo-training-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.demo-training-card>header span{color:#8a681d;font-size:9px;font-weight:900;letter-spacing:.08em}
.demo-training-card h3,.demo-task-list h3{margin:5px 0;color:var(--forest-deep);font:700 21px Georgia,serif}
.demo-training-card>header small{color:var(--muted);font-size:10px}
.demo-training-card>header em{padding:6px 9px;color:#1e5b45;background:#e1f1e8;border-radius:99px;font-size:9px;font-style:normal;font-weight:900}
.demo-training-card.proposed>header em{color:#76520d;background:#fff0c5}
.demo-training-card.completed>header em{color:#53645d;background:#e9eeeb}
.demo-training-meta{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.demo-training-meta span{padding:10px;background:#f7f5ee;border-radius:11px;font-size:10px}
.demo-training-meta b{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;text-transform:uppercase}
.demo-training-card>p{color:#3d514a;font-size:12px;line-height:1.55}
.demo-training-note{padding:13px;background:#eaf2ed;border-left:3px solid var(--forest);border-radius:10px}
.demo-training-note p{margin:5px 0;color:#40554d;font-size:11px}
.demo-training-note small{color:var(--muted)}
.demo-training-card>.button{margin-top:13px}
.demo-schedule-list{display:grid;gap:9px}
.demo-schedule-list article{padding:13px;display:grid;grid-template-columns:54px 38px minmax(0,1fr) auto;align-items:center;gap:11px;background:#faf9f4;border:1px solid var(--line);border-radius:13px}
.demo-schedule-list time{color:var(--forest);font-weight:900}
.demo-schedule-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--forest);background:#e4efe9;border-radius:11px}
.demo-schedule-list h3{margin:3px 0;color:var(--forest-deep);font:700 16px Georgia,serif}
.demo-schedule-list div>span{color:#8a681d;font-size:8px;font-weight:900;text-transform:uppercase}
.demo-schedule-list p{margin:0;color:var(--muted);font-size:10px}
.demo-schedule-list em{color:var(--muted);font-size:9px;font-style:normal;font-weight:850}
.demo-task-list>article{display:grid;grid-template-columns:1fr 170px;align-items:center;gap:18px}
.demo-task-list>article.urgent{border-left:4px solid var(--red)}
.demo-task-list>article.completed{opacity:.68}
.demo-task-list>article>div>span{color:#8a681d;font-size:9px;font-weight:900}
.demo-task-list p{margin:6px 0;color:#43574f;font-size:11px;line-height:1.5}
.demo-task-list small{color:var(--muted);font-size:10px}
.demo-task-list label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:850}
.demo-task-list select{min-height:43px;padding:0 10px;background:#fff;border:1px solid #b8c5bf;border-radius:10px}
.demo-org-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}
.demo-announcement-list,.demo-shift-list,.demo-document-list,.demo-request-list{display:grid;gap:9px}
.demo-announcement-list>article{padding:13px;display:grid;grid-template-columns:34px 1fr;gap:11px;background:#faf9f4;border:1px solid var(--line);border-radius:13px}
.demo-announcement-list>article.important{background:#fff3e7;border-color:#ecc8ae}
.demo-announcement-list>article>span{width:34px;height:34px;display:grid;place-items:center;color:var(--forest);background:#fff;border-radius:10px;font-weight:900}
.demo-announcement-list h3,.demo-shift-list h3{margin:0;color:var(--forest-deep);font:700 16px Georgia,serif}
.demo-announcement-list p,.demo-shift-list p{margin:5px 0;color:#40554d;font-size:10px;line-height:1.45}
.demo-announcement-list small{color:var(--muted);font-size:9px}
.demo-shift-list article{padding:13px;display:grid;grid-template-columns:44px 1fr;gap:11px;background:#faf9f4;border:1px solid var(--line);border-radius:13px}
.demo-shift-list strong{display:block;margin-top:4px;color:var(--forest);font-size:11px}
.demo-document-list{grid-template-columns:repeat(3,1fr)}
.demo-document-list article{padding:14px;display:grid;grid-template-columns:36px 1fr;gap:10px;background:#faf9f4;border:1px solid var(--line);border-radius:13px}
.demo-document-list>article>span{width:36px;height:36px;display:grid;place-items:center;color:var(--forest);background:#e6f0eb;border-radius:10px}
.demo-document-list small,.demo-document-list strong,.demo-document-list em{display:block}
.demo-document-list small{color:#8a681d;font-size:8px;font-weight:900;text-transform:uppercase}
.demo-document-list strong{margin-top:4px;font-size:11px;line-height:1.4}
.demo-document-list em{margin-top:5px;color:var(--muted);font-size:8px;font-style:normal}
.demo-request-list{grid-template-columns:repeat(2,1fr)}
.demo-request-list>article{padding:15px;background:#faf9f4;border:1px solid var(--line);border-radius:14px}
.demo-request-list>article.urgent{border-left:4px solid var(--red)}
.demo-request-list header{display:flex;justify-content:space-between;gap:12px}
.demo-request-list header span{color:#8a681d;font-size:8px;font-weight:900;text-transform:uppercase}
.demo-request-list h3{margin:4px 0;color:var(--forest-deep);font:700 17px Georgia,serif}
.demo-request-list header small{color:var(--muted);font-size:9px}
.demo-request-list header em{height:max-content;padding:5px 7px;color:#1e5b45;background:#e1f1e8;border-radius:99px;font-size:8px;font-style:normal;font-weight:850;white-space:nowrap}
.demo-request-list header em.new{color:#7c2f27;background:#f7e5e1}
.demo-request-list header em.in_progress{color:#76520d;background:#fff0c5}
.demo-request-list>article>p{margin:12px 0;color:#40554d;font-size:10px;line-height:1.5}
.demo-request-list>article>small{color:var(--muted);font-size:9px}
.demo-facility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.demo-facility-grid>article{padding:19px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}
.demo-facility-grid>article.inactive{opacity:.55}
.demo-facility-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--forest);background:#e4efe9;border-radius:13px;font-size:19px}
.demo-facility-grid>article>span{display:block;margin-top:13px;color:#8a681d;font-size:8px;font-weight:900;text-transform:uppercase}
.demo-facility-grid h3{margin:5px 0;color:var(--forest-deep);font:700 21px Georgia,serif}
.demo-facility-grid p{min-height:47px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.demo-facility-grid dl{margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.demo-facility-grid dl>div{padding:9px;background:#f7f5ee;border-radius:9px}
.demo-facility-grid dt{color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase}
.demo-facility-grid dd{margin:3px 0 0;font-size:9px;font-weight:800}
@media(max-width:1100px){
  .demo-horse-grid{grid-template-columns:1fr 1fr}
  .demo-team-grid{grid-template-columns:1fr 1fr}
  .demo-facility-grid{grid-template-columns:1fr 1fr}
  .demo-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .demo-mode-banner{margin:14px 16px 0}
  .demo-landing{min-height:auto}
  .demo-landing-preview{display:none}
  .demo-dashboard-grid,.demo-org-grid{grid-template-columns:1fr}
  .demo-safety{grid-template-columns:1fr}
  .demo-document-list{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .guide-hero,.guide-demo-callout,.demo-landing{padding:27px 23px;align-items:flex-start;flex-direction:column}
  .guide-hero .button,.guide-demo-callout .button{width:100%}
  .guide-summary,.demo-team-stats{grid-template-columns:1fr 1fr}
  .guide-summary article:last-child{grid-column:1/-1}
  .demo-section-heading{align-items:flex-start;flex-direction:column}
  .demo-section-heading>.button{width:100%}
  .demo-horse-grid,.demo-team-grid,.demo-facility-grid,.demo-request-list{grid-template-columns:1fr}
  .demo-planner-tools{grid-template-columns:1fr}
  .demo-training-meta{grid-template-columns:1fr 1fr}
  .demo-task-list>article{grid-template-columns:1fr}
}
@media(max-width:520px){
  .demo-mode-banner{align-items:flex-start;flex-direction:column}
  .demo-mode-banner .button{width:100%}
  .guide-summary,.demo-team-stats,.demo-metrics,.demo-announcements,.demo-document-list{grid-template-columns:1fr}
  .guide-summary article:last-child{grid-column:auto}
  .guide-topic summary{grid-template-columns:38px 1fr auto;padding:13px}
  .guide-topic summary>span:first-child{width:38px;height:38px}
  .guide-topic>div{padding:0 15px 15px 20px}
  .demo-horse-card>img{height:230px}
  .demo-horse-card dl{grid-template-columns:1fr}
  .demo-planner-row{grid-template-columns:48px 10px 1fr}
  .demo-planner-row>em{grid-column:3}
  .demo-schedule-list article{grid-template-columns:45px 34px 1fr}
  .demo-schedule-list article>em{grid-column:3}
  .demo-training-meta{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.guide-topic summary>i{transition:none}}