/* Koptorg Practice 1.3.15 — centered rectangular reading mode with a single centered heading. */
.view-mode-shell{background:linear-gradient(180deg,#fff 0%,#fbfbfc 100%);border-bottom:1px solid var(--line)}
.view-mode-inner{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding-block:15px;text-align:center}
.view-mode-heading{display:block;width:100%;text-align:center}
.view-mode-kicker{display:block;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:1.35px;color:var(--accent);white-space:nowrap;text-align:center}
.view-mode-control{display:flex;align-items:stretch;justify-content:center;gap:10px;padding:0;background:transparent;border:0;border-radius:0;min-width:0;box-shadow:none}
.view-mode-control button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:184px;min-height:48px;padding:10px 20px;border:1px solid var(--accent)!important;border-radius:3px;background:var(--paper)!important;color:var(--ink);box-shadow:none;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
.view-mode-control button span{font-size:13px;font-weight:600;line-height:1}
.view-mode-control button small{font-size:10px;font-weight:400;line-height:1;color:var(--accent)}
.view-mode-control button[aria-pressed="true"]{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff;box-shadow:0 7px 18px rgba(217,60,37,.14)}
.view-mode-control button[aria-pressed="true"] small{color:rgba(255,255,255,.82)}
.view-mode-control button:hover{background:var(--soft-accent)!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(35,37,40,.06)}
.view-mode-control button[aria-pressed="true"]:hover{background:var(--accent-dark)!important;border-color:var(--accent-dark)!important;color:#fff;box-shadow:0 9px 22px rgba(217,60,37,.2)}

/* The full page remains the source of truth. Brief mode only changes presentation. */
html[data-site-mode="brief"] .cooperation-note,
html[data-site-mode="brief"] .intro-strip,
html[data-site-mode="brief"] .media-overview,
html[data-site-mode="brief"] .audience-section,
html[data-site-mode="brief"] .technology-section,
html[data-site-mode="brief"] #press,
html[data-site-mode="brief"] #open-cooperative,
html[data-site-mode="brief"] #questions,
html[data-site-mode="brief"] .media-mode-controls{display:none!important}

html[data-site-mode="brief"] .desktop-nav a[href$="#technology"],
html[data-site-mode="brief"] .desktop-nav a[href$="#press"],
html[data-site-mode="brief"] .mobile-menu a[href$="#technology"],
html[data-site-mode="brief"] .mobile-menu a[href$="#press"],
html[data-site-mode="brief"] .mobile-menu a[href$="#questions"]{display:none!important}

html[data-site-mode="brief"] .hero{padding-top:48px!important;padding-bottom:48px!important;min-height:0!important}
html[data-site-mode="brief"] .hero-footnote{display:none!important}
html[data-site-mode="brief"] .hero-description{max-width:520px}
html[data-site-mode="brief"] .practice-stats{padding-top:58px!important;padding-bottom:58px!important}
html[data-site-mode="brief"] #model,
html[data-site-mode="brief"] #formats,
html[data-site-mode="brief"] .people-section{padding-top:74px!important;padding-bottom:74px!important}
html[data-site-mode="brief"] #model .section-heading,
html[data-site-mode="brief"] #formats .section-heading,
html[data-site-mode="brief"] .people-section .section-heading{margin-top:30px;margin-bottom:34px}
html[data-site-mode="brief"] #model .section-heading>p,
html[data-site-mode="brief"] #formats .section-heading>p,
html[data-site-mode="brief"] .people-section .section-heading>p{max-width:440px}

/* Brief: the whole process at a glance, without the interactive detail panel. */
html[data-site-mode="brief"] #model .process-line,
html[data-site-mode="brief"] #model .process-detail,
html[data-site-mode="brief"] #model .media-process{display:none!important}
html[data-site-mode="brief"] #model .process-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:0}
html[data-site-mode="brief"] #model .process-step{min-height:150px;padding:18px 16px;border:1px solid var(--line);background:var(--canvas);border-radius:3px;cursor:default}
html[data-site-mode="brief"] #model .process-step .step-index{align-self:flex-start;margin:0 0 17px;width:32px;height:32px;background:var(--paper);color:var(--muted);border-color:var(--line)}
html[data-site-mode="brief"] #model .process-step[aria-selected="true"] .step-index{background:var(--paper);color:var(--muted);border-color:var(--line)}
html[data-site-mode="brief"] #model .process-step[aria-selected="true"] .step-title{color:var(--ink)}
html[data-site-mode="brief"] #model .step-title{font-size:18px;line-height:1.25}
html[data-site-mode="brief"] #model .step-helper{margin-top:auto;padding-top:12px;font-size:10px}

/* Brief: replace the long list of formats with four clear entry points. */
.brief-format-grid{display:none}
html[data-site-mode="brief"] #formats .excursion-feature,
html[data-site-mode="brief"] #formats .format-list{display:none!important}
html[data-site-mode="brief"] #formats .brief-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.brief-format-card{display:flex;flex-direction:column;align-items:flex-start;min-height:220px;padding:27px 25px!important;text-align:left;background:var(--paper)!important;transition:background .2s,transform .2s}
.brief-format-card:hover{background:#fff6f2!important;transform:translateY(-2px)}
.brief-format-index{font-size:10px;letter-spacing:1.1px;color:var(--accent);margin-bottom:38px}
.brief-format-card strong{font-family:var(--display);font-size:23px;line-height:1.18;letter-spacing:-.8px;font-weight:550}
.brief-format-card p{margin-top:13px;color:var(--muted);font-size:13px;line-height:1.65}
.brief-format-arrow{margin-top:auto;padding-top:24px;color:var(--accent);font-size:20px}

/* Brief: keep the people, remove biographies, preserve the growing live farmer story. */
html[data-site-mode="brief"] .people-section .person-facts{display:none!important}
html[data-site-mode="brief"] .people-section .person-card{grid-template-columns:minmax(190px,.8fr) minmax(0,1fr);align-items:end}
html[data-site-mode="brief"] .people-section .person-copy{padding-bottom:10px}
html[data-site-mode="brief"] .people-section .person-heading h3{font-size:clamp(25px,2.3vw,36px)}
html[data-site-mode="brief"] .people-section>.farmer-stories{margin-top:68px}
html[data-site-mode="brief"] .farmer-stories-rule{margin-bottom:30px}
html[data-site-mode="brief"] .farmer-stories-head{align-items:end}
html[data-site-mode="brief"] .farmer-stories-head h3{font-size:clamp(39px,4vw,56px)}
html[data-site-mode="brief"] .farmer-stories-intro>p:first-child{display:none}
html[data-site-mode="brief"] .farmer-stories-toolbar{margin-top:28px}
html[data-site-mode="brief"] .farmer-stories.is-single .farmer-story-card{min-height:410px}
html[data-site-mode="brief"] .farmer-stories.is-single .farmer-story-copy{padding:34px 38px}
html[data-site-mode="brief"] .farmer-stories.is-single .farmer-story-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:15px;line-height:1.7}
html[data-site-mode="brief"] .farmer-stories.is-single .farmer-story-name{font-size:clamp(32px,3.5vw,45px)}
html[data-site-mode="brief"] .closing-section{padding-top:62px;padding-bottom:62px}
html[data-site-mode="brief"] .closing-inner h2{font-size:clamp(46px,4.8vw,68px)}

@media(max-width:1000px){
  html[data-site-mode="brief"] #formats .brief-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-site-mode="brief"] #model .process-steps{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin}
  html[data-site-mode="brief"] #model .process-step{scroll-snap-align:start}
}
@media(max-width:760px){
  .view-mode-inner{min-height:0;gap:10px;padding-block:15px}
  .view-mode-heading{text-align:center}
  .view-mode-control{width:100%;max-width:430px;gap:8px}
  .view-mode-control button{flex:1 1 0;min-width:0;min-height:47px;padding-inline:12px}
  html[data-site-mode="brief"] .hero{padding-top:34px!important;padding-bottom:34px!important}
  html[data-site-mode="brief"] #model,
  html[data-site-mode="brief"] #formats,
  html[data-site-mode="brief"] .people-section{padding-top:56px!important;padding-bottom:56px!important}
  html[data-site-mode="brief"] #model .section-heading,
  html[data-site-mode="brief"] #formats .section-heading,
  html[data-site-mode="brief"] .people-section .section-heading{margin-bottom:28px}
  html[data-site-mode="brief"] #formats .brief-format-grid{grid-template-columns:1fr}
  .brief-format-card{min-height:0;padding:22px!important}
  .brief-format-index{margin-bottom:20px}
  .brief-format-arrow{padding-top:18px}
  html[data-site-mode="brief"] .people-section .people-grid{grid-template-columns:1fr 1fr;gap:16px}
  html[data-site-mode="brief"] .people-section .person-card{display:block}
  html[data-site-mode="brief"] .people-section .person-copy{padding:17px 0 0}
  html[data-site-mode="brief"] .people-section .person-heading h3{font-size:24px;line-height:1.08}
  html[data-site-mode="brief"] .people-section .person-role{margin-top:7px}
  html[data-site-mode="brief"] .farmer-stories-head{align-items:start}
}
@media(max-width:520px){
  .view-mode-heading{display:block;text-align:center}
  .view-mode-control{gap:6px}
  .view-mode-control button{gap:5px;padding-inline:8px}
  .view-mode-control button small{font-size:9px}
  html[data-site-mode="brief"] .practice-stats{padding-top:42px!important;padding-bottom:42px!important}
  html[data-site-mode="brief"] #model .process-steps{grid-template-columns:repeat(5,150px)}
  html[data-site-mode="brief"] #model .process-step{min-height:138px;padding:15px}
  html[data-site-mode="brief"] .people-section .people-grid{grid-template-columns:1fr;gap:34px}
  html[data-site-mode="brief"] .people-section .person-card{max-width:360px}
  html[data-site-mode="brief"] .farmer-stories.is-single .farmer-story-copy{padding:25px 23px}
  html[data-site-mode="brief"] .closing-bottom{align-items:stretch}
}