/* KISOP design round 2 — photographs, varied interior openings, and the
   original accessibility typeface throughout. No external resources.
   The original wording, scripts, diagrams, and control states are preserved.
   Keep code monospaced. Preserve the original print styles. */
@media screen {
  :root {
    --look-display:'Atkinson Hyperlegible Next',Arial,sans-serif;
  }
  .design-page h1,.design-page h2,.design-page h3,.design-page h4,
  .design-page .hero h1,.design-page .pagehead h1,.design-page .pagehead h2,
  .design-page .herolede,.design-page #site-footer .prov {
    font-family:'Atkinson Hyperlegible Next',Arial,sans-serif;
    letter-spacing:-.015em;
  }
  .design-page h1,.design-page .hero h1,.design-page .pagehead h1,.design-page .pagehead h2 {font-weight:500;line-height:1.12}
  .design-page h2 {font-weight:500;line-height:1.25;font-size:clamp(27px,3.6vw,35px)}
  .design-page h3,.design-page h4 {letter-spacing:0}
  .design-page .herolede {line-height:1.12;letter-spacing:-.02em}
  .design-home .design-care h1 {font-weight:500;letter-spacing:-.025em;line-height:1.05}
  .design-home .design-care h1 em {font-style:italic;font-weight:500}
  .interior-page {--chapter-wash:#edf0e6;--chapter-accent:#4d6036;--chapter-edge:#bec9af}
  .interior-page.theme-garden {--chapter-wash:#f6eae1;--chapter-accent:#80503c;--chapter-edge:#dbc2b0}
  .interior-page.theme-sky {--chapter-wash:#eaf0f4;--chapter-accent:#355f77;--chapter-edge:#b8cbd6}
  .interior-page.theme-clay {--chapter-wash:#f3e8de;--chapter-accent:#80513a;--chapter-edge:#d8c2b0}
  .interior-page.theme-harvest {--chapter-wash:#f3eedc;--chapter-accent:#73602d;--chapter-edge:#d4c9a3}
  .interior-page .eyebrow {color:var(--chapter-accent)}
  /* Each opening sits within the existing 760px reading column. */
  .interior-page .interior-opening {
    display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);
    background:var(--chapter-wash);margin-top:48px;margin-bottom:32px;
    padding:0;gap:0;max-width:760px;isolation:isolate;
  }
  .interior-page .hero:has(.interior-opening) {margin-top:48px!important}
  .interior-page .hero > .interior-opening {margin-top:0}
  .interior-page .interior-title {padding:30px;align-self:center;min-width:0}
  .interior-page .interior-title h1,.interior-page .interior-title .pagehead h1 {
    font-family:var(--look-reading);font-size:clamp(33px,4.8vw,48px);
    font-weight:500;line-height:1.14;letter-spacing:-.02em;
    max-width:100%;margin:0;text-align:left;text-wrap:balance;
  }
  .interior-page .interior-title .eyebrow {display:block;font-size:12px;line-height:1.6;margin:0 0 20px;letter-spacing:.11em}
  .interior-page .interior-title .pagehead {display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:0}
  .interior-page .interior-title .plate {margin:0}
  .interior-page .interior-title .plate svg {width:64px;height:64px;background:transparent!important}
  .interior-page .interior-photo {display:flex;align-items:stretch;justify-content:stretch;align-self:stretch;margin:0;min-width:0;overflow:hidden}
  .interior-page .interior-photo picture {display:flex;width:100%}
  .interior-page .interior-photo img,.interior-page .interior-photo img.floatpic {
    display:block;float:none;flex:1 1 auto;width:100%;max-width:100%;height:100%;min-height:320px;
    aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:0;margin:0;
  }
  .interior-page .interior-opening--panorama {display:flex;flex-direction:column;background:transparent;gap:26px}
  .interior-page .interior-opening--panorama .interior-title {padding:0;align-self:stretch}
  .interior-page .interior-opening--panorama .interior-title h1 {font-size:clamp(37px,5.6vw,56px);max-width:22ch}
  .interior-page .interior-opening--panorama .interior-title .pagehead {flex-direction:row;align-items:center;justify-content:space-between}
  .interior-page .interior-opening--panorama .interior-photo {width:100%;border-bottom:7px solid var(--chapter-edge)}
  .interior-page .interior-opening--panorama .interior-photo img {aspect-ratio:2.6/1;min-height:0;height:auto;max-height:350px;object-fit:cover}
  .interior-page .hero:has(.interior-opening) > .lede {color:var(--ink);font-size:18px;line-height:1.7;max-width:67ch;margin-top:26px}
  .interior-page .hero:has(.interior-opening)::after {display:none}
  /* Reading pages get a visual entry point without delaying their controls. */
  .interior-page .hero:not(:has(.interior-opening)) {
    background:var(--chapter-wash);padding:30px 32px 32px;
    border-top:4px solid var(--chapter-accent);margin-bottom:38px;
  }
  .interior-page .hero:not(:has(.interior-opening)) h1 {font-size:clamp(35px,4.8vw,50px);margin-top:14px}
  .interior-page .hero:not(:has(.interior-opening)) .lede {font-size:17px}
  .interior-page .page .hero {padding:28px}
  .interior-page section:not(.development-notice):not(.about-definition) {padding-top:28px;border-top:1px solid var(--chapter-edge)}
  .interior-page section > h2 {max-width:27ch;color:var(--ink);margin-bottom:24px}
  .interior-page section > h2::before {content:"";display:block;width:38px;height:4px;background:var(--chapter-accent);margin-bottom:16px}
  .interior-page .pagehead:not(.interior-title .pagehead) h1 {font-size:clamp(37px,5.8vw,58px)}
  .interior-page .about-definition {background:var(--chapter-wash);border:0;border-left:4px solid var(--chapter-accent);border-radius:0;padding:24px 28px}
  .interior-page .about-definition p {font-size:18px;line-height:1.65}
  .interior-page .story,.interior-page .ministory,.interior-page .cquote {
    border-left:3px solid var(--chapter-accent);padding:20px 24px;
    background:var(--chapter-wash);font-size:18px;line-height:1.65;
  }
  .interior-page .story p,.interior-page .ministory p {font-size:17px}
  .interior-page .story .qsrc,.interior-page .ministory .qsrc {font-size:13px}
  .interior-page .draw {background:#fffefa;padding:24px;border:1px solid var(--chapter-edge);border-radius:2px}
  .interior-page .draw svg {display:block;width:100%;height:auto}
  .interior-page .cards,.interior-page .ai-grid {gap:20px}
  .interior-page .card,.interior-page a.card,.interior-page .ai-card {
    border-top:3px solid var(--chapter-accent);border-left-width:1px;
    background:#fffefa;padding:24px;border-radius:2px;
  }
  .interior-page .card:hover,.interior-page .ai-card:hover {background:var(--chapter-wash)}
  .interior-page .card .c-t,.interior-page .ai-card h3 {font-size:21px;line-height:1.35}
  .interior-page .ai-grid > :nth-child(3n+1) {background:var(--chapter-wash)}
  .interior-page .card .c-s,.interior-page .ai-card p {color:var(--ink);font-size:15.5px}
  .interior-page .facts .fact {border-top-color:var(--chapter-accent);background:var(--chapter-wash);padding:20px;font-size:16px}
  .interior-page .founder-quote {background:var(--chapter-wash);border-color:var(--chapter-edge);border-left-color:var(--chapter-accent)}
  .interior-page .places {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:28px}
  .interior-page .places img {display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:0}
  .interior-page .seasons {padding:16px;background:var(--chapter-wash)}
  .interior-page .toc {padding:20px 0;border-top:1px solid var(--chapter-edge);border-bottom:1px solid var(--chapter-edge)}
  .interior-page .toc a {border-radius:2px;line-height:1.5}
  /* Allow keyboard users to see all focused controls against tinted paper. */
  .design-page :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #303252;outline-offset:4px}
  @media(max-width:760px) {
    .interior-page .interior-title {padding:24px}
    .interior-page .interior-title h1,.interior-page .interior-title .pagehead h1 {font-size:38px}
    .interior-page .interior-photo img,.interior-page .interior-photo img.floatpic {min-height:300px}
  }
  @media(max-width:650px) {
    .interior-page .interior-opening {display:flex;flex-direction:column;margin-top:34px;margin-bottom:28px}
    .interior-page .hero:has(.interior-opening) {margin-top:34px!important}
    .interior-page .hero > .interior-opening {margin-top:0}
    .interior-page .interior-title {padding:26px 24px;align-self:stretch}
    .interior-page .interior-title h1,.interior-page .interior-title .pagehead h1 {font-size:clamp(33px,8.4vw,44px)}
    .interior-page .interior-title .pagehead {gap:18px}
    .interior-page .interior-title .plate svg {width:52px;height:52px}
    .interior-page .interior-photo {width:100%}
    .interior-page .interior-photo img,.interior-page .interior-photo img.floatpic,
    .interior-page .interior-opening--panorama .interior-photo img {height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}
    .interior-page .interior-opening--panorama {gap:22px}
    .interior-page .interior-opening--panorama .interior-title {padding:0}
    .interior-page .interior-opening--panorama .interior-title .pagehead {flex-direction:column;align-items:flex-start}
    .interior-page .hero:not(:has(.interior-opening)) {padding:24px}
    .interior-page .hero:not(:has(.interior-opening)) h1 {font-size:36px}
    .interior-page .about-definition {padding:22px}
    .interior-page .story,.interior-page .ministory,.interior-page .cquote {padding:18px 20px;font-size:17px}
    .interior-page .places {grid-template-columns:repeat(2,minmax(0,1fr))}
    .interior-page .draw {padding:12px}
    .interior-page .cards,.interior-page .ai-grid {gap:18px}
  }
}