/* Shared presentation for editable starter layouts in the editor and native pages. */
.editor-styles-wrapper { background:#f2eee7; color:#20201d; font-family:Arial,Helvetica,sans-serif; }
.editor-styles-wrapper .wp-block-post-title { font:400 clamp(2.8rem,6vw,6rem)/1.05 Georgia,'Times New Roman',serif; letter-spacing:-.05em; }
.editor-styles-wrapper :is(.wp-block-heading,h1,h2,h3) { color:#20201d; }
.editor-styles-wrapper .wp-block-button__link { background:#b41414; color:#fff; border-radius:10px; }
.editor-styles-wrapper .wp-block-button__link:hover { background:#901010; color:#fff; }
/* Match the native case title in the editor without changing other post types. */
.editor-styles-wrapper[data-aar-case-layout] :is(.editor-post-title__input,.wp-block-post-title) { font-family:Arial,Helvetica,sans-serif; font-weight:700; line-height:1.02; letter-spacing:-.05em; }
.editor-styles-wrapper[data-aar-case-layout="series"] { background:#111; color:#f8f6f0; }
.editor-styles-wrapper[data-aar-case-layout="series"] :is(.editor-post-title__input,.wp-block-post-title) { color:#f8f6f0; }
.aar-native .aar-entry-content .aar-pattern,
.editor-styles-wrapper .aar-pattern {
  --aar-pattern-ink: #20201d;
  --aar-pattern-muted: #615e58;
  --aar-pattern-line: #d0cbc0;
  color: var(--aar-pattern-ink);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.65;
}
.aar-native .aar-entry-content .aar-pattern > *,
.editor-styles-wrapper .aar-pattern > * { margin-block: 0 2rem; }
.editor-styles-wrapper .aar-pattern--reading-wide { width:min(66.667vw,1100px); max-width:100%; }
.editor-styles-wrapper .aar-pattern--reading-full { width:calc(100vw - 20px); max-width:100%; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__kicker,
.editor-styles-wrapper .aar-pattern .aar-pattern__kicker {
  font: 600 .7rem/1.5 Arial, Helvetica, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--aar-pattern-muted);
}
.aar-native .aar-entry-content .aar-pattern .aar-pattern__lead,
.editor-styles-wrapper .aar-pattern .aar-pattern__lead {
  max-width: 27ch;
  font: 400 clamp(1.8rem, 3vw, 3.1rem)/1.16 Georgia, 'Times New Roman', serif;
  letter-spacing: -.035em;
}
.aar-native .aar-entry-content .aar-pattern .wp-block-separator,
.editor-styles-wrapper .aar-pattern .wp-block-separator {
  width: 100%; max-width: none; border: 0; border-top: 1px solid var(--aar-pattern-line);
  margin-block: 2.5rem;
}
.aar-native .aar-entry-content .aar-pattern .aar-pattern__split,
.editor-styles-wrapper .aar-pattern .aar-pattern__split { gap: clamp(1.5rem, 5vw, 5rem); align-items: start; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__split > .wp-block-column:first-child,
.editor-styles-wrapper .aar-pattern .aar-pattern__split > .wp-block-column:first-child { flex-basis: 38%; }
.aar-native .aar-entry-content .aar-pattern h2,
.editor-styles-wrapper .aar-pattern h2 { font: 400 clamp(1.8rem, 3vw, 3rem)/1.12 Georgia, 'Times New Roman', serif; letter-spacing: -.035em; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__cards,
.editor-styles-wrapper .aar-pattern .aar-pattern__cards { gap: 1rem; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__cards > .wp-block-column,
.editor-styles-wrapper .aar-pattern .aar-pattern__cards > .wp-block-column {
  min-width: 0; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid var(--aar-pattern-line);
  border-radius: 16px; background: #eeebe4;
}
.aar-native .aar-entry-content .aar-pattern .aar-pattern__cards h3,
.editor-styles-wrapper .aar-pattern .aar-pattern__cards h3 { margin-top: .5rem; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__accordion,
.editor-styles-wrapper .aar-pattern .aar-pattern__accordion {
  border-top: 1px solid var(--aar-pattern-line); padding: 1.4rem 0; margin: 0;
}
.aar-native .aar-entry-content .aar-pattern .aar-pattern__accordion[open],
.editor-styles-wrapper .aar-pattern .aar-pattern__accordion[open] { border-top: 2px solid #b41414; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__accordion > summary,
.editor-styles-wrapper .aar-pattern .aar-pattern__accordion > summary {
  cursor: pointer; font: 600 clamp(1.35rem, 2.5vw, 2.3rem)/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: -.035em; list-style: none; min-height: 44px;
}
.aar-native .aar-entry-content .aar-pattern .aar-pattern__accordion > summary::-webkit-details-marker,
.editor-styles-wrapper .aar-pattern .aar-pattern__accordion > summary::-webkit-details-marker { display: none; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__accordion > summary::after,
.editor-styles-wrapper .aar-pattern .aar-pattern__accordion > summary::after { content: '+'; float: right; color: #b41414; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__accordion[open] > summary::after,
.editor-styles-wrapper .aar-pattern .aar-pattern__accordion[open] > summary::after { content: '−'; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__accordion > :not(summary),
.editor-styles-wrapper .aar-pattern .aar-pattern__accordion > :not(summary) { max-width: 66ch; margin: 1.25rem 0; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__images,
.editor-styles-wrapper .aar-pattern .aar-pattern__images { min-height: 4rem; margin-top: 2rem; }
.aar-native .aar-entry-content .aar-pattern .aar-pattern__images img,
.editor-styles-wrapper .aar-pattern .aar-pattern__images img { width: 100%; height: auto; object-fit: contain; }
.aar-native .aar-entry-content .aar-pattern--practice .wp-block-button__link,
.editor-styles-wrapper .aar-pattern--practice .wp-block-button__link,
.aar-native .aar-entry-content .aar-pattern--support .wp-block-button__link,
.editor-styles-wrapper .aar-pattern--support .wp-block-button__link {
  background: #b41414; color: #fff; border: 1px solid #b41414;
  border-radius: 12px; font: 700 .9rem/1.25 Arial, Helvetica, sans-serif;
  padding: .9rem 1.15rem; text-decoration: none;
}
.aar-native .aar-entry-content .aar-pattern--practice .wp-block-button__link:hover,
.editor-styles-wrapper .aar-pattern--practice .wp-block-button__link:hover,
.aar-native .aar-entry-content .aar-pattern--support .wp-block-button__link:hover,
.editor-styles-wrapper .aar-pattern--support .wp-block-button__link:hover { background: #901010; color: #fff; }
.aar-native .aar-entry-content .aar-pattern--support .aar-pattern__lead,
.editor-styles-wrapper .aar-pattern--support .aar-pattern__lead { max-width: 18ch; font-family: Arial, Helvetica, sans-serif; font-size: clamp(2.5rem, 5vw, 5rem); }
.aar-native .aar-entry-content .aar-pattern :focus-visible,
.editor-styles-wrapper .aar-pattern :focus-visible { outline: 3px solid #b41414; outline-offset: 4px; }
@media (max-width: 700px) {
  .aar-native .aar-entry-content .aar-pattern .aar-pattern__split,
  .editor-styles-wrapper .aar-pattern .aar-pattern__split,
  .aar-native .aar-entry-content .aar-pattern .aar-pattern__cards,
  .editor-styles-wrapper .aar-pattern .aar-pattern__cards { display: block; }
  .aar-native .aar-entry-content .aar-pattern .aar-pattern__cards > .wp-block-column,
  .editor-styles-wrapper .aar-pattern .aar-pattern__cards > .wp-block-column { margin-bottom: 1rem; }
}

/* Opt-in collection, exhibition, and research layouts. Core blocks remain editable. */
.aar-case-process--explorer[data-aar-process-ready] [hidden] { display:none !important; }
.aar-case-process--explorer>:is(.aar-case-process__controls,.aar-case-process__panel) { width:100%; max-width:none; margin-inline:0 !important; }
.aar-case-process--explorer .aar-case-process__controls { display:flex; flex-wrap:wrap; gap:.25rem 1rem; margin-block:1.5rem; border-bottom:1px solid #d7d7d7; }
.aar-case-process--explorer .aar-case-process__controls button { min-height:44px; padding:.75rem 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:#111; font:.8rem/1.4 Arial,Helvetica,sans-serif; cursor:pointer; }
.aar-case-process--explorer .aar-case-process__controls button[aria-pressed="true"] { color:#b41414; border-bottom-color:#b41414; }
.aar-case-process--explorer .aar-case-process__controls button:focus-visible { outline:2px solid #b41414; outline-offset:4px; }
.aar-case-process--explorer .aar-case-process__panel h4 { margin:0 0 1rem; font:600 1.25rem/1.2 Arial,Helvetica,sans-serif; }
.aar-case-process--explorer .aar-case-process__panel>p { max-width:70ch; font:1.2rem/1.5 Georgia,serif; }
.aar-case-pattern.aar-case-pattern--open-gallery .aar-case-chapter>h2 { font-family:Arial,Helvetica,sans-serif; font-weight:600; }
.aar-case-pattern--open-gallery .aar-case-chapter>.wp-block-columns { align-items:flex-start; }
.aar-case-pattern--open-gallery .aar-case-chapter .wp-block-column>p:not(.aar-case-number) { font:1.2rem/1.5 Georgia,serif; }
.aar-case-pattern.aar-case-pattern--open-gallery .aar-case-record-grid h3 { font:600 1.5rem/1.15 Arial,Helvetica,sans-serif; }
.aar-case-pattern--open-gallery .aar-case-chapter .wp-block-image { width:100%; max-width:none; margin-inline:0; }
.aar-case-pattern--open-gallery .aar-case-chapter .wp-block-image img { display:block; width:100%; height:auto; object-fit:contain; }
.aar-native .aar-case-layout { min-height:60vh; padding:0 clamp(20px,4vw,64px) clamp(3rem,5vw,5rem); }
.aar-native .aar-case-layout--collection { background:#f2eee7; color:#20201d; }
.aar-native .aar-case-layout--exhibition { background:#111; color:#f8f6f0; }
.aar-native .aar-case-layout--series { background:#111; color:#f8f6f0; }
.aar-native .aar-case-record { width:min(100%,1440px); margin-inline:auto; }
/* The page template sets the overall measure; section block styles may override it. */
.aar-native .aar-case-layout--centered .aar-case-record { width:min(100%,800px); }
.aar-native .aar-case-layout--three-quarter .aar-case-record { width:min(100%,75vw); }
.aar-native .aar-case-layout--full { padding-inline:clamp(20px,3vw,48px); }
.aar-native .aar-case-layout--full .aar-case-record { width:100%; }
.aar-native .aar-case-heading { padding:clamp(1.5rem,3vw,3.25rem) 0 clamp(2rem,3vw,3rem); }
.aar-native .aar-case-back { display:inline-flex; align-items:center; min-height:44px; margin-bottom:clamp(1rem,2vw,1.75rem); font-size:.8rem; text-decoration:none; border-bottom:1px solid currentColor; border-radius:0; }
.aar-native .aar-case-type,.aar-case-pattern .aar-case-number { font-size:.7rem; font-weight:600; letter-spacing:.1em; line-height:1.5; text-transform:uppercase; }
.aar-native .aar-case-type { color:#b41414; margin:0 0 1rem; }
.aar-native .aar-case-heading h1 { max-width:18ch; margin:0 0 1.5rem; font:400 clamp(2.75rem,6vw,6rem)/1.02 Georgia,serif; letter-spacing:-.05em; overflow-wrap:break-word; }
.aar-native .aar-case-intro { max-width:52rem; margin:0; font:400 clamp(1.25rem,2vw,2rem)/1.35 Georgia,serif; }
.aar-native .aar-case-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:2.5rem 0 0; }
.aar-native .aar-case-facts>div { padding-left:1rem; border-left:1px solid #bcb8ae; }
.aar-native .aar-case-facts dt { color:#615e58; font-size:.75rem; margin-bottom:.5rem; }
.aar-native .aar-case-facts dd { margin:0; font-size:.85rem; }
/* Keep the Collection introduction beside its title even before facts are entered. */
.aar-native .aar-case-layout--collection .aar-case-heading { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); column-gap:clamp(2rem,4vw,5rem); align-items:start; }
.aar-native .aar-case-layout--collection .aar-case-heading .aar-case-back,
.aar-native .aar-case-layout--collection .aar-case-heading .aar-case-type { grid-column:1 / -1; }
.aar-native .aar-case-layout--collection .aar-case-heading h1 { grid-column:1; grid-row:3; margin:0; }
.aar-native .aar-case-layout--collection .aar-case-heading .aar-case-intro { grid-column:2; grid-row:3; }
.aar-native .aar-case-layout--collection .aar-case-heading--with-facts h1 { grid-row:3 / span 2; }
.aar-native .aar-case-layout--collection .aar-case-heading--with-facts .aar-case-facts { grid-column:2; grid-row:3; margin:0; }
.aar-native .aar-case-layout--collection .aar-case-heading--with-facts .aar-case-intro { grid-row:4; margin-top:clamp(1rem,2vw,1.5rem); }
.aar-native .aar-case-layout--collection .aar-case-heading h1 { font-family:Arial,Helvetica,sans-serif; font-weight:700; font-size:clamp(2.7rem,4.5vw,5.2rem); }
.aar-native .aar-case-layout--collection .aar-case-heading--with-facts .aar-case-facts { gap:.75rem; }
.aar-native .aar-case-layout--collection .aar-case-heading--with-facts .aar-case-facts>div { padding-left:.75rem; }
.aar-native .aar-case-layout--collection .aar-case-heading--without-intro:not(.aar-case-heading--with-facts) { display:block; }
/* Title and overview facts share a row even when no excerpt is supplied.
   The Collection presentation below owns that row placement. */
.aar-native .aar-case-layout--centered .aar-case-heading { display:block; }
.aar-native .aar-case-layout--centered .aar-case-heading h1 { margin-bottom:1.5rem; }
.aar-native .aar-case-layout--centered .aar-case-heading .aar-case-intro { margin-top:1.5rem; }
.aar-native .aar-case-layout--centered .aar-case-heading--with-facts .aar-case-facts { margin:2rem 0 0; }
.aar-native .aar-case-cover { margin:0 0 3rem; }
/* Full-image heroes grow with their image ratio instead of letterboxing. */
.aar-native .aar-case-cover img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }
.aar-native .aar-case-cover figcaption { margin-top:.75rem; font-size:.75rem; line-height:1.6; }
.aar-native .aar-case-content { max-width:none; overflow-wrap:anywhere; }
.aar-native .aar-case-content>.aar-case-pattern { max-width:none; }
/* Converted source blocks stay available to editors and readers, but do not
   interrupt the case-study chapters or inherit an obsolete card layout. */
.aar-original-account { width:100%; max-width:none; margin:clamp(2.5rem,5vw,5rem) 0 0; border-block:1px solid currentColor; padding:0 0 1rem; }
.aar-original-account>summary { display:flex; align-items:center; min-height:48px; padding:1rem 0; cursor:pointer; font:600 .85rem/1.4 Arial,Helvetica,sans-serif; letter-spacing:.04em; }
.aar-original-account>summary:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.aar-original-account>:not(summary) { max-width:70ch; margin-block:1rem; }
.aar-original-account img { max-width:100%; height:auto; }
.editor-styles-wrapper .aar-original-account { padding-inline:clamp(1rem,2vw,2rem); }
.aar-case-pattern { font-family:Arial,Helvetica,sans-serif; line-height:1.65; }
.editor-styles-wrapper[data-aar-case-width="centered"] .aar-case-pattern { width:min(100%,800px); margin-inline:auto; }
.editor-styles-wrapper[data-aar-case-width="three-quarter"] .aar-case-pattern { width:75%; max-width:none; margin-inline:auto; }
.editor-styles-wrapper[data-aar-case-width="full"] .aar-case-pattern { width:100%; max-width:none; margin-inline:auto; }
/* WordPress constrained Groups otherwise silently cap a selected wider section. */
.aar-case-pattern.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.aar-case-pattern .aar-case-chapter.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width:none; }
.aar-case-pattern .wp-block-group.is-style-aar-case-section-centered { width:min(100%,800px); max-width:none; margin-inline:auto; }
.aar-case-pattern .wp-block-group.is-style-aar-case-section-three-quarter { width:75%; max-width:none; margin-inline:auto; }
.aar-case-pattern .wp-block-group.is-style-aar-case-section-full { width:100%; max-width:none; margin-inline:auto; }
.aar-case-pattern .wp-block-group:is(.is-style-aar-case-section-three-quarter,.is-style-aar-case-section-full) > :is(p,h2,h3,figure,.wp-block-gallery) { max-width:none; }
.aar-case-pattern .aar-case-lead { max-width:44rem; font:400 clamp(1.45rem,2.4vw,2.2rem)/1.38 Georgia,serif; }
.aar-case-pattern .aar-case-editor-note { color:#615e58; font-size:.85rem; }
.aar-native .aar-case-pattern .aar-case-editor-note { display:none; }
.editor-styles-wrapper .aar-case-pattern .aar-case-editor-note { padding:.8rem 1rem; border-left:3px solid #b41414; background:#e8e4dc; }
.aar-case-pattern .aar-case-subtitle { font:400 clamp(2.2rem,4.4vw,4.2rem)/1.08 Georgia,serif; margin:0 0 1.5rem; }
.aar-case-pattern .aar-case-chapter-nav { margin:clamp(2rem,3vw,3rem) 0 0; padding:1.25rem 0 1.5rem; border-block:1px solid #aaa69e; }
.aar-case-pattern .aar-case-chapter-nav>p { font-size:.7rem; font-weight:700; letter-spacing:.1em; }
.aar-case-pattern .aar-case-chapter-nav ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem 2rem; list-style:none; margin:1.5rem 0 0; padding:0; }
.aar-case-pattern .aar-case-chapter-nav li { margin:0; padding:0; border-top:1px solid #aaa69e; }
.aar-case-pattern .aar-case-chapter-nav a { display:flex; align-items:center; min-height:44px; padding:.25rem 0; color:inherit; font-size:.85rem; text-decoration:none; }
.aar-case-pattern .aar-case-chapter-nav a:hover { color:#b41414; text-decoration:underline; }
.aar-case-pattern .aar-case-chapter { border-bottom:1px solid #aaa69e; padding:clamp(2.5rem,4.5vw,4rem) 0; }
.aar-case-pattern .aar-case-chapter .aar-case-number { margin:0 0 .75rem; color:#b41414; }
.aar-case-pattern .aar-case-chapter h2 { max-width:30ch; margin:0 0 1.5rem; scroll-margin-top:2rem; font:400 clamp(2rem,3.6vw,3.5rem)/1.06 Georgia,serif; letter-spacing:-.045em; }
.aar-case-pattern .aar-case-chapter>p:not(.aar-case-number) { max-width:70ch; font:400 clamp(1.05rem,1.5vw,1.35rem)/1.55 Georgia,serif; }
/* Wider page choices also widen the reading measure unless a section is explicitly centered. */
.aar-native .aar-case-layout:is(.aar-case-layout--three-quarter,.aar-case-layout--full) .aar-case-pattern .aar-case-chapter:not(.is-style-aar-case-section-centered) > p:not(.aar-case-number),
.aar-native .aar-case-layout:is(.aar-case-layout--three-quarter,.aar-case-layout--full) .aar-case-pattern .aar-case-chapter:not(.is-style-aar-case-section-centered) > h2 { max-width:none; }
.aar-native .aar-case-layout--full .aar-case-intro,
.aar-native .aar-case-layout--full .aar-case-pattern .aar-case-lead { max-width:none; }
.aar-case-pattern .aar-case-record-grid { gap:clamp(1.5rem,4vw,4rem); }
.aar-case-pattern .aar-case-record-grid>.wp-block-column { min-width:0; padding-top:1rem; border-top:1px solid #aaa69e; }
.aar-case-pattern .aar-case-record-grid h3 { margin:.5rem 0 1rem; font:400 clamp(1.5rem,2.4vw,2.3rem)/1.16 Georgia,serif; }
.aar-case-pattern .wp-block-details { max-width:50rem; margin:0; border-top:1px solid #aaa69e; }
.aar-case-pattern .wp-block-details:last-of-type { border-bottom:1px solid #aaa69e; }
.aar-case-pattern .wp-block-details summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:44px; padding:.9rem 0; cursor:pointer; font-weight:600; list-style:none; }
.aar-case-pattern .wp-block-details summary::-webkit-details-marker { display:none; }
.aar-case-pattern .wp-block-details summary::after { content:'+'; flex:none; font-size:1.4rem; line-height:1; }
.aar-case-pattern .wp-block-details[open] summary::after { content:'−'; }
.aar-case-pattern .wp-block-details > :not(summary) { margin:0 0 1rem; }
.aar-case-pattern .wp-block-details[open] { border-top:2px solid #b41414; }
.aar-case-pattern :is(.wp-block-image,.wp-block-gallery) { margin-block:2rem; }
.aar-case-pattern img { max-width:100%; height:auto; }
.aar-case-pattern .aar-case-professional { gap:clamp(2rem,7vw,6rem); margin:3rem 0 0; border-top:1px solid #777; padding:2rem 0; }
.aar-case-pattern .aar-case-professional p:not(.aar-case-number) { max-width:55ch; margin:0 0 1.5rem; }
.aar-case-pattern .aar-case-profiles { margin-inline:0; padding:clamp(3rem,5vw,5rem) clamp(20px,4vw,64px); background:#fff; color:#111; }
.aar-case-pattern .aar-case-profiles h2,.aar-case-pattern .aar-case-source h2 { font:400 clamp(2.4rem,4vw,4rem)/1.08 Georgia,serif; letter-spacing:-.045em; }
.aar-case-pattern .aar-case-source { padding:clamp(3rem,5vw,5rem) 0; }
.aar-native .aar-case-layout--series .aar-case-heading h1 { font-family:Arial,Helvetica,sans-serif; font-weight:700; }
.aar-native .aar-case-layout--series .aar-case-type,.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-number { color:#bbb; }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-chapter-nav { background:#1a1a1a; border-color:#777; padding-inline:clamp(1rem,2vw,2rem); }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-chapter-nav li { border-color:#777; }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-chapter-nav a:hover { color:#ff9a8f; }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-chapter { margin-inline:0; padding-inline:clamp(20px,4vw,64px); background:#eeece8; color:#111; border-color:#aaa; }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-chapter .aar-case-number { color:#555; }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-profiles .aar-case-number { color:#555; }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-source { border-bottom:1px solid #777; }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-professional { border-color:#777; }
.aar-native .aar-case-layout--series .aar-case-pattern .aar-case-professional p:not(.aar-case-number) { color:#ddd; }
.aar-native .aar-case-layout--series .aar-case-cover figcaption { color:#cbc7bd; }
/* Research and portfolio chapters follow the mockup's continuous light field. */
.aar-native .aar-case-layout--series:not(.aar-case-layout--conversation) .aar-case-pattern--series>.aar-case-chapter {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:clamp(2rem,5vw,6rem);
  align-items:start; width:100%; max-width:none; margin-block:0; padding:clamp(3rem,6vw,6rem) clamp(20px,4vw,64px);
  border-bottom:1px solid #b9b8b4; background:#eeece8; color:#111;
}
/* WordPress's constrained Group layout centers direct children by default.
   Keep the editable label, heading, and description on their grid edges. */
.aar-native .aar-case-layout--series:not(.aar-case-layout--conversation) .aar-case-pattern--series>.aar-case-chapter.is-layout-constrained>p,
.aar-native .aar-case-layout--series:not(.aar-case-layout--conversation) .aar-case-pattern--series>.aar-case-chapter.is-layout-constrained>h2 {
  width:100%; margin-inline:0 !important; justify-self:stretch;
}
/* The full-width template uses the viewport gutter for content, not around
   the cream chapter background. Narrower template variants stay contained. */
.aar-native .aar-case-layout--series.aar-case-layout--full .aar-case-pattern--series>.aar-case-chapter {
  width:calc(100% + 2 * clamp(20px,3vw,48px));
  margin-inline:calc(-1 * clamp(20px,3vw,48px)) !important;
}
.aar-native .aar-case-layout--series:not(.aar-case-layout--conversation) .aar-case-pattern--series>.aar-case-chapter .aar-case-number { grid-column:1; margin:0 0 1.25rem; color:#555; font:500 .75rem/1.4 Arial,Helvetica,sans-serif; letter-spacing:.09em; }
.aar-native .aar-case-layout--series:not(.aar-case-layout--conversation) .aar-case-pattern--series>.aar-case-chapter h2 { grid-column:1; grid-row:2; max-width:22ch; margin:0; color:#111; font:500 clamp(2rem,3.6vw,3.4rem)/1.08 Arial,Helvetica,sans-serif; letter-spacing:-.045em; }
.aar-native .aar-case-layout--series:not(.aar-case-layout--conversation) .aar-case-pattern--series>.aar-case-chapter>p:last-child { grid-column:2; grid-row:2; max-width:62ch; margin:0; color:#111; font:400 clamp(1.1rem,1.6vw,1.4rem)/1.55 Arial,Helvetica,sans-serif; }
@media(max-width:700px) {
  .aar-native .aar-case-layout--series:not(.aar-case-layout--conversation) .aar-case-pattern--series>.aar-case-chapter { grid-template-columns:1fr; padding-block:2.5rem; }
  .aar-native .aar-case-layout--series:not(.aar-case-layout--conversation) .aar-case-pattern--series>.aar-case-chapter>p:last-child { grid-column:1; grid-row:3; margin-top:1.25rem; }
}
/* Exhibition case studies follow the dark, image-led Duet mockup. The image
   belongs to editable post content, so the featured image is metadata only. */
.aar-native .aar-case-layout--exhibition .aar-case-heading { padding-block:clamp(2rem,4vw,4rem) clamp(2.5rem,5vw,5rem); }
.aar-native .aar-case-layout--exhibition .aar-case-heading h1 { max-width:18ch; margin-bottom:clamp(.75rem,1.4vw,1.25rem); font:700 clamp(3.25rem,6vw,6rem)/.98 Arial,Helvetica,sans-serif; letter-spacing:-.065em; }
.aar-native .aar-case-layout--exhibition .aar-case-subtitle { max-width:28ch; margin:0 0 clamp(1.25rem,2.5vw,2.5rem); font:400 clamp(1.75rem,3.4vw,3.5rem)/1.07 Arial,Helvetica,sans-serif; letter-spacing:-.055em; }
.aar-native .aar-case-layout--exhibition .aar-case-type { color:#d3cbc0; }
.aar-native .aar-case-layout--exhibition .aar-case-intro { max-width:42rem; font-family:Arial,Helvetica,sans-serif; font-size:clamp(1.1rem,1.6vw,1.5rem); line-height:1.5; }
.aar-native .aar-case-layout--exhibition .aar-case-facts>div { border-color:#777; }
.aar-native .aar-case-layout--exhibition .aar-case-facts dt { color:#c4bdb1; }
.aar-native .aar-case-layout--exhibition .aar-case-pattern .aar-case-number { color:#d3cbc0; }
.aar-native .aar-case-layout--exhibition .aar-case-pattern .aar-case-chapter-nav { background:#1a1a1a; border-color:#777; padding-inline:clamp(1rem,2vw,2rem); }
.aar-native .aar-case-layout--exhibition .aar-case-pattern .aar-case-chapter-nav li { border-color:#777; }
.aar-native .aar-case-layout--exhibition .aar-case-pattern .aar-case-chapter,
.editor-styles-wrapper .aar-case-pattern--exhibition .aar-case-chapter { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(2rem,5vw,6rem); margin:0; padding:clamp(2rem,5vw,5rem); background:#eeece8; color:#111; border-bottom:1px solid #c9c7c0; }
.aar-case-pattern--exhibition .aar-case-chapter>p:first-child { grid-column:1; grid-row:1; margin:0 0 1.25rem; color:#565650; font:600 .7rem/1.5 Arial,Helvetica,sans-serif; letter-spacing:.1em; }
.aar-case-pattern--exhibition .aar-case-chapter>h2 { grid-column:1; grid-row:2 / span 4; max-width:18ch; margin:0; color:#111; font:400 clamp(2rem,3.5vw,3.5rem)/1.08 Arial,Helvetica,sans-serif; letter-spacing:-.045em; }
.aar-case-pattern--exhibition .aar-case-chapter>p:not(:first-child) { grid-column:2; max-width:65ch; margin:0 0 1rem; color:#111; font:400 clamp(1rem,1.25vw,1.2rem)/1.58 Arial,Helvetica,sans-serif; }
.aar-case-pattern--exhibition .aar-case-chapter.is-layout-constrained > :is(p,h2) { width:100%; margin-inline:0; justify-self:stretch; }
.aar-case-pattern--exhibition .aar-case-exhibition-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.25rem,3vw,2.5rem) clamp(2rem,5vw,6rem); padding-block:clamp(2rem,4vw,4rem); border-top:1px solid #777; }
.aar-case-pattern--exhibition .aar-case-exhibition-facts>.wp-block-group { width:100%; max-width:none; margin:0; justify-self:stretch; }
.aar-case-pattern--exhibition .aar-case-exhibition-facts>.wp-block-group>p { width:100%; max-width:none; margin-inline:0; }
.aar-case-pattern--exhibition .aar-case-exhibition-facts>.wp-block-group>p:first-child { margin:0 0 .5rem; color:#c9c5bc; font:600 .7rem/1.5 Arial,Helvetica,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.aar-case-pattern--exhibition .aar-case-exhibition-facts>.wp-block-group>p:last-child { margin:0; color:#f8f6f0; font:400 clamp(1rem,1.35vw,1.3rem)/1.5 Arial,Helvetica,sans-serif; }
.aar-case-pattern--exhibition .aar-case-extended-record { margin-block:clamp(2rem,4vw,4rem); }
.aar-case-pattern--exhibition .aar-case-extended-record summary { color:#f8f6f0; }
.aar-case-pattern--exhibition .aar-case-extended-record p { max-width:75ch; color:#f8f6f0; }
.aar-native .aar-case-layout--exhibition .aar-case-pattern .aar-case-source { border-block:1px solid #777; }
.aar-native .aar-case-layout--exhibition .aar-case-content>.aar-case-pattern,
.aar-native .aar-case-layout--exhibition .aar-case-pattern>.wp-block-group,
.aar-native .aar-case-layout--exhibition .aar-case-exhibition-media .wp-block-columns { width:100%; max-width:none; margin-inline:0; }
.aar-case-pattern--exhibition .aar-case-exhibition-media { margin-bottom:clamp(2rem,4vw,4rem); }
.aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-columns { gap:clamp(1.5rem,3vw,3rem); align-items:stretch; }
.aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column { min-width:0; }
.aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child { background:#ece8df; color:#111; padding:clamp(1.5rem,3vw,3rem); }
.aar-case-pattern--exhibition .aar-case-exhibition-media h2 { font:400 clamp(1.7rem,3vw,3rem)/1.1 Georgia,serif; margin:0 0 1rem; }
.aar-case-pattern--exhibition .aar-case-exhibition-media figure { margin:0; height:100%; }
.aar-case-pattern--exhibition .aar-case-exhibition-media img { display:block; width:100%; max-height:none; height:auto; object-fit:contain; background:#242424; }
.aar-case-pattern--exhibition .aar-case-exhibition-media figcaption { padding:.75rem 0; color:#d3cbc0; font-size:.8rem; }
.aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child p { color:#111; }
.aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child .aar-case-number { color:#6a2724; }
.aar-case-pattern--exhibition .aar-case-exhibition-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1rem,2vw,2rem); margin-block:clamp(2rem,4vw,4rem); }
.aar-case-pattern--exhibition .aar-case-exhibition-gallery figure { min-width:0; margin:0; }
.aar-case-pattern--exhibition .aar-case-exhibition-gallery img { display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; }
.aar-case-pattern--exhibition .aar-case-exhibition-gallery figcaption { color:#d3cbc0; font-size:.8rem; line-height:1.5; padding:.5rem 0; }
.aar-case-pattern--exhibition .aar-case-source h2 { margin:0 0 1rem; }
.editor-styles-wrapper .aar-case-pattern--exhibition { background:#111; color:#f8f6f0; padding:clamp(1.5rem,4vw,3rem); }
.editor-styles-wrapper .aar-case-pattern--exhibition :is(h2,h3,p):not(.aar-case-exhibition-media .wp-block-column:last-child *, .aar-case-chapter *, .aar-case-exhibition-facts *) { color:inherit; }
.editor-styles-wrapper .aar-case-pattern--exhibition .aar-case-editor-note { background:#282828; color:#f8f6f0; }
/* Gallery programs use the exhibition frame with the mockup's open, dark
   project header. These rules are opt-in through the editable program pattern. */
.aar-native .aar-case-layout--program .aar-case-heading { padding-bottom:clamp(2rem,4vw,4rem); }
.aar-native .aar-case-layout--program .aar-case-heading h1 { margin-bottom:clamp(1rem,2.5vw,2rem); }
.aar-native .aar-case-layout--program .aar-case-subtitle { max-width:none; margin-bottom:clamp(1.5rem,3vw,3rem); }
.aar-native .aar-case-layout--program .aar-case-intro { max-width:48rem; }
.aar-native .aar-case-layout--program .aar-case-facts { margin-top:clamp(1.5rem,3vw,3rem); }
.aar-native .aar-case-layout--program .aar-case-facts>div { max-width:28rem; }
.aar-native .aar-case-layout--program .aar-case-heading--with-facts.aar-case-heading--with-intro { display:grid; grid-template-columns:minmax(0,2fr) minmax(15rem,1fr); column-gap:clamp(2rem,5vw,5rem); }
.aar-native .aar-case-layout--program .aar-case-heading--with-facts.aar-case-heading--with-intro > :is(.aar-case-back,.aar-case-type,h1,.aar-case-subtitle) { grid-column:1 / -1; }
.aar-native .aar-case-layout--program .aar-case-heading--with-facts.aar-case-heading--with-intro .aar-case-intro { grid-column:1; }
.aar-native .aar-case-layout--program .aar-case-heading--with-facts.aar-case-heading--with-intro .aar-case-facts { grid-column:2; margin:0; align-self:end; }
/* A single header fact sits beside the introduction; keep its value readable. */
.aar-native .aar-case-layout--program .aar-case-heading--with-facts.aar-case-heading--with-intro .aar-case-facts { grid-template-columns:minmax(0,1fr); }
.aar-case-pattern--program .aar-case-program-hero .wp-block-column:last-child { background:transparent; color:#f8f6f0; padding:clamp(1rem,2vw,2rem) 0; border-top:1px solid #777; }
.aar-case-pattern--program .aar-case-program-hero .wp-block-column:last-child :is(h2,p) { color:#f8f6f0; }
.aar-case-pattern--program .aar-case-program-hero .wp-block-column:last-child .aar-case-number { color:#c9c5bc; }
.aar-case-pattern--program .aar-case-program-facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
.aar-case-pattern--program .aar-case-program-gallery.wp-block-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:clamp(.75rem,1.8vw,1.5rem); width:100%; max-width:none; margin-block:clamp(2rem,4vw,4rem); }
.aar-case-pattern--program .aar-case-program-gallery.wp-block-gallery > figure.wp-block-image { display:block; width:100% !important; max-width:none !important; min-width:0; margin:0; flex:none; }
.aar-case-pattern--program .aar-case-program-gallery.wp-block-gallery img { display:block; width:100% !important; max-width:none; height:auto; aspect-ratio:1; object-fit:contain; background:#242424; }
.aar-case-pattern--program .aar-case-program-gallery figcaption { color:#d3cbc0; font-size:.8rem; line-height:1.5; padding:.5rem 0; }
.aar-case-pattern--program .aar-case-program-gallery-title { margin-block:clamp(3rem,5vw,5rem) 1rem; }
.aar-native .aar-case-layout--program .aar-case-pattern .aar-case-chapter .aar-case-number { color:#565650; }
@media(max-width:900px) {
  .aar-case-pattern--program .aar-case-program-facts,.aar-case-pattern--program .aar-case-program-gallery.wp-block-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .aar-native .aar-case-layout--program .aar-case-heading--with-facts.aar-case-heading--with-intro { display:block; }
  .aar-native .aar-case-layout--program .aar-case-heading--with-facts.aar-case-heading--with-intro .aar-case-facts { margin-top:1.5rem; }
  .aar-case-pattern--program .aar-case-program-hero .wp-block-columns { display:block; }
  .aar-case-pattern--program .aar-case-program-facts,.aar-case-pattern--program .aar-case-program-gallery.wp-block-gallery { grid-template-columns:1fr; }
}
@media(max-width:800px) {
  .aar-native .aar-case-layout--exhibition .aar-case-pattern .aar-case-chapter,
  .editor-styles-wrapper .aar-case-pattern--exhibition .aar-case-chapter,
  .aar-case-pattern--exhibition .aar-case-exhibition-facts { grid-template-columns:1fr; }
  .aar-case-pattern--exhibition .aar-case-chapter>p:first-child,
  .aar-case-pattern--exhibition .aar-case-chapter>h2,
  .aar-case-pattern--exhibition .aar-case-chapter>p:not(:first-child) { grid-column:1; grid-row:auto; }
  .aar-case-pattern--exhibition .aar-case-exhibition-gallery { grid-template-columns:1fr; }
  .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-columns { flex-direction:column; }
  .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column { flex-basis:auto!important; width:100%; }
}
/* A legacy portfolio with no body text is an image-led record. Avoid a dark,
   empty Research shell around its existing cover and connected gallery. */
.aar-native .aar-case-layout--image-led { background:#f2eee7; color:#20201d; }
.aar-native .aar-case-layout--image-led .aar-case-type { color:#b41414; }
.aar-native .aar-case-layout--image-led .aar-case-heading h1 { max-width:20ch; font:400 clamp(2.75rem,4.8vw,5rem)/1.02 Georgia,'Times New Roman',serif; letter-spacing:-.055em; }
.aar-native .aar-case-layout--image-led .aar-case-heading { padding-bottom:clamp(1.5rem,3vw,2.5rem); }
.aar-native .aar-case-layout--image-led .aar-case-cover { margin-bottom:clamp(1.5rem,3vw,2.5rem); }
.aar-native .aar-case-layout--image-led .aar-case-cover img { background:#e5e0d6; }
.aar-native .aar-case-layout--image-led .aar-case-cover figcaption { color:#615e58; }
.aar-native .aar-case-layout--image-led .aar-native-media { margin-top:0; }
.aar-native .aar-case-layout--image-led .gallery-library { padding-top:0; }
.aar-native .aar-case-layout--image-led .gallery-library-heading { border-top:2px solid #b41414; padding-top:clamp(1.25rem,2vw,2rem); }
.aar-native .aar-case-layout--image-led .gallery-library-heading>p { color:#615e58; }
.aar-case-pattern :focus-visible { outline:3px solid #b41414; outline-offset:4px; }
.aar-native .aar-case-layout--series .aar-case-pattern :focus-visible,
.editor-styles-wrapper .aar-case-pattern--series :focus-visible { outline-color:#ff9a8f; }
.editor-styles-wrapper .aar-case-pattern--series { padding:clamp(1.5rem,4vw,3rem); background:#111; color:#f8f6f0; }
.editor-styles-wrapper .aar-case-pattern--series :is(h2,h3,p):not(.aar-case-profiles *) { color:inherit; }
.editor-styles-wrapper .aar-case-pattern--series .aar-case-editor-note { background:#282828; color:#f8f6f0; }
/* Conversation projects use editable blocks for every mockup section. The
   template supplies only the short archive heading and the selected width. */
.aar-native .aar-case-layout--conversation .aar-case-heading { padding:0; }
.aar-native .aar-case-layout--conversation.aar-case-layout--full { padding-inline:clamp(20px,4vw,64px); }
.aar-native .aar-case-layout--conversation .aar-conversation-breadcrumb { display:flex; justify-content:space-between; gap:1.5rem; padding:1.5rem 0; border-bottom:1px solid #777; color:#aaa; font-size:.8rem; }
.aar-native .aar-case-layout--conversation .aar-conversation-breadcrumb a { color:#f8f6f0; text-decoration:none; }
.aar-native .aar-case-layout--conversation .aar-conversation-breadcrumb a:hover { text-decoration:underline; }
.aar-native .aar-case-layout--conversation .aar-case-heading h1 { max-width:none; margin:0; font:700 clamp(3.4rem,7.5vw,7.2rem)/.98 Arial,Helvetica,sans-serif; letter-spacing:-.055em; }
.aar-native .aar-case-layout--conversation .aar-case-intro { display:none; }
.aar-native .aar-case-layout--conversation .aar-case-type { margin-top:clamp(2.5rem,5vw,4.5rem); color:#aaa; }
.aar-case-pattern--conversation { color:#f8f6f0; }
.aar-case-pattern--conversation .aar-conversation-subtitle { max-width:none; margin:clamp(.5rem,1vw,1rem) 0 clamp(1.75rem,3vw,3rem); font:400 clamp(2.2rem,4.6vw,4.5rem)/1.08 Arial,Helvetica,sans-serif; letter-spacing:-.045em; }
/* Keep the editable subtitle and single hero image on the title's left edge. */
.aar-native .aar-case-layout--conversation .aar-conversation-subtitle { width:100%; margin-inline:0; text-align:left; }
.aar-native .aar-case-layout--conversation .aar-conversation-hero { width:100%; max-width:none; margin-inline:0; }
.aar-native .aar-case-layout--conversation .aar-conversation-hero .aar-conversation-image { width:min(100%,1100px); margin-inline:0; }
.aar-case-pattern--conversation .aar-conversation-intro-bottom { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin:0 0 clamp(2rem,4vw,4rem); }
.aar-native .aar-case-layout--conversation .aar-conversation-intro-bottom.is-layout-constrained>.aar-conversation-lead {
  margin-inline:0 !important;
}
.aar-native .aar-case-layout--conversation .aar-case-pattern--conversation .aar-conversation-lead,.editor-styles-wrapper .aar-case-pattern--conversation .aar-conversation-lead { max-width:42rem; margin:0; font:400 clamp(1.45rem,2.2vw,2.1rem)/1.32 Arial,Helvetica,sans-serif; letter-spacing:-.025em; }
.aar-case-pattern--conversation .aar-conversation-date { flex:0 0 auto; max-width:16rem; margin:0; color:#bbb; font-size:.8rem; }
.aar-case-pattern--conversation .aar-conversation-media { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr); gap:clamp(1.5rem,3vw,3rem); align-items:start; }
.aar-case-pattern--conversation .aar-conversation-media>.wp-block-column { min-width:0; margin:0; }
.aar-case-pattern--conversation .aar-conversation-image { margin:0; }
.aar-case-pattern--conversation .aar-conversation-image img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; background:#191919; }
.aar-case-pattern--conversation .aar-conversation-image figcaption { margin-top:.7rem; color:#aaa; font-size:.75rem; }
.aar-case-pattern--conversation .aar-conversation-reading { width:100%; margin:0; padding:1.25rem 0 0; border-top:1px solid #777; }
.aar-case-pattern--conversation .aar-conversation-reading h2 { margin:0 0 1.25rem; font:400 clamp(1.8rem,3vw,2.8rem)/1.12 Arial,Helvetica,sans-serif; letter-spacing:-.035em; }
.aar-case-pattern--conversation .aar-conversation-reading p:not(.aar-case-number) { max-width:42ch; color:#ddd; font-size:1rem; line-height:1.7; }
.aar-case-pattern--conversation .aar-conversation-credit { color:#aaa!important; font-size:.8rem!important; }
.aar-case-pattern--conversation .wp-block-button__link { display:inline-flex; align-items:center; min-height:44px; padding:.7rem 1rem; border-radius:8px; background:#b41414; color:#fff; font-size:.85rem; font-weight:700; text-decoration:none; }
.aar-case-pattern--conversation .wp-block-button__link:hover { background:#941010; }
.aar-case-pattern--conversation .aar-conversation-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.25rem,2vw,2rem) clamp(2rem,7vw,7rem); margin:clamp(2rem,5vw,5rem) 0 0; padding:clamp(1.75rem,3vw,3rem) 0; border-top:1px solid #777; }
.aar-case-pattern--conversation .aar-conversation-fact { width:100%; margin:0; }
.aar-case-pattern--conversation .aar-conversation-fact p { margin:0; }
.aar-case-pattern--conversation .aar-conversation-fact p:last-child { max-width:65ch; margin-top:.6rem; color:#ddd; font-size:1rem; }
.aar-case-pattern--conversation .aar-conversation-nav { margin:0; padding:clamp(1.5rem,3vw,3rem) 0; background:#1a1a1a; }
.aar-case-pattern--conversation .aar-conversation-nav ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
.aar-case-pattern--conversation .aar-conversation-chapter { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:0 clamp(2rem,8vw,8rem); width:100%; margin:0; padding:clamp(2.5rem,5vw,5rem) clamp(1.25rem,4vw,4rem); background:#eeece8; color:#111; border-bottom:1px solid #aaa; }
.aar-case-pattern--conversation .aar-conversation-chapter .aar-case-number { grid-column:1; margin:0 0 1rem; color:#555; }
.aar-case-pattern--conversation .aar-conversation-chapter h2 { grid-column:1; grid-row:2; max-width:20ch; margin:0; color:#111; font:400 clamp(2rem,3.5vw,3.5rem)/1.08 Arial,Helvetica,sans-serif; }
.aar-case-pattern--conversation .aar-conversation-chapter>p:last-child { grid-column:2; grid-row:2; max-width:70ch; margin:0; color:#111; font:400 clamp(1.1rem,1.6vw,1.45rem)/1.65 Arial,Helvetica,sans-serif; }
.aar-case-pattern--conversation .aar-conversation-source { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:1.5rem clamp(2rem,8vw,8rem); padding:clamp(2.5rem,5vw,5rem) 0; border-bottom:1px solid #777; }
.aar-case-pattern--conversation .aar-conversation-source h2 { grid-column:1; max-width:16ch; margin:0; }
.aar-case-pattern--conversation .aar-conversation-source>p:not(.aar-case-number) { grid-column:2; margin:0; color:#ddd; }
.aar-case-pattern--conversation .aar-conversation-source>.wp-block-buttons { grid-column:2; }
.aar-case-pattern--conversation .aar-conversation-related-intro { padding:clamp(2.5rem,5vw,5rem) 0 1.5rem; }
.aar-case-pattern--conversation .aar-conversation-related-intro h2 { margin:0 0 1.5rem; font:400 clamp(2.3rem,4vw,4rem)/1.08 Arial,Helvetica,sans-serif; }
.aar-case-pattern--conversation .aar-conversation-subjects { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.5rem 0; }
.aar-case-pattern--conversation .aar-conversation-subjects a { display:inline-flex; align-items:center; min-height:44px; padding:.55rem .9rem; border:1px solid #777; border-radius:99px; color:#f8f6f0; font-size:.85rem; text-decoration:none; }
.aar-case-pattern--conversation .aar-conversation-subjects a:hover { border-color:#b41414; }
.aar-case-pattern--conversation .aar-conversation-evidence { max-width:none; padding:.5rem 0; }
.aar-case-pattern--conversation .aar-conversation-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,2vw,2rem); margin:0; }
.aar-case-pattern--conversation .aar-conversation-related-card { min-width:0; margin:0; padding:1rem; border:1px solid #555; }
.aar-case-pattern--conversation .aar-conversation-related-image { margin:0 0 1rem; }
.aar-case-pattern--conversation .aar-conversation-related-image img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.aar-case-pattern--conversation .aar-conversation-related-card h3 { margin:.35rem 0 .8rem; font:400 clamp(1.5rem,2vw,2.2rem)/1.15 Arial,Helvetica,sans-serif; }
.aar-case-pattern--conversation .aar-conversation-related-card p { margin:0 0 1rem; font-size:.9rem; }
.aar-case-pattern--conversation .aar-conversation-disclaimer { margin:1.5rem 0 clamp(2rem,4vw,4rem); color:#aaa; font-size:.8rem; }
.aar-case-pattern--conversation .aar-conversation-episodes { max-width:none; margin:0; padding:clamp(2.5rem,5vw,5rem) 0; border-block:1px solid #777; }
.aar-case-pattern--conversation .aar-conversation-episodes.is-layout-constrained > :is(.wp-block-shortcode,.aar-conversation-notes,.aar-conversation-source-article) { width:100%; max-width:960px; margin-inline:0; }
.aar-case-pattern--conversation .aar-conversation-episodes h2 { margin:0 0 1rem; font:400 clamp(2.3rem,4vw,4rem)/1.08 Arial,Helvetica,sans-serif; }
.aar-case-pattern--conversation .aar-conversation-episodes>p:not(.aar-case-number) { max-width:70ch; margin:0 0 2rem; }
.aar-case-pattern--conversation .aar-episodes-player { max-width:960px; }
.aar-case-pattern--conversation .aar-episodes-title { margin:0 0 1rem; font-size:1.2rem; }
.aar-case-pattern--conversation .aar-episodes-frame { display:grid; place-items:center; width:100%; aspect-ratio:16/9; min-height:220px; background:#242424; border:1px solid #777; }
.aar-case-pattern--conversation .aar-episodes-frame iframe { width:100%; height:100%; border:0; }
.aar-case-pattern--conversation .aar-episodes-load { min-height:48px; padding:.75rem 1.25rem; border:0; border-radius:.6rem; background:#bc1114; color:#fff; font:600 1rem Arial,Helvetica,sans-serif; cursor:pointer; }
.aar-case-pattern--conversation .aar-episodes-load:hover,.aar-case-pattern--conversation .aar-episodes-load:focus-visible { background:#e02125; }
.aar-case-pattern--conversation .aar-episodes-list-label { margin:2rem 0 .75rem; color:#aaa; font:.75rem/1.4 Arial,Helvetica,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.aar-case-pattern--conversation .aar-episodes-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; margin:0; padding:0; list-style:none; }
.aar-case-pattern--conversation .aar-episodes-list li { min-width:0; margin:0; }
.aar-case-pattern--conversation .aar-episode-choice { display:flex; align-items:center; justify-content:space-between; gap:1.25rem; width:100%; min-height:60px; padding:.9rem 1rem; border:1px solid #626262; border-radius:.4rem; background:#202020; color:#fff; font:500 .95rem/1.35 Arial,Helvetica,sans-serif; text-align:left; cursor:pointer; }
.aar-case-pattern--conversation .aar-episode-choice:hover,.aar-case-pattern--conversation .aar-episode-choice:focus-visible,.aar-case-pattern--conversation .aar-episode-choice[aria-pressed="true"] { border-color:#e02125; background:#2b1c1c; }
.aar-case-pattern--conversation .aar-episode-action { flex:none; color:#ef5b5b; font-size:.8rem; font-weight:700; }
.aar-case-pattern--conversation .aar-episodes-privacy { margin:1rem 0 .5rem; color:#aaa; font-size:.875rem; }
.aar-case-pattern--conversation .aar-episodes-link { display:inline-flex; align-items:center; min-height:44px; color:#fff; text-decoration:underline; text-underline-offset:.25em; }
.aar-case-pattern--conversation .aar-conversation-notes { max-width:75ch; margin:2rem 0 0; padding:1rem 0; border-top:1px solid #777; }
.aar-case-pattern--conversation .aar-conversation-notes summary { min-height:44px; font-size:1rem; cursor:pointer; }
.aar-case-pattern--conversation .aar-episode-notes { max-width:960px; }
.aar-case-pattern--conversation .aar-episode-description { margin:1rem 0; color:#ddd; font-size:.95rem; line-height:1.6; white-space:pre-line; overflow-wrap:anywhere; }
.aar-case-pattern--conversation .aar-conversation-source-article { max-width:75ch; margin:2rem 0 0; padding:1rem 0; border-top:1px solid #777; }
.aar-case-pattern--conversation .aar-conversation-source-article summary { min-height:44px; font-size:1rem; cursor:pointer; }
.aar-case-pattern--conversation .aar-conversation-original { max-width:none; margin:0 0 2rem; padding:1rem 0; border-block:1px solid #777; }
.aar-case-pattern--conversation .aar-conversation-original summary { min-height:44px; font-size:1rem; }
.aar-case-pattern--conversation .aar-conversation-original :is(p,h2,h3,figure,.wp-block-embed) { max-width:75ch; }
@media(max-width:800px) {
  .aar-case-pattern--conversation .aar-conversation-intro-bottom { display:block; }
  .aar-case-pattern--conversation .aar-conversation-date { margin-top:1.25rem; }
  .aar-case-pattern--conversation .aar-conversation-media { display:block; }
  .aar-case-pattern--conversation .aar-conversation-reading { margin-top:1.5rem; }
  .aar-case-pattern--conversation .aar-conversation-facts { grid-template-columns:1fr; }
  .aar-case-pattern--conversation .aar-conversation-nav ul { grid-template-columns:1fr; }
  .aar-case-pattern--conversation .aar-conversation-chapter,.aar-case-pattern--conversation .aar-conversation-source { display:block; }
  .aar-case-pattern--conversation .aar-conversation-chapter h2 { margin:0 0 1.25rem; }
  .aar-case-pattern--conversation .aar-conversation-related-grid { grid-template-columns:1fr; }
  .aar-case-pattern--conversation .aar-episodes-list { grid-template-columns:1fr; }
}
@media(max-width:800px) { .aar-case-pattern .aar-case-chapter-nav ul { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* Let the 3/4 template use the full inner width on compact screens for comfortable reading. */
@media(max-width:800px) { .aar-native .aar-case-layout--three-quarter .aar-case-record { width:100%; } }
@media(max-width:1100px) { .aar-native .aar-case-layout--collection .aar-case-heading { display:block; } .aar-native .aar-case-layout--collection .aar-case-heading h1 { margin-bottom:1.5rem; } .aar-native .aar-case-layout--collection .aar-case-heading .aar-case-intro { margin-top:1.5rem; } .aar-native .aar-case-layout--collection .aar-case-heading--with-facts .aar-case-facts { margin:2rem 0 0; } }
@media(max-width:650px) { .aar-native .aar-case-facts,.aar-case-pattern .aar-case-chapter-nav ul { grid-template-columns:1fr; } .aar-native .aar-case-facts { gap:1.25rem; } .aar-case-pattern .aar-case-record-grid,.aar-case-pattern .aar-case-professional { display:block; } .aar-case-pattern .aar-case-record-grid>.wp-block-column { margin-bottom:2rem; } }
@media(max-width:800px) { .aar-case-pattern .wp-block-group.is-style-aar-case-section-three-quarter { width:100%; } }

/* Collection presentation for Exhibition blocks. This opt-in pairing lets a
   Duet record use the light Collection mockup without rewriting its blocks. */
.aar-native .aar-case-layout--collection { background:#fff; color:#111; }
.aar-native .aar-case-layout--collection .aar-case-heading { grid-template-columns:minmax(0,1.75fr) minmax(0,1fr); gap:0 clamp(2rem,4vw,4rem); padding-block:clamp(1.25rem,2vw,2rem) clamp(1.75rem,3vw,3rem); }
.aar-native .aar-case-layout--collection .aar-case-back { grid-column:1 / -1; grid-row:1; min-height:44px; margin:0 0 clamp(.75rem,1.5vw,1.5rem); border:0; }
.aar-native .aar-case-layout--collection .aar-case-type { display:none; }
.aar-native .aar-case-layout--collection .aar-case-heading h1 { grid-column:1; grid-row:2 / span 2; max-width:20ch; margin:0; font:700 clamp(2.75rem,4.8vw,5rem)/.98 Arial,Helvetica,sans-serif; letter-spacing:-.055em; }
.aar-native .aar-case-layout--collection .aar-case-heading .aar-case-facts { grid-column:2; grid-row:2; align-self:start; margin:0; gap:1rem; }
.aar-native .aar-case-layout--collection .aar-case-heading .aar-case-intro { grid-column:2; grid-row:3; align-self:start; max-width:35ch; margin:clamp(1rem,2vw,1.5rem) 0 0; font:400 clamp(1.1rem,1.55vw,1.35rem)/1.4 Georgia,'Times New Roman',serif; }
.aar-native .aar-case-layout--collection .aar-case-heading:not(.aar-case-heading--with-facts) .aar-case-intro { grid-row:2; margin:0; }
.aar-native .aar-case-layout--collection .aar-case-facts dt { color:#5c5c5c; }
.aar-native .aar-case-layout--collection .aar-case-facts dd { color:#111; line-height:1.45; }

:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition { background:#fff; color:#111; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media { margin:0 0 clamp(1.5rem,3vw,3rem); padding-top:clamp(.75rem,1.5vw,1.5rem); border-top:1px solid #d6d6d6; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-columns { display:block; margin:0; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column { width:100%; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:first-child { padding:clamp(1rem,2vw,2rem); background:#f2f2f2; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media figure { width:min(100%,960px); height:auto; margin:0 auto; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media img { width:100%; height:auto; max-height:65vh; object-fit:contain; background:transparent; }
/* The editor-controlled lead image is the single Collection hero. Remove the
   old inset frame and fill its media column; chapter images keep their own fit. */
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence .aar-case-exhibition-media .wp-block-column:first-child { padding:0; background:transparent; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence .aar-case-exhibition-media figure { width:100%; max-width:none; margin:0; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence .aar-case-exhibition-media img { display:block; width:100%; height:clamp(18rem,52vw,42rem); max-height:none; object-fit:cover; background:transparent; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence>.wp-block-image { width:100%; max-width:none; margin-inline:0; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence>.wp-block-image img { display:block; width:100%; height:clamp(18rem,52vw,42rem); object-fit:cover; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media figcaption { color:#555; padding:.65rem 0 0; font-size:.8rem; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:0 clamp(1.5rem,3vw,3rem); padding:clamp(1.25rem,2vw,2rem) 0; background:#fff; color:#111; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child>p:first-child { grid-column:1; grid-row:1; margin:0 0 .65rem; color:#b41414; font:600 .75rem/1.4 Arial,Helvetica,sans-serif; letter-spacing:.1em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child h2 { grid-column:1; grid-row:2 / span 2; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child>p:not(:first-child) { grid-column:2; margin:0 0 .7rem; color:#111; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child>p:nth-child(3) { grid-row:2; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child>p:nth-child(4) { grid-row:3; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child h2 { font:600 clamp(1.5rem,2vw,2rem)/1.12 Arial,Helvetica,sans-serif; letter-spacing:-.035em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child p:not(:first-child) { font:400 clamp(1rem,1.25vw,1.2rem)/1.5 Georgia,'Times New Roman',serif; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-gallery { margin-block:clamp(1rem,2vw,2rem); }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-gallery img { background:#f2f2f2; object-fit:contain; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-gallery figcaption { color:#555; }

:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-facts { grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1.5rem,2vw,2.5rem); margin:clamp(2rem,4vw,4rem) 0; padding:clamp(1.5rem,3vw,3rem); border-block:1px solid #d6d6d6; background:#f6f5f2; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-facts>.wp-block-group>p:first-child { color:#5c5c5c; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-facts>.wp-block-group>p:last-child { color:#111; font-size:clamp(.95rem,1.1vw,1.1rem); }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter-nav { margin:0; padding:1rem 0; border-color:#d6d6d6; background:#fff; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter-nav ul { display:flex; flex-wrap:wrap; gap:.25rem 1.5rem; margin:.5rem 0 0; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter-nav li { border:0; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter-nav a { color:#111; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter-nav a:hover { color:#b41414; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter { display:block; margin:0; padding:clamp(2.5rem,4vw,4rem) 0; border-color:#d6d6d6; background:#fff; color:#111; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter>p:first-child { margin:0 0 .65rem; color:#b41414; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter>h2 { max-width:27ch; margin:0 0 1.5rem; color:#111; font:600 clamp(2rem,3.6vw,3.5rem)/1.03 Arial,Helvetica,sans-serif; letter-spacing:-.05em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-chapter>p:not(:first-child) { max-width:70ch; margin:0; color:#111; font:400 clamp(1.05rem,1.45vw,1.2rem)/1.5 Georgia,'Times New Roman',serif; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-extended-record { margin-block:clamp(2rem,4vw,4rem); }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-extended-record :is(summary,p) { color:#111; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-source { border-color:#d6d6d6; color:#111; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-source :is(h2,p) { color:#111; }

/* In stacked headers, facts follow the introduction in document order.
   Keep their spacing explicit so the desktop grid reset cannot collapse it. */
.aar-native .aar-case-layout--collection.aar-case-layout--centered .aar-case-heading .aar-case-facts { margin:1.5rem 0 0; }
@media(max-width:1100px) {
  .aar-native .aar-case-layout--collection .aar-case-heading .aar-case-facts { margin:1.5rem 0 0; }
}
@media(max-width:1000px) {
  .aar-native .aar-case-layout--collection .aar-case-heading { display:block; }
  .aar-native .aar-case-layout--collection .aar-case-heading h1 { margin:0 0 1.5rem; }
  .aar-native .aar-case-layout--collection .aar-case-heading .aar-case-facts { margin:1.5rem 0 0; }
  .aar-native .aar-case-layout--collection .aar-case-heading .aar-case-intro { max-width:50rem; margin:0; }
  :is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
  .aar-native .aar-case-layout--collection .aar-case-heading h1 { font-size:clamp(2.5rem,8vw,4rem); }
  :is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-media .wp-block-column:last-child { display:block; }
  :is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--exhibition .aar-case-exhibition-facts { grid-template-columns:1fr; }
}

/* Complete the editable Collection case pattern with the mockup's evidence,
   source, and related-work rhythm. These rules also serve the Duet adaptation. */
/* Lead and source note share a reading measure. Avoid a large display line
   followed by a much smaller, narrower paragraph in Collection introductions. */
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection > .aar-case-lead { max-width:44rem; margin-bottom:clamp(1rem,1.5vw,1.5rem); font:400 clamp(1.35rem,1.85vw,1.65rem)/1.45 Georgia,'Times New Roman',serif; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-context-note { max-width:44rem; margin:0 0 clamp(1.5rem,3vw,3rem); color:#4e4e4e; font:400 clamp(.94rem,1vw,1rem)/1.55 Arial,Helvetica,sans-serif; }
.aar-native .aar-case-layout--full .aar-case-pattern--collection > .aar-case-lead,
.aar-native .aar-case-layout--full .aar-case-pattern--collection > .aar-case-context-note { max-width:none; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence { margin:0 0 clamp(2rem,4vw,4rem); border-top:1px solid #d7d7d7; background:#f2f2f2; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence>.aar-case-evidence-label { margin:0; padding:1rem clamp(1rem,3vw,2rem); background:#fff; color:#111; font:600 .72rem/1.4 Arial,Helvetica,sans-serif; letter-spacing:.1em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence figure { width:min(100%,1000px); margin:0 auto; padding:clamp(1rem,2vw,2rem); }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence img { display:block; width:100%; height:auto; max-height:70vh; object-fit:contain; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence :is(figcaption,.aar-case-evidence-caption) { max-width:75rem; margin:0 auto; padding:.75rem clamp(1rem,2vw,2rem) 1.5rem; color:#565656; font:.8rem/1.5 Arial,Helvetica,sans-serif; }
/* The documentation image is the Collection hero. The older evidence frame
   above is retained for other layouts, but its inset must not frame this hero. */
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence { background:#fff; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence > :is(.aar-case-evidence-label,.wp-block-image,.aar-case-exhibition-media) { width:100%; max-width:none; margin-inline:0 !important; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence figure { width:100%; max-width:none; margin:0; padding:0; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence figure img { width:100%; height:clamp(18rem,52vw,42rem); max-height:none; object-fit:cover; background:transparent; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-evidence .aar-case-exhibition-media .wp-block-column:first-child { padding:0; background:transparent; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-process { width:min(100%,820px); margin:clamp(2rem,4vw,4rem) 0 0; padding:clamp(1.25rem,2.5vw,2.5rem); border:1px solid #dedede; background:#f6f5f2; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-process h3 { margin:0 0 .75rem; color:#111; font:600 clamp(1.3rem,2vw,1.8rem)/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.03em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-process>p { max-width:70ch; margin:0 0 1.5rem; color:#4e4e4e; font:.92rem/1.55 Arial,Helvetica,sans-serif; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-process .wp-block-details { max-width:none; border-color:#d5d5d5; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection-duet .aar-case-chapter>p:not(.aar-case-number) { max-width:65ch; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection-duet .aar-case-chapter .aar-case-exhibition-gallery { margin-block:clamp(1.5rem,3vw,3rem); }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection-duet .aar-case-record-grid { margin-top:clamp(1.5rem,3vw,3rem); }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection-duet .aar-case-record-grid>.wp-block-column { padding:clamp(1rem,2vw,2rem) 0; border-color:#d7d7d7; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection-duet .aar-case-record-grid h3 { color:#111; font:600 clamp(1.5rem,2.2vw,2.2rem)/1.15 Arial,Helvetica,sans-serif; letter-spacing:-.04em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-source { border-top:1px solid #d7d7d7; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-source h2 { color:#111; font:600 clamp(2rem,3.8vw,3.5rem)/1.05 Arial,Helvetica,sans-serif; letter-spacing:-.05em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related { margin:clamp(2.5rem,5vw,5rem) 0 0; padding:clamp(2.5rem,4vw,4rem) 0; border-top:1px solid #d7d7d7; color:#111; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related>h2 { max-width:20ch; margin:.5rem 0 1.25rem; font:600 clamp(2rem,3.8vw,3.5rem)/1.08 Arial,Helvetica,sans-serif; letter-spacing:-.05em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related>.wp-block-buttons { justify-content:flex-end; margin:-4rem 0 clamp(2rem,4vw,4rem); }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related-cards { gap:clamp(1rem,2vw,1.5rem); margin:0 0 1.5rem; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related-cards>.wp-block-column { display:flex; flex-direction:column; min-width:0; padding:clamp(1.25rem,2vw,2rem); border:1px solid #d7d7d7; border-radius:12px; background:#f8f7f4; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related-cards h3 { margin:.5rem 0 1rem; color:#111; font:600 clamp(1.4rem,2vw,2rem)/1.15 Arial,Helvetica,sans-serif; letter-spacing:-.04em; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related-cards p:not(.aar-case-number) { margin:0 0 1.5rem; font:.95rem/1.55 Arial,Helvetica,sans-serif; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related-cards .wp-block-buttons { margin-top:auto; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related .wp-block-button__link { min-height:44px; display:inline-flex; align-items:center; padding:.75rem 1.1rem; border-radius:12px; background:#b41414; color:#fff; font:600 .85rem/1.2 Arial,Helvetica,sans-serif; text-decoration:none; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related .wp-block-button.is-style-outline .wp-block-button__link { border:1px solid #b41414; background:#b41414; color:#fff; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related .wp-block-button__link:is(:hover,:focus-visible) { background:#851010; color:#fff; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related-note { margin:0; color:#606060; font:.78rem/1.5 Arial,Helvetica,sans-serif; }
@media(max-width:800px) {
  :is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related>.wp-block-buttons { justify-content:flex-start; margin:0 0 2rem; }
  :is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related-cards { flex-direction:column; }
}

/* WordPress core adds important auto margins to children of constrained
   Groups. Keep the Collection case rhythm aligned to the full page grid. */
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern>.aar-case-context-note { margin-inline:0 !important; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-process { width:100%; max-width:none; margin-inline:0 !important; padding:clamp(1.5rem,3vw,3rem) 0; border:0; border-top:1px solid #d7d7d7; background:#fff; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-process>:is(h3,p,.wp-block-details) { margin-inline:0 !important; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related>:is(p,h2,.wp-block-buttons,.wp-block-columns) { margin-inline:0 !important; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related>.aar-case-related-cards,
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related>.wp-block-buttons { width:100%; max-width:none; }
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related>.wp-block-buttons { margin-top:-4rem; }
@media(max-width:800px) {
  :is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-related>.wp-block-buttons { margin-top:0; }
}

/* Keep the Duet lead photograph close to its documentation label. */
.aar-native .aar-case-layout--collection .aar-case-pattern--collection-duet .aar-case-evidence > p { margin-block:.5rem; }
.aar-native .aar-case-layout--collection .aar-case-pattern--collection-duet .aar-case-exhibition-media { padding-top:0; }
.aar-native .aar-case-layout--collection .aar-case-pattern--collection-duet .aar-case-exhibition-media .wp-block-column:first-child { padding-top:0; }

/* WordPress constrained-layout defaults otherwise narrow each block in the
   documentation panel separately. Keep the label, image, and copy aligned. */
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection-duet .aar-case-evidence > .aar-case-evidence-label,
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection-duet .aar-case-evidence > .aar-case-exhibition-media,
:is(.aar-native .aar-case-layout--collection,.editor-styles-wrapper[data-aar-case-layout="collection"]) .aar-case-pattern--collection-duet .aar-case-exhibition-media > .wp-block-columns { width:100%; max-width:none; margin-inline:0; }

/* The Conversation pattern nests Columns and Groups inside constrained Groups.
   WordPress gives those children its 800px content measure and auto margins,
   even when the full-width Research template is selected. Restore the mockup's
   page grid while keeping each section as an editable core block. */
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-hero.is-layout-constrained > .aar-conversation-media {
  width:100%; max-width:none; margin-inline:0 !important;
}
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-source.is-layout-constrained > *,
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-related-intro.is-layout-constrained > * {
  max-width:none; margin-inline:0 !important;
}
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-related-intro {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 1.5rem; align-items:end;
}
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-related-intro > .aar-case-number,
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-related-intro > h2 { grid-column:1; }
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-related-intro > .wp-block-buttons { grid-column:2; grid-row:2; justify-content:flex-end; }
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-related-intro > :is(.aar-conversation-subjects,.aar-conversation-evidence) { grid-column:1 / -1; }
.aar-native .aar-case-layout--conversation.aar-case-layout--full {
  --aar-conversation-gutter:clamp(20px,4vw,64px);
}
.aar-native .aar-case-layout--conversation.aar-case-layout--full .aar-conversation-chapter {
  width:calc(100% + var(--aar-conversation-gutter) + var(--aar-conversation-gutter)); max-width:none;
  margin-inline:calc(0px - var(--aar-conversation-gutter)) !important;
  padding-inline:var(--aar-conversation-gutter);
}
@media(max-width:800px) {
  :is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-related-intro { display:block; }
  :is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-related-intro > .wp-block-buttons { justify-content:flex-start; margin-block:1.25rem !important; }
}

/* Conversation chapters are core Group blocks. Reset the WordPress constrained
   child measure so navigation, labels and copy stay on the same mockup grid in
   both the editor and the published full-width case view. */
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-nav.is-layout-constrained > :is(p,ul),
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-chapter.is-layout-constrained > :is(p,h2) {
  width:100%; max-width:none; margin-inline:0 !important; justify-self:stretch;
}
.aar-native .aar-case-layout--conversation.aar-case-layout--full .aar-conversation-nav {
  width:calc(100% + var(--aar-conversation-gutter) + var(--aar-conversation-gutter)); max-width:none;
  margin-inline:calc(0px - var(--aar-conversation-gutter)) !important;
  padding-inline:var(--aar-conversation-gutter);
}
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-chapter {
  grid-template-columns:minmax(0,471px) minmax(0,1fr); column-gap:clamp(2.5rem,5vw,4rem);
}
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-nav li {
  border-top-left-radius:14px; border-top-right-radius:14px;
}
:is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-nav li a::after {
  content:'↓'; margin-left:auto; padding-left:1rem; font-size:1.15rem; line-height:1;
}
@media(max-width:800px) {
  :is(.aar-native .aar-case-layout--conversation,.editor-styles-wrapper) .aar-case-pattern--conversation .aar-conversation-chapter { display:block; }
}
.editor-styles-wrapper[data-aar-reading-width] { background:#f2eee7; color:#1b1b19; }
.editor-styles-wrapper[data-aar-reading-width="centered"] .is-root-container { max-width:800px; margin-inline:auto; }
.editor-styles-wrapper[data-aar-reading-width="three-quarter"] .is-root-container { max-width:min(75vw,1100px); margin-inline:auto; }
.editor-styles-wrapper[data-aar-reading-width="full"] .is-root-container { max-width:none; padding-inline:10px; }

/* New Collection starters inherit the reviewed title measure. Match only the
   active top-level pattern; a preserved Original account must not restyle an
   older approved page. Existing saved Collection layouts remain unchanged. */
.aar-native .aar-case-layout--collection:has(> .aar-case-record > .aar-case-content > .aar-case-pattern--collection-reference) .aar-case-heading { column-gap:2.5rem; }
.aar-native .aar-case-layout--collection:has(> .aar-case-record > .aar-case-content > .aar-case-pattern--collection-reference) .aar-case-heading h1 { max-width:none; }

/* The reviewed Collection typography is opt-in on newly inserted starters,
   in both Gutenberg and the native renderer. Do not rewrite older blocks. */
.aar-case-pattern.aar-case-pattern--collection-reference .aar-case-chapter>h2 { font:600 clamp(2rem,3.6vw,3.5rem)/1.06 Arial,Helvetica,sans-serif; }
.aar-case-pattern--collection-reference .aar-case-chapter>.wp-block-columns { align-items:flex-start; }
.aar-case-pattern--collection-reference .aar-case-chapter .wp-block-column>p:not(.aar-case-number) { font:1.2rem/1.5 Georgia,serif; }
.aar-case-pattern.aar-case-pattern--collection-reference .aar-case-record-grid h3 { font:600 1.5rem/1.15 Arial,Helvetica,sans-serif; }
.aar-case-pattern--collection-reference .aar-case-chapter .wp-block-image { width:100%; max-width:none; margin-inline:0; }
.aar-case-pattern--collection-reference .aar-case-chapter .wp-block-image img { display:block; width:100%; height:auto; object-fit:contain; }