/* KISOP — warm editorial design, 2026-09-12 working copy.
   Loads after the preserved page stylesheet and site.css.
   Atkinson remains the reading/UI font. Georgia is a local system display
   face, matching the approved mockup: no font download or external load.
   Screen-only design leaves each page's existing print behavior intact.
   No copy, generated labels, navigation, routing or scripts live here. */
@media screen {
  :root {
    --paper:#faf9f5; --sheet:#fffefa; --ink:#303252; --muted:#565a70;
    --blue-ink:#303252; --blue:#757d9e; --edge:#a6abb9;
    --wash:#e8ece1; --wash2:#f1f2eb; --line:#d2d5cb;
    --amber:#626b39; --amber-wash:#edf0e3;
    --cream:#faf9f5; --cream-line:#d9dbd1;
    --look-display:Georgia,'Times New Roman',serif;
    --look-reading:'Atkinson Hyperlegible Next',Arial,sans-serif;
    --look-space:clamp(40px,6vw,68px);
  }
  body.design-page {background:var(--paper);color:var(--ink);font-family:var(--look-reading);font-size:17px;line-height:1.65;overflow-wrap:break-word}
  .design-page *, .design-page *::before, .design-page *::after {box-sizing:border-box}
  .design-page .wrap {max-width:980px;padding-left:44px;padding-right:44px}
  .design-page .wrap.narrow {max-width:760px}
  .design-page .reading {max-width:760px}
  .design-page p {font-size:17px;line-height:1.65}
  .design-page a {text-underline-offset:.2em;text-decoration-thickness:1px}
  .design-page a:focus-visible,.design-page button:focus-visible,.design-page input:focus-visible,.design-page select:focus-visible,.design-page textarea:focus-visible,.design-page summary:focus-visible {outline:2px solid var(--ink);outline-offset:4px}
  .design-page h1,.design-page .hero h1,.design-page .pagehead h1,.design-page .pagehead h2 {
    font-family:var(--look-display);font-weight:400;font-size:clamp(40px,6.1vw,64px);
    letter-spacing:-.04em;line-height:1.08;text-wrap:balance;max-width:24ch;margin:12px 0 24px;
  }
  .design-page h2 {font-family:var(--look-display);font-size:clamp(28px,3.8vw,38px);font-weight:400;letter-spacing:-.025em;line-height:1.17;text-wrap:balance;margin-bottom:20px}
  .design-page h3,.design-page h4 {font-family:var(--look-reading);line-height:1.35}
  .design-page .eyebrow {font-family:var(--look-reading);font-size:12px;letter-spacing:.14em;color:var(--amber);font-weight:600}
  .design-page h2.eyebrow {font-family:var(--look-reading);font-size:12px;letter-spacing:.14em;font-weight:600}
  .design-page .hero {margin-top:var(--look-space)!important;margin-bottom:42px}
  .design-page .pagehead {margin-top:var(--look-space);margin-bottom:20px;gap:28px;align-items:center}
  .design-page .pagehead > * {min-width:0}
  .design-page .pagehead .plate {flex:0 0 auto}
  .design-page .lede,.design-page .hero p.lede,.design-page .sub {font-size:18px;line-height:1.65;color:var(--muted);max-width:65ch}
  .design-page section {margin-top:var(--look-space);margin-bottom:var(--look-space)}
  .design-page .page {padding-top:48px}
  .design-page .page .pagehead {margin-top:0}
  .design-page .page .hero {margin-top:16px!important}
  .design-page .page .hero h1 {font-size:clamp(38px,5vw,56px)}
  .design-page .story,.design-page .ministory,.design-page .cquote {font-family:var(--look-reading);font-size:17px;line-height:1.65;border-left-width:2px;padding-left:22px}
  .design-page .story p,.design-page .ministory p {font-size:17px}
  .design-page .founder-quote {padding:22px 24px;background:var(--wash2);border-radius:2px;border-left-width:2px}
  .design-page .founder-quote p {font-family:var(--look-reading);font-size:17px;line-height:1.6}
  .design-page .founder-quote .who {font-size:13px}
  .design-page .draftbar {background:var(--wash2);border-bottom:1px solid var(--line);padding:12px max(24px,calc((100vw - 892px)/2));font-family:var(--look-reading);font-size:14px;line-height:1.6}
  /* Full navigation remains available, in its existing order and language. */
  .design-page #site-header .band,.design-page > .band {background:var(--paper);border-bottom:1px solid var(--line)}
  .design-page :is(.global-site-header,header.site) {padding:25px 0 20px;gap:12px}
  .design-page :is(.global-site-header,header.site) .wordmark {font-family:var(--look-reading);font-weight:700;font-size:25px;letter-spacing:.025em}
  .design-page :is(.global-site-header,header.site) .tagline {font-family:var(--look-reading);font-size:12px;color:var(--muted);margin-top:3px}
  .design-page :is(.global-primary-nav,nav.main) {gap:4px 18px;padding:0 0 15px}
  .design-page :is(.global-primary-nav,nav.main) a {padding:8px 0;border-radius:0;border-bottom:2px solid transparent;font-family:var(--look-reading);font-size:13px;font-weight:500;color:var(--muted)}
  .design-page :is(.global-primary-nav,nav.main) a.on,.design-page :is(.global-primary-nav,nav.main) a.on:hover {background:transparent;border-bottom-color:var(--ink);color:var(--ink)}
  .design-page :is(.global-primary-nav,nav.main) a:hover {background:transparent;color:var(--ink);border-bottom-color:var(--edge)}
  .design-page .global-section-band {background:var(--wash2);border-bottom-color:var(--line)}
  .design-page .global-secondary-nav {gap:3px 12px;padding:9px 0}
  .design-page .global-secondary-nav a {border-radius:2px;font-weight:500;font-size:13px;padding:7px 6px}
  .design-page .global-secondary-nav a.on {background:#e2e6d9}
  .design-page .global-section-label {font-size:13px}
  .design-page .langs {margin-left:auto;flex-shrink:0;background:var(--sheet);border-color:var(--line)}
  /* Content surfaces: soft paper, fine rules, restrained corners. */
  .design-page .cards,.design-page .tiles,.design-page .ai-grid,.design-page .two {gap:22px}
  .design-page .cards > *,.design-page .tiles > *,.design-page .two > *,.design-page .ai-grid > *,.design-page .homerow > * {min-width:0}
  .design-page .card,.design-page a.card,.design-page .tile,.design-page .panel,.design-page .ai-card,.design-page .draw,.design-page .record-path,.design-page .record-check {
    border-radius:3px;box-shadow:none;border-color:var(--line);background:var(--sheet);padding:22px;
  }
  .design-page .card,.design-page a.card {border-left-width:1px;border-top:2px solid var(--amber)}
  .design-page .card:hover,.design-page .tile:hover,.design-page .ai-card:hover {background:var(--wash2);border-color:var(--edge)}
  .design-page .card .c-t,.design-page .tile .t-t {font-family:var(--look-reading);font-size:19px;font-weight:600;line-height:1.35}
  .design-page .card .c-t.small {font-size:17px}
  .design-page .card .c-s,.design-page .tile .t-s,.design-page .panel p,.design-page .card p,.design-page .ai-card p {font-family:var(--look-reading);font-size:15px;line-height:1.6}
  .design-page .card h2,.design-page .panel h2,.design-page .ai-card h2,.design-page .record-check h4,.design-page .record-path h4 {font-family:var(--look-reading);font-size:21px;letter-spacing:0;font-weight:600;line-height:1.35}
  .design-page .panel h3,.design-page .ai-card h3 {font-size:19px;font-weight:600}
  .design-page .honest,.design-page .care,.design-page .ai-principle {border-radius:2px;padding:20px 23px}
  .design-page .honest p,.design-page .care p {font-size:15.5px}
  .design-page .btn {border-radius:3px;box-shadow:none;font-family:var(--look-reading);font-size:15px;line-height:1.35;padding:13px 20px;white-space:normal;max-width:100%;text-align:center}
  .design-page .btn.primary {background:var(--ink);border-color:var(--ink);color:#fff}
  .design-page .btn.primary:hover {background:#444767}
  .design-page .btn.quiet {background:var(--paper);border:1px solid var(--edge);color:var(--ink)}
  .design-page .btn.quiet:hover {background:var(--wash)}
  .design-page .acts,.design-page .ctarow,.design-page .toolbar {gap:12px}
  .design-page input,.design-page textarea,.design-page select,.design-page button {font-family:var(--look-reading)}
  .design-page input:not([type=checkbox]):not([type=radio]),.design-page select,.design-page textarea {max-width:100%;min-width:0}
  .design-page .f input[type=text],.design-page .f input[type=date],.design-page .f textarea,.design-page .f select {font-size:16px;line-height:1.5;border-color:var(--edge);border-radius:3px}
  .design-page .controls,.design-page .tmpl {border-radius:3px;border-color:var(--line)}
  .design-page .tblwrap,.design-page .tablewrap,.design-page .scrollx {overflow-x:auto;max-width:100%}
  .design-page th {font-family:var(--look-reading)}
  .design-page table {line-height:1.55}
  .design-page .floatpic {width:240px;height:290px;object-fit:cover;border-radius:2px;margin:4px 0 24px 32px}
  .design-page .floatpic.wide {width:260px;height:180px}
  .design-page .floatpic.round {width:170px;height:170px;border-radius:50%}
  .design-page .seasons {flex-wrap:wrap;gap:16px}
  .design-page .seasons img {border-radius:2px;width:140px;height:140px}
  .design-page .posterbox {border-radius:2px;box-shadow:none;background:var(--wash2)}
  .design-page .poster {box-shadow:none;border-radius:2px}
  /* Homepage: original text, three distinct compositions, contained photos. */
  .design-home .identband {background:var(--paper)}
  .design-home .identband .wrap {padding-top:46px;padding-bottom:48px}
  .design-home .identline {background:none;border:0;border-radius:0;padding:0;text-align:left;margin:0;max-width:760px;font:17px/1.65 var(--look-reading);color:var(--ink)}
  .design-home .heroband {border:0;background:var(--paper)}
  .design-home .heroband .wrap {padding-top:66px;padding-bottom:66px}
  .design-home .heroband .eyebrow {text-align:left;margin:0 0 22px}
  .design-home .herolede {font-family:var(--look-display);font-weight:400;letter-spacing:-.04em;line-height:1.08;text-align:left;margin:0 0 28px;max-width:none;font-size:clamp(38px,5.4vw,58px)}
  .design-home .ministory {border:0;padding:0;font-family:var(--look-reading);font-size:17px;line-height:1.65;max-width:none}
  .design-home .herocta {margin:28px 0 0;text-align:left;max-width:none}
  .design-home .ctarow {justify-content:flex-start}
  .design-home .minirow {margin:0;max-width:none;display:block}
  .design-home .design-care .wrap {display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);column-gap:38px;row-gap:0;align-content:center;padding-top:6px}
  .design-home .design-care .eyebrow {grid-column:1;grid-row:1;align-self:end;margin-top:24px}
  .design-home .design-care h1 {grid-column:1;grid-row:2;font-size:clamp(46px,6.6vw,72px);line-height:1.02;letter-spacing:-.045em;align-self:center}
  .design-home .design-care h1 em {color:var(--amber);font-weight:400}
  .design-home .design-care .ministory {grid-column:1;grid-row:3;margin:0!important}
  .design-home .design-care .herocta {grid-column:1;grid-row:4;align-self:start;margin-bottom:24px}
  .design-home .design-portrait {grid-column:2;grid-row:1/5;margin:0;align-self:stretch;display:flex;align-items:center}
  .design-home .design-portrait img {display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
  .design-home .design-together {background:#edf0e6}
  .design-home .design-together .wrap,.design-home .design-center .wrap {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:48px;align-items:start}
  .design-home .design-photo-band {margin:0 0 48px;grid-column:1/-1;max-width:100%}
  .design-home .design-photo-band picture {display:block}
  .design-home .design-photo-band img {display:block;width:100%;height:auto;aspect-ratio:2.5/1;object-fit:cover;object-position:50% 68%}
  .design-home .design-center .design-photo-band img {aspect-ratio:2/1;object-position:50% 48%}
  .design-home .design-together .eyebrow,.design-home .design-center .eyebrow {grid-column:1;grid-row:2}
  .design-home .design-together h2,.design-home .design-center h2 {grid-column:1;grid-row:3/5}
  .design-home .design-together .minirow,.design-home .design-center .minirow {grid-column:2;grid-row:2/4}
  .design-home .design-together .herocta,.design-home .design-center .herocta {grid-column:2;grid-row:4}
  .design-home .design-center h2 {font-size:clamp(36px,4.7vw,50px)}
  /* Footer copy remains generated by unchanged nav.js. */
  .design-page #site-footer {border-top:1px solid var(--line);margin-top:64px;padding-top:34px;padding-bottom:44px;color:var(--muted);font-family:var(--look-reading);font-size:13px}
  .design-page #site-footer .sigline {font-family:var(--look-reading);font-size:16px;line-height:1.6;max-width:65ch}
  .design-page #site-footer .orgline {margin:13px 0 18px}
  .design-page #site-footer .footnav {display:flex;flex-wrap:wrap;gap:12px 22px}
  .design-page #site-footer .footnav a {margin:0}
  .design-page #site-footer .prov {font-family:var(--look-display);font-style:normal;font-size:clamp(27px,3.8vw,39px);line-height:1.2;letter-spacing:-.025em;max-width:25ch;margin-top:36px;color:var(--ink)}
  .design-page #site-footer .pageid {opacity:1;color:var(--muted);font-size:12px;margin-top:24px}
  .design-home #site-footer {margin-top:0}
  @media(max-width:760px) {
    .design-page .wrap {padding-left:28px;padding-right:28px}
    .design-page .cards,.design-page .tiles,.design-page .two,.design-page .ai-grid {gap:16px}
    .design-home .design-care .wrap {column-gap:28px}
    .design-home .design-care h1 {font-size:52px}
    .design-home .design-together .wrap,.design-home .design-center .wrap {column-gap:30px}
  }
  @media(max-width:650px) {
    .design-page .wrap {padding-left:24px;padding-right:24px}
    .design-page :is(.global-site-header,header.site) {padding-top:20px;padding-bottom:16px}
    .design-page :is(.global-primary-nav,nav.main) {gap:2px 16px;padding-bottom:12px}
    .design-page :is(.global-primary-nav,nav.main) a {font-size:13px;min-height:40px;display:flex;align-items:center}
    .design-page .global-secondary-nav {gap:2px 8px}
    .design-page .global-secondary-nav a {min-height:40px;display:flex;align-items:center}
    .design-page .global-section-label {flex-basis:100%}
    .design-page .pagehead {align-items:flex-start;gap:14px;flex-wrap:wrap}
    .design-page .pagehead .plate {margin-bottom:12px}
    .design-page .cards,.design-page .two,.design-page .ai-grid {grid-template-columns:minmax(0,1fr)}
    .design-page .card,.design-page a.card,.design-page .tile,.design-page .panel,.design-page .ai-card {padding:20px}
    .design-page .floatpic,.design-page .floatpic.wide {float:none;display:block;width:100%;height:240px;margin:0 0 26px;border-radius:2px}
    .design-page .floatpic.round {float:none;display:block;margin:0 0 24px;width:170px;height:170px}
    .design-page .seasons img {width:calc((100% - 32px)/3);height:auto;aspect-ratio:1}
    .design-page .remember {flex-wrap:wrap}
    .design-page .remember input {flex-basis:100%;min-width:0}
    .design-home .identband .wrap {padding-top:32px;padding-bottom:38px}
    .design-home .heroband .wrap {padding-top:44px;padding-bottom:44px;display:flex;flex-direction:column;gap:0}
    .design-home .design-care .wrap {padding-top:0}
    .design-home .design-care .eyebrow {order:0;align-self:auto;margin-top:0}
    .design-home .design-care h1 {order:1;font-size:clamp(43px,10vw,58px);align-self:auto}
    .design-home .design-care .ministory {order:2}
    .design-home .design-care .herocta {order:3;margin-bottom:32px}
    .design-home .design-portrait {order:4;width:100%;max-width:440px;margin:0 auto;align-self:auto}
    .design-home .design-photo-band {width:100%;margin-bottom:32px}
    .design-home .design-together .design-photo-band img {aspect-ratio:16/9;object-fit:contain}
    .design-home .design-center .design-photo-band img {aspect-ratio:4/3}
    .design-home .herolede,.design-home .design-center h2 {font-size:clamp(36px,8.5vw,48px);max-width:100%}
    .design-home .herocta {width:100%}
    .design-home .btn {text-align:left}
    .design-page #site-footer .footnav a {padding:6px 0}
  }
  @media(max-width:420px) {
    .design-page .tiles {grid-template-columns:minmax(0,1fr)}
    .design-page :is(.global-site-header,header.site) {gap:9px}
    .design-page :is(.global-site-header,header.site) .tagline {max-width:145px}
    .design-page :is(.global-site-header,header.site) .wordmark {font-size:23px}
    .design-page :is(.global-site-header,header.site) > svg {width:30px;height:30px;flex-shrink:0}
    .design-page .langs a,.design-page .langs span,.design-page .langs button {padding:8px}
  }
  @media(prefers-reduced-motion:reduce) {
    .design-page *,.design-page *::before,.design-page *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  }
}