/* Catalyst · Continuous Learning, October 2026.
   Shared editorial shell. The cobalt mark remains the original asset. */
.continuous-site{--paper:#FBF8F1;--paper-deep:#ECEFF1;--surface:#FFFDF9;--app-surface:#FFFDF9;--ink:#0C2233;--ink-soft:#52606B;--ink-faint:#52606B;--hairline:#DADDE0;--cl-blue:#205BB6;--cl-wash:#EDF1F3;--maxw:1360px;--pad:clamp(20px,4.5vw,64px)}
.continuous-site{background:var(--paper);color:var(--ink)}
.continuous-site .h-nav{background:var(--paper);border-color:var(--hairline)}
.continuous-site .h-nav-in{padding-block:17px}
.continuous-site .h-brand{gap:12px;letter-spacing:-1px}
.continuous-site .h-brand img{width:39px;height:39px}
.cl-brand-words{display:flex;flex-direction:column;gap:3px}
.cl-brand-name{font-family:Fraunces,Georgia,serif;font-size:29px;font-weight:600;line-height:1}
.cl-brand-tag{font:500 8px/1.5 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.continuous-site .h-navlinks{gap:30px}
.continuous-site .h-navlinks a{font-size:12px;font-weight:500}
.continuous-site .h-btn{border-radius:28px;min-height:48px;padding:13px 21px;font-weight:500;box-shadow:none}
.continuous-site .h-btn-ink{background:var(--cl-blue);border-color:var(--cl-blue);color:#FFFDF7}
.continuous-site .h-btn-ink:hover{background:#174C9F;border-color:#174C9F}
.continuous-site .h-btn-ghost{background:transparent;border-color:#C1CCD6;color:var(--ink)}
.continuous-site .h-btn-ghost:hover{background:var(--cl-wash)}
.continuous-site .h-text-link{font-weight:500}
.continuous-site .h-eyebrow{font-size:10px;letter-spacing:.16em}
.continuous-site h1,.continuous-site h2,.continuous-site h3{font-weight:450}
.continuous-site h1 em,.continuous-site h2 em{font-weight:400}
.continuous-site .decorative-paint,.continuous-site .begin-paint{display:none}
.continuous-site .h-footer{background:var(--paper);padding-top:64px}
.continuous-site .h-foot-tag{font-size:13px;max-width:30ch}
.continuous-site .h-foot-base{font-size:11px}
.continuous-site .h-imagery-note{font-size:11px;color:var(--ink-soft);margin-top:26px;max-width:70ch}
.continuous-site .h-social{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}
.continuous-site .h-social a{display:inline-flex;align-items:center;gap:7px;font-size:12px;text-decoration:none;min-height:36px}
.continuous-site .social-icon{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none}
.continuous-site .footer-reading{border-block:1px solid var(--hairline);margin-top:36px;padding:17px 0;font-size:13px}
.continuous-site .footer-reading summary{cursor:pointer;font-weight:500}
.continuous-site .footer-reading a{display:inline-block;margin:16px 25px 0 0}
.continuous-site :is(.p-hero,.c-hero,.x-hero){background-color:transparent}
.continuous-site :is(.p-hero,.c-hero)::before{background-image:none}
.continuous-site .p-breadcrumb{font-size:11px;color:var(--ink-soft)}
@media(max-width:1000px){.continuous-site .h-navlinks{gap:18px}}
@media(max-width:860px){.continuous-site .h-nav-in{padding-block:12px}.continuous-site .h-mobnav{background:var(--paper)}.cl-brand-name{font-size:26px}.cl-brand-tag{font-size:7px}.continuous-site .h-brand img{width:34px;height:34px}}
@media(max-width:380px){.continuous-site .h-brand{gap:8px}.cl-brand-name{font-size:24px}.cl-brand-tag{font-size:6.5px;letter-spacing:.13em}.continuous-site .h-brand img{width:32px;height:32px}}

/* Retained reading and support pages share the new paper-and-pigment system. */
.continuous-site .p-top::before{display:none}
.continuous-site .c-closing,.continuous-site .ty{background-image:none}
.continuous-site .p-path-cover{transform:none}
.continuous-site .p-path-cover img{box-shadow:none;border-radius:12px;mix-blend-mode:multiply}
.continuous-site .p-article blockquote{border-color:#A9BDD1}
.continuous-site .c-generation .h-eyebrow,.continuous-site .c-generation .h-note{color:#D4E1EB}
.continuous-site .c-generation p:not(.h-eyebrow){color:#DFE8EE}

/* Each painting belongs to its subject. Keep the complete composition and let
   the painted paper meet the page, without a photograph's frame or crop. */
.continuous-site img[src^="/assets/watercolor-stories/"]{
  display:block;height:auto;max-height:none;object-fit:contain;
  border:0;border-radius:0;box-shadow:none;transform:none;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.continuous-site :is(.p-path-cover,.cl-editorial-figure){isolation:isolate}
.continuous-site .p-path-cover{max-width:660px}
.continuous-site :is(.c-path-card,.h-essay,.x-pcard,.x-feature-essay,.cl-feature){
  border-radius:0;box-shadow:none;background:transparent;overflow:visible;
}
.continuous-site :is(.c-path-card,.h-essay,.x-pcard){
  border:0;border-bottom:1px solid var(--hairline);
}
.continuous-site :is(.c-path-card>img,.h-essay .top,.x-pcard .art){aspect-ratio:3/2}
.continuous-site :is(.c-path-card .c-card-copy,.h-essay .body,.x-pcard .b){padding-inline:0}
.continuous-site .cl-feature{border:0;border-block:1px solid var(--hairline);padding-block:28px}
.continuous-site .cl-feature-art{
  display:flex;align-items:center;min-height:0;aspect-ratio:auto;
  background:transparent;overflow:visible;
}
.continuous-site .cl-feature-art img{height:auto;object-fit:contain}
.continuous-site .p-cover{max-width:920px}
.continuous-site .p-cover .art{
  height:auto;border-radius:0;overflow:visible;max-width:760px;margin-inline:auto;
}
.continuous-site .c-original-art img{height:auto;object-fit:contain}
.continuous-site .x-feature-essay{border:0;border-block:1px solid var(--hairline);padding-block:24px}
.continuous-site .x-feature-essay .art{
  display:flex;align-items:center;height:auto;min-height:0;overflow:visible;
}
.continuous-site :is(.h-essay .top,.x-pcard .art){overflow:visible}
.continuous-site .cq-hero::before{display:none}
.continuous-site .cq-hero-figure>img{transform:none}
@media(max-width:700px){
  .continuous-site .cl-feature{padding-top:12px}
  .continuous-site .cl-feature-copy{padding-inline:0}
  .continuous-site .x-feature-essay .b{padding-inline:0}
}