/* Incremental chapter styling for the existing KoopKonekt landing.
   Shared reset, logo, nav, hero and dialog rules remain in styles.css. */
:root { --kk-ink:#140d50; --kk-violet:#6623e9; --kk-pink:#df347c; --kk-muted:#505176; --kk-line:#e5dcf6; --kk-wash:#f5f0ff; }
html { scroll-padding-top:24px; }
body { color:var(--kk-ink); }
:where(a,button,summary,input):focus-visible { outline:3px solid #5914cd; outline-offset:4px; }
button, summary { cursor:pointer; }
a,button,summary { -webkit-tap-highlight-color:#cbb6ff55; }
.skip-link { position:fixed; top:8px; left:16px; transform:translateY(-160%); z-index:200; padding:12px 20px; background:#fff; border:2px solid var(--kk-violet); border-radius:8px; }
.skip-link:focus { transform:none; }
.site-header { max-width:1440px; }
.site-header .language-options { z-index:25; }
.site-header .language-options a { min-height:44px; }
.language-picker summary { min-height:44px; }
.hero h1 { font-size:clamp(40px,4.3vw,66px); }
.hero-lead { font-size:18px; max-width:570px; }
.hero-copy { width:57%; }
.hero { min-height:560px; padding-bottom:110px; }
.hero-details { gap:6px; margin-top:-75px; margin-bottom:24px; }
.hero-details > div { pointer-events:auto; padding:15px 18px; gap:10px; min-height:54px; }
.hero-details strong { font-size:13px; }
.hero-details .icon { color:var(--kk-violet); flex:none; width:22px; height:22px; }
.capability-strip { padding:0; overflow:hidden; background:#fff; border:1px solid var(--kk-line); }
.capability-card { position:relative; padding:26px 18px; min-width:0; text-align:center; border-right:1px solid var(--kk-line); transition:background .15s; }
.capability-card:last-child { border-right:0; }
.capability-card:hover, .capability-card:focus-visible { background:var(--kk-wash); outline-offset:-4px; }
.capability-card .trust-icon { margin:0 auto 13px; }
.capability-card h2 { font-size:16px; font-weight:750; margin:0 0 7px; }
.capability-card p { font-size:13px; line-height:1.5; color:var(--kk-muted); margin:0; }
.capability-arrow { position:absolute; right:12px; top:12px; color:var(--kk-violet); }
.story-path { display:flex; justify-content:center; flex-wrap:wrap; gap:12px 28px; list-style:none; padding:12px 20px 4px; margin:0 auto 32px; color:var(--kk-muted); font-size:13px; }
.story-path li:not(:last-child)::after { content:'→'; display:inline-block; margin-left:28px; color:var(--kk-violet); }
.story-chapter { width:min(1380px,100% - 64px); margin:28px auto; padding:40px; border:1px solid var(--kk-line); border-radius:24px; }
.chapter-heading { max-width:860px; }
.chapter-heading .eyebrow { color:var(--kk-violet); font-size:11px; letter-spacing:.13em; margin:0 0 14px; }
.story-chapter h2 { color:var(--kk-ink); font-weight:780; font-size:clamp(28px,3vw,42px); line-height:1.12; letter-spacing:-.035em; margin:0 0 18px; text-wrap:balance; }
.story-chapter .chapter-heading > p:not(.eyebrow) { color:var(--kk-muted); font-size:17px; line-height:1.6; margin:0; }
.story-chapter h3 { font-weight:700; color:var(--kk-ink); }
.story-chapter .chapter-note { font-size:13px; line-height:1.6; color:var(--kk-muted); margin:20px 0 0; }
.story-chapter .landing-outline { min-height:44px; background:#fff; color:#541bbd; text-align:left; font-size:13px; }
.story-chapter .icon { flex-shrink:0; }
.governance-chapter { background:linear-gradient(140deg,#fff 40%,#f5efff); }
.governance-groups { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:28px 0; }
.governance-groups article { padding:20px; background:#ffffffd9; border:1px solid var(--kk-line); border-radius:14px; display:grid; grid-template-columns:30px 1fr; column-gap:10px; align-items:center; }
.governance-groups .icon { color:var(--kk-violet); width:24px; height:24px; }
.governance-groups h3 { font-size:16px; margin:0; }
.governance-groups ul { grid-column:2; padding:0; margin:10px 0 0; list-style:none; font-size:14px; line-height:1.9; color:var(--kk-muted); }
.product-screen { margin:28px 0 0; min-width:0; }
.product-screen a { display:block; border:1px solid #d9ceef; border-radius:14px; overflow:hidden; box-shadow:0 12px 32px #24104c0b; background:#f8f7fb; }
.product-screen img { display:block; width:100%; height:auto; aspect-ratio:1440 / 900; object-fit:contain; }
.product-screen figcaption { display:flex; justify-content:space-between; gap:12px; margin-top:12px; font-size:12px; line-height:1.5; color:var(--kk-muted); }
.screen-enlarge { color:var(--kk-violet); text-align:right; }
.publishing-chapter { background:#fff; }
.publishing-layout { display:grid; grid-template-columns:1fr 1.3fr; align-items:center; gap:28px; margin-top:28px; }
.publishing-layout .product-screen { margin:0; }
.publication-map-labels { display:grid; grid-template-columns:1fr 1fr; gap:24px; color:var(--kk-violet); font-size:12px; padding:0 12px 14px; }
.publication-map ol { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.publication-map li { display:grid; grid-template-columns:1fr 20px 1fr; align-items:center; gap:12px; padding:14px; font-size:13px; line-height:1.5; border:1px solid var(--kk-line); border-radius:10px; background:#fcfaff; }
.publication-map .icon { color:var(--kk-violet); }
.publication-boundary { display:flex; align-items:flex-start; gap:16px; padding:22px; margin-top:30px; background:#f0e8ff; border:1px solid #d8c8f6; border-radius:14px; }
.publication-boundary > .icon { width:28px; height:28px; color:var(--kk-violet); }
.publication-boundary h3 { margin:0 0 8px; font-size:18px; }
.publication-boundary p { margin:0; font-size:14px; line-height:1.6; color:var(--kk-muted); }
.visibility-chapter { background:linear-gradient(135deg,#faf7ff,#fff9fc); }
.visibility-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:28px; }
.visibility-tier { border:1px solid var(--kk-line); }
.visibility-tier h3 { margin:16px 0 6px; font-size:22px; }
.visibility-tier p { min-height:42px; }
.visibility-tier ul { list-style:none; padding:16px 0 0; margin:0; border-top:1px solid var(--kk-line); color:var(--kk-muted); font-size:14px; line-height:1.9; }
.readiness-chapter { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; background:linear-gradient(120deg,#f1e9ff,#fff 75%); }
.readiness-body { margin:22px 0; color:var(--kk-muted); line-height:1.6; font-size:16px; max-width:520px; }
.channel-tags { display:flex; gap:8px; flex-wrap:wrap; }
.channel-tags span { font-size:12px; color:#56388b; border:1px solid #d9c9f0; padding:6px 10px; border-radius:20px; background:#ffffff9c; }
.preparation-card { background:#fff; border:1px solid #ded0f5; border-radius:18px; padding:24px; }
.preparation-card .example-label { font-size:12px; color:var(--kk-violet); margin:0 0 16px; font-weight:650; }
.preparation-card ul { list-style:none; padding:0; margin:0; }
.preparation-card li { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #eee8f7; font-size:14px; }
.review-marker { width:17px; height:17px; border:1.5px solid #a78acb; border-radius:4px; flex:none; }
.review-label { margin-left:auto; font-size:11px; color:#67557f; }
.opportunities-chapter { border:0; padding:20px 0; }
.opportunities-chapter .chapter-heading { padding:0 10px; }
.opportunity-channels { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px; }
.opportunity-channel { border:1px solid var(--kk-line); display:flex; flex-direction:column; padding:28px; }
.opportunity-channel h3 { font-size:23px; line-height:1.22; margin:20px 0 16px; }
.opportunity-channel p { font-size:15px; line-height:1.6; }
.opportunity-channel ul { padding:0; margin:0 0 24px; list-style:none; color:var(--kk-muted); font-size:13px; }
.opportunity-channel li { padding:8px 0; border-bottom:1px solid #e4dcec; }
.opportunity-channel .landing-outline { align-self:flex-start; margin-top:auto; }
.channel-0 { background:#fff2f7; }.channel-1 { background:#f4f0ff; }.channel-2 { background:#f5f9f5; }
.channel-2 .feature-symbol { background:#e6f0e7; color:#37744d; }
.workflow-chapter { background:#fff; }
.opportunity-workflow { list-style:none; padding:0; margin:28px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.opportunity-workflow li { position:relative; display:flex; align-items:center; gap:12px; padding:20px; background:#f8f5fd; border:1px solid var(--kk-line); border-radius:12px; min-height:86px; }
.workflow-number { color:var(--kk-violet); font-size:12px; font-weight:700; }
.opportunity-workflow strong { font-size:14px; font-weight:600; }
.opportunity-workflow .icon { margin-left:auto; color:var(--kk-violet); width:18px; height:18px; }
.opportunity-workflow li:nth-child(3n) .icon { transform:rotate(90deg); }
.opportunity-workflow li:last-child .icon { visibility:hidden; }
.impact-chapter { background:linear-gradient(145deg,#fff7fa,#fff 70%); }
.impact-path { list-style:none; padding:0; margin:26px 0 18px; display:flex; flex-wrap:wrap; gap:10px; }
.impact-path li { font-size:13px; font-weight:650; padding:10px 14px; border:1px solid #e6d8ee; background:#fff; border-radius:8px; }
.impact-path li:not(:last-child)::after { content:'→'; margin-left:18px; color:var(--kk-pink); }
.impact-body { color:var(--kk-muted); font-size:15px; line-height:1.6; max-width:860px; }
.impact-chapter .product-screen { max-width:1100px; margin:28px auto 0; }
.sector-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:22px 12px; list-style:none; padding:0; margin:30px 0 0; }
.sector-grid li { display:flex; align-items:center; flex-direction:column; gap:12px; font-size:13px; text-align:center; }
.sector-grid .feature-symbol { width:52px; height:52px; }
.security-chapter { background:#faf8ff; }
.security-controls { display:grid; grid-template-columns:repeat(3,1fr); gap:24px 28px; margin-top:30px; }
.security-controls article { display:flex; align-items:flex-start; gap:14px; }
.security-controls .feature-symbol { flex-shrink:0; width:38px; height:38px; }
.security-controls h3 { font-size:16px; margin:0 0 8px; }
.security-controls p { font-size:14px; line-height:1.6; margin:0; }
.security-footer { border-top:1px solid var(--kk-line); display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:28px; padding-top:22px; }
.security-footer .chapter-note { max-width:840px; margin:0; }
.security-footer a { flex-shrink:0; }
.get-started-chapter { display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:40px; background:linear-gradient(125deg,#e9dcff,#fff2f8); border-color:#d8c3f5; padding:48px; }
.get-started-actions { justify-self:end; max-width:100%; }
.get-started-actions .button { min-height:50px; box-shadow:none; }
.get-started-actions .partnership-link { font-size:13px; color:#531ca5; line-height:1.5; }
.landing-resources { grid-template-columns:1fr 1.7fr; align-items:start; }
.landing-resources .faq-list summary { min-height:44px; align-items:center; font-size:16px; line-height:1.5; }
.landing-resources .faq-list summary .icon { color:var(--kk-violet); width:22px; height:22px; }
.landing-resources .faq-list p { font-size:15px; line-height:1.65; color:var(--kk-muted); padding-right:28px; }
footer { flex-wrap:wrap; gap:20px; }
footer .footer-lang { gap:10px; }
footer .footer-lang a { min-width:44px; min-height:44px; display:grid; place-items:center; border:1px solid #ded2ee; border-radius:6px; }
footer abbr { text-decoration:none; }
.cooperative-search-modal { text-align:left; }
.cooperative-search-modal-close, .directory-request-close { min-width:44px; min-height:44px; }
.cooperative-result { min-height:48px; }
.cooperative-result:focus-visible { outline-offset:-3px; }
@media (max-width:1100px) {
 .site-header { width:calc(100% - 40px); gap:14px; }
 .site-header nav { gap:14px; }
 .site-header .brand-word { font-size:20px; }
 .hero-copy { width:65%; }
 .hero { padding-inline:24px; }
 .story-chapter { padding:28px; }
 .opportunities-chapter { padding-inline:0; }
 .publishing-layout { grid-template-columns:1fr; }
 .publishing-layout .product-screen { max-width:100%; }
 .readiness-chapter { gap:24px; }
 .security-controls { grid-template-columns:repeat(2,1fr); }
 .security-footer { flex-wrap:wrap; }
 .sector-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:980px) {
 .site-header.is-nav-open { padding-bottom:8px; }
 .site-header nav { gap:0; }
 .hero-details > div { padding:12px; }
 .hero-details strong { font-size:12px; }
}
@media (max-width:760px) {
 .story-chapter { width:calc(100% - 32px); padding:24px 20px; margin:20px auto; border-radius:18px; }
 .story-chapter h2 { font-size:29px; text-wrap:pretty; }
 .story-chapter .chapter-heading > p:not(.eyebrow) { font-size:16px; }
 .hero-copy { width:100%; }
 .hero { min-height:0; }
 .capability-strip { display:grid; grid-template-columns:1fr 1fr; width:calc(100% - 32px); }
 .capability-card { padding:22px 16px; border-bottom:1px solid var(--kk-line); }
 .capability-card:last-child { grid-column:1 / -1; border-bottom:0; }
 .capability-card h2 { font-size:15px; }
 .story-path { gap:10px; padding-inline:20px; font-size:12px; justify-content:flex-start; margin-bottom:20px; }
 .story-path li:not(:last-child)::after { margin-left:10px; }
 .governance-groups { grid-template-columns:1fr; gap:10px; }
 .governance-groups article { padding:16px; }
 .governance-groups ul { display:flex; flex-wrap:wrap; column-gap:16px; }
 .product-screen figcaption { flex-direction:column; gap:4px; }
 .screen-enlarge { text-align:left; }
 .publication-map li { gap:8px; padding:12px 10px; font-size:12px; }
 .publication-map-labels { font-size:11px; }
 .publication-boundary { padding:18px; gap:12px; }
 .publication-boundary h3 { font-size:16px; }
 .visibility-cards,.readiness-chapter,.opportunity-channels,.security-controls,.get-started-chapter,.landing-resources { grid-template-columns:1fr; }
 .visibility-tier p { min-height:0; }
 .opportunities-chapter { border:0; padding:8px 0; }
 .opportunity-channel { padding:24px; }
 .opportunity-workflow { grid-template-columns:1fr; gap:8px; }
 .opportunity-workflow li { min-height:64px; padding:16px; }
 .opportunity-workflow .icon { transform:rotate(90deg); }
 .impact-path { gap:8px; }
 .impact-path li { padding:8px 10px; }
 .impact-path li:not(:last-child)::after { margin-left:10px; }
 .sector-grid { grid-template-columns:repeat(3,1fr); }
 .get-started-actions { justify-self:start; }
 .get-started-chapter { gap:24px; }
 .landing-resources .faq-list summary { font-size:15px; }
 footer { padding-inline:20px; }
}
@media (max-width:640px) {
 .site-header { width:calc(100% - 32px); }
 .site-header .brand-word { font-size:17px; }
 .hero { padding-inline:16px; padding-bottom:0; }
 .hero h1 { font-size:clamp(35px,9.2vw,52px); }
 .hero-lead { font-size:16px; }
 .hero-details { margin-top:-10px; }
 .hero-details > div { padding:10px 12px; }
 .hero-details strong { font-size:12px; }
}
@media (max-width:360px) {
 .site-header { column-gap:6px; }
 .site-header .brand-word { font-size:14px; }
 .site-header .brand-symbol { width:23px; }
 .site-header .button-small { max-width:112px; white-space:normal; line-height:1.25; font-size:10px; }
 .nav-toggle { width:38px; }
 .preparation-card { padding:16px; }
 .review-label { font-size:10px; }
}
.cooperative-search-control {
  display: flex;
  align-items: stretch;
  gap: 4px;
}
.cooperative-search-control .cooperative-search-input-wrap {
  flex: 1;
  min-width: 0;
}
@media (max-width:640px) {
  .cooperative-finder-card .cooperative-search-control {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 4px;
  }
  .cooperative-search-control .cooperative-search-input-wrap input {
    padding-inline: 8px;
  }
  .cooperative-search-control > .button {
    grid-column: 1 / -1;
  }
}
.country-flag-picker {
  position: relative;
  flex: none;
  align-self: center;
}
.country-flag-picker summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 48px;
  min-height: 40px;
  padding: 0 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
  list-style: none;
}
.country-flag-picker summary::-webkit-details-marker { display: none; }
.country-flag-picker summary:hover,
.country-flag-picker[open] summary {
  background: var(--kk-wash);
}
.country-flag-picker summary:focus-visible {
  outline: 3px solid #5914cd;
  outline-offset: 2px;
}
.country-flag-picker .country-flag {
  font-size: 20px;
  line-height: 1;
}
.country-flag-picker summary .picker-caret {
  width: 14px;
  height: 14px;
  flex: none;
  opacity: 0.7;
  transition: transform 0.15s ease;
}
.country-flag-picker[open] summary .picker-caret {
  transform: rotate(180deg);
}
.country-flag-options {
  position: fixed;
  z-index: 120;
  min-width: 200px;
  padding: 6px;
  border: 1px solid var(--kk-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 28px #140d5022;
}
.country-flag-options a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 6px 10px;
  border-radius: 8px;
  color: var(--kk-ink);
  text-decoration: none;
  font-size: 13px;
  font-weight: 650;
}
.country-flag-options a:hover,
.country-flag-options a.is-active {
  background: var(--kk-wash);
  color: var(--kk-violet);
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.directory-chapter {
  padding-block: 32px;
}
.directory-chapter .chapter-heading h2 {
  margin-bottom: 10px;
  font-size: clamp(26px, 2.6vw, 36px);
}
.directory-layout {
  display: grid;
  gap: 28px;
}
.directory-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}
.directory-count {
  color: var(--kk-muted);
  font-size: 15px;
  line-height: 1.45;
  margin: 0;
  max-width: 36ch;
}
.directory-country-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid var(--kk-line);
  border-radius: 999px;
  background: #fff;
  color: var(--kk-ink);
  font-size: 13px;
  font-weight: 650;
}
.directory-states {
  width: 100%;
  min-width: 0;
}
.directory-states-label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--kk-muted);
}
.directory-state-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.directory-state-pills > li {
  margin: 0;
  padding: 0;
}
.directory-state-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--kk-line);
  border-radius: 12px;
  background: #fff;
  color: var(--kk-ink);
  text-decoration: none;
  font-size: 13px;
  font-weight: 650;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.directory-state-pill strong {
  font-size: 12px;
  font-weight: 700;
  color: var(--kk-violet);
}
.directory-state-pill:hover,
.directory-state-pill:focus-visible {
  border-color: color-mix(in srgb, var(--kk-violet) 45%, var(--kk-line));
  background: var(--kk-wash);
  color: var(--kk-violet);
  outline: none;
}
.directory-state-pill.is-active {
  border-color: color-mix(in srgb, var(--kk-violet) 55%, var(--kk-line));
  background: var(--kk-wash);
  color: var(--kk-violet);
}
.directory-note {
  font-size: 12px;
  line-height: 1.45;
  color: var(--kk-muted);
  max-width: 42ch;
  margin: 0;
  opacity: 0.9;
}
.directory-primary-cta {
  margin-top: 4px;
}
.directory-preview {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.directory-org-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.directory-org-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 64px;
  padding: 12px 14px;
  border: 1px solid var(--kk-line);
  border-radius: 14px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.directory-org-card:hover,
.directory-org-card:focus-visible {
  border-color: color-mix(in srgb, var(--kk-violet) 40%, var(--kk-line));
  background: var(--kk-wash);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--kk-violet) 12%, transparent);
  outline: none;
}
.directory-org-card:focus-visible {
  outline: 2px solid var(--kk-violet);
  outline-offset: 2px;
}
.directory-org-card-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.directory-org-card-copy strong {
  font-size: 14px;
  font-weight: 700;
  color: var(--kk-ink);
  line-height: 1.25;
}
.directory-org-card-copy small {
  font-size: 12px;
  color: var(--kk-muted);
  line-height: 1.35;
}
.directory-org-card .icon {
  flex-shrink: 0;
  color: var(--kk-violet);
  opacity: 0.85;
}
.directory-view-all {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--kk-violet);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.directory-view-all:hover,
.directory-view-all:focus-visible {
  text-decoration: underline;
  outline: none;
}
.directory-view-all:focus-visible {
  outline: 2px solid var(--kk-violet);
  outline-offset: 3px;
  border-radius: 4px;
}

@media (min-width: 761px) {
  .directory-org-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .directory-chapter {
    padding-block: 28px;
  }
  .directory-layout {
    grid-template-columns: minmax(0, 0.38fr) minmax(0, 0.62fr);
    gap: 36px;
    align-items: start;
  }
  .directory-intro {
    gap: 12px;
  }
  .directory-org-card {
    min-height: 60px;
    padding: 11px 13px;
  }
}

@media (max-width: 760px) {
  .directory-state-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .directory-state-pill {
    flex: 0 0 auto;
  }
  .directory-org-grid li:nth-child(n + 5) {
    display: none;
  }
  .directory-org-card {
    min-height: 56px;
  }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *, *::before, *::after { animation:none!important; transition:none!important; }
}