/* Shared visitor/editor presentation. Tokens live in theme.json. */
:root { --diana-rule: var(--wp--preset--color--rule); --diana-ink: var(--wp--preset--color--ink); --diana-accent: var(--wp--preset--color--oxblood); --diana-muted: var(--wp--preset--color--secondary); }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0; font-optical-sizing: auto; }
.wp-site-blocks { padding-top: 0; padding-bottom: 0; }
.wp-site-blocks > * { margin-block-start: 0; }
.diana-frame { width: calc(100% - 112px); max-width: var(--wp--style--global--wide-size); margin-inline: auto; }
.diana-main { padding-block: 0 0; }
:where(h1,h2,h3,h4,h5,h6,p,figure) { margin-block-start: 0; }
:where(h1,h2,h3,h4,h5,h6,a,p,li,td,th) { overflow-wrap: anywhere; }
:where(.wp-block-group,.wp-block-columns,.wp-block-column) { min-width: 0; }
a { text-underline-offset: .2em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--diana-accent); outline-offset: 4px; }
:target { scroll-margin-block: 24px; }
.diana-header { display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:104px; border-bottom:1px solid var(--diana-ink); }
.diana-header > *, .diana-footer > * { margin-block:0; }
.wp-block-site-title a { color:var(--diana-ink); text-decoration:none; }
.diana-brand, .diana-footer-brand { display:flex; align-items:center; gap:16px; min-width:0; }
.diana-brand > *, .diana-footer-brand > * { margin:0; }
.diana-logo { flex:0 0 auto; }
.diana-logo a { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; }
.diana-logo img { display:block; height:auto; object-fit:contain; }
.diana-header .diana-logo img { width:48px; }
.diana-footer .diana-logo img { width:28px; }
.wp-block-navigation a { color:var(--diana-ink); text-decoration:none; padding-block:10px; }
.diana-header .wp-block-navigation, .diana-header .wp-block-navigation__container { gap:29px; }
.diana-footer .wp-block-navigation, .diana-footer .wp-block-navigation__container { gap:24px; }
.wp-block-navigation a:hover { text-decoration:underline; }
.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { min-width:44px; min-height:44px; justify-content:center; align-items:center; }
.wp-block-navigation__responsive-container.is-menu-open { background:var(--wp--preset--color--paper); color:var(--diana-ink); padding:24px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items:flex-start; gap:8px; width:100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width:100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { display:block; width:100%; padding:12px; }
.diana-footer { border-top:1px solid var(--diana-ink); padding-block:26px 36px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 32px; color:var(--diana-muted); font:12px/1.6 var(--wp--preset--font-family--utility); }
.diana-footer .wp-block-navigation { font-size:12px; }
.diana-label { font:11px/1.5 var(--wp--preset--font-family--utility); letter-spacing:1.6px; text-transform:uppercase; color:var(--diana-muted); }
.diana-accent { color:var(--diana-accent); }
.diana-meta,.diana-byline { font:12px/1.6 var(--wp--preset--font-family--utility); color:var(--diana-muted); }
.diana-meta { margin-block:12px 0; }
.diana-textlink { font:14px/1.6 var(--wp--preset--font-family--utility); margin-block:10px 0; }
.diana-textlink a { display:inline-block; padding-block:8px; }
.diana-summary { font:14px/1.65 var(--wp--preset--font-family--utility); color:var(--diana-muted); }
.diana-fine { font:12px/1.65 var(--wp--preset--font-family--utility); color:var(--diana-muted); margin-block:13px 0; }
.diana-draft { font:11px/1.6 var(--wp--preset--font-family--utility); color:var(--diana-accent); margin-block:16px 0; }
.diana-editorial-page > * { margin-block:0; }
.diana-editorial-page :where(h1,h2,h3) a, .diana-related h3 a, .diana-archive-entry h2 a { color:var(--diana-ink); text-decoration:none; }
.diana-editorial-page :where(h1,h2,h3) a:hover, .diana-related h3 a:hover, .diana-archive-entry h2 a:hover { text-decoration:underline; }
.diana-hero { padding:62px 0 56px; display:grid; grid-template-columns:2.15fr 1fr; gap:75px; align-items:end; }
.diana-hero h1 { font-size:50px; line-height:1.14; letter-spacing:-1.6px; margin-block:17px 0; }
.diana-intro-copy { font:16px/1.7 var(--wp--preset--font-family--utility); }
.diana-intro-copy > p:first-child { margin:0; }
.diana-feature { border-top:1px solid var(--diana-rule); border-bottom:1px solid var(--diana-ink); padding:36px 0 40px; display:grid; grid-template-columns:190px minmax(0,1fr) 280px; gap:30px; align-items:start; }
.diana-feature > * { margin:0; }
.diana-feature h2 { font-size:46px; line-height:1.12; letter-spacing:-1.3px; max-width:410px; }
.diana-feature-copy { font-size:17px; line-height:1.7; }
.diana-feature-copy p:first-child { margin:0; }
.diana-section { padding:43px 0 46px; border-bottom:1px solid var(--diana-rule); }
.diana-sectionhead { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px; align-items:baseline; margin-bottom:29px; }
.diana-sectionhead > * { margin:0; }
.diana-sectionhead > p:not(.diana-textlink) { font:13px/1.6 var(--wp--preset--font-family--utility); color:var(--diana-muted); }
.diana-section h2 { font-size:30px; letter-spacing:-.6px; }
.diana-start-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.diana-start-item { margin:0; }
.diana-start-item + .diana-start-item { border-left:1px solid var(--diana-rule); padding-left:32px; }
.diana-number { font:italic 19px/1.5 var(--wp--preset--font-family--editorial); color:var(--diana-accent); margin-bottom:14px; }
.diana-start-item h3 { font-size:27px; line-height:1.23; letter-spacing:-.4px; margin:10px 0 14px; }
.diana-start-item .diana-label { margin:0; }
.diana-start-item .diana-summary { margin-bottom:0; }
.diana-selected { display:grid; grid-template-columns:190px minmax(0,1fr); gap:30px; }
.diana-selected > * { margin:0; }
.diana-essay-row { display:grid; grid-template-columns:minmax(0,1fr) 170px; gap:35px; padding:22px 0; border-bottom:1px solid var(--diana-rule); align-items:center; margin:0; }
.diana-essay-row:first-child { padding-top:0; }
.diana-essay-row h3 { font-size:25px; line-height:1.3; margin:0; }
.diana-essay-row .diana-meta { margin-top:6px; }
.diana-essay-row .diana-label { text-align:right; font-size:12px; letter-spacing:.8px; margin:0; }
.diana-topics { list-style:none; padding:0; display:flex; gap:13px 34px; flex-wrap:wrap; font-size:21px; }
.diana-topics a { color:var(--diana-ink); display:inline-block; padding:5px 0; text-decoration-color:var(--diana-accent); }
.diana-topics > li { padding-block:5px; }
.diana-topics > li > a { padding-block:0; }
.diana-library-home { padding:32px 0; border-bottom:1px solid var(--diana-rule); }
.diana-library-home .diana-sectionhead { margin-bottom:18px; }
.diana-library-home h2 { font-size:25px; }
.diana-library-mini { display:grid; grid-template-columns:1fr 1fr; gap:55px; font-size:15px; line-height:1.6; }
.diana-library-mini > * { margin:0; }
.diana-library-mini h3 { font-size:22px; line-height:1.25; margin:0; }
.diana-library-mini .diana-meta { margin:7px 0 11px; }
.diana-library-mini .diana-draft { font-size:12px; }
.diana-library-mini p { margin-bottom:0; }
.diana-newsletter { margin-top:46px; background:var(--wp--preset--color--wash); padding:40px 44px; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; border-top:2px solid var(--diana-accent); }
.diana-newsletter > * { margin:0; }
.diana-newsletter h2 { font-size:36px; line-height:1.15; letter-spacing:-.8px; margin:12px 0; }
.diana-newsletter p:not(.diana-label):not(.diana-fine) { font:15px/1.7 var(--wp--preset--font-family--utility); margin-bottom:0; }
.wp-block-button__link { border-radius:0; white-space:normal; line-height:1.4; }
.diana-about { padding:46px 0; display:grid; grid-template-columns:190px minmax(0,1fr) 210px; gap:30px; align-items:start; }
.diana-about > * { margin:0; }
.diana-about h2 { font-size:28px; }
.diana-about p:not(.diana-textlink) { font-size:19px; line-height:1.65; margin:0; }
.diana-portrait { width:210px; max-width:100%; }
.diana-portrait img { width:100%; height:auto; display:block; }
.diana-portrait img:not([src]) { display:none; }
.diana-portrait figcaption { margin-top:10px; }
.diana-library-head { padding:54px 0 42px; border-bottom:1px solid var(--diana-ink); display:grid; grid-template-columns:190px minmax(0,1fr); gap:30px; }
.diana-library-head > * { margin:0; }
.diana-library-head h1 { font-size:57px; line-height:1.12; margin:0 0 24px; }
.diana-description { font-size:23px; line-height:1.6; max-width:740px; }
.diana-library-entry { display:grid; grid-template-columns:190px minmax(0,1fr) 230px; gap:30px; padding:42px 0; border-bottom:1px solid var(--diana-rule); }
.diana-library-entry > * { margin:0; }
.diana-library-entry h2 { font-size:35px; line-height:1.18; letter-spacing:-.5px; margin:0 0 13px; }
.diana-library-entry .wp-block-image { max-width:120px; }
.diana-annotation { font-size:20px; line-height:1.65; margin:25px 0 15px; }
.diana-connection { border-left:1px solid var(--diana-rule); padding-left:23px; }
.diana-connection-link { font-size:19px; line-height:1.5; margin-top:13px; }
.diana-connection-link a { color:var(--diana-ink); }
.diana-library-tail { padding:36px 0 45px; display:grid; grid-template-columns:190px minmax(0,1fr); gap:30px; font-size:18px; }
.diana-library-tail > * { margin:0; }
.diana-library-tail p:not(.diana-label) { max-width:650px; }
.diana-article-head { padding:56px 0 36px; max-width:920px; margin:auto; }
.diana-article-head .wp-block-post-title { margin-block:20px 0; max-width:850px; }
.diana-article-head .wp-block-post-terms a { color:var(--diana-accent); }
.diana-deck { font-size:21px; line-height:1.5; margin-top:23px; max-width:700px; }
.diana-deck p { margin:0; }
.diana-byline { margin-top:27px; display:flex; gap:10px 22px; align-items:baseline; flex-wrap:wrap; }
.diana-byline > * { margin:0; }
.diana-reading { font-size:20px; line-height:1.625; }
.wp-block-post-content.diana-reading { padding-inline:0; }
.diana-reading > :not(.alignwide):not(.alignfull) { max-width:700px; margin-inline:auto; }
.diana-reading > .alignwide { max-width:920px; margin-inline:auto; }
.diana-reading > .alignfull { max-width:100%; margin-inline:0; }
.diana-reading p { margin-block:0 22px; }
.diana-reading h2 { font-size:29px; line-height:1.25; margin-block:25px 22px; }
.diana-reading h3 { font-size:25px; line-height:1.3; margin-block:25px 18px; }
.diana-reading h4 { font-size:22px; }
.diana-reading h5 { font-size:20px; }
.diana-reading h6 { font-size:18px; }
.diana-reading blockquote { margin-block:35px; padding:8px 0 8px 25px; border-left:2px solid var(--diana-accent); font:italic 28px/1.4 var(--wp--preset--font-family--editorial); color:var(--diana-accent); }
.diana-reading blockquote p:last-child { margin-bottom:0; }
.diana-reading blockquote cite { font:13px/1.6 var(--wp--preset--font-family--utility); }
.diana-reading :where(ul,ol) { padding-inline-start:1.5em; }
.diana-reading li { margin-block:8px; }
.diana-reading sup { line-height:0; }
.diana-reading sup a { padding:3px; }
.diana-reading :where(.footnotes,.wp-block-footnotes) { border-top:1px solid var(--diana-rule); padding-top:16px; margin-top:32px; font:14px/1.65 var(--wp--preset--font-family--utility); }
.diana-reading .footnotes h2 { font:11px/1.5 var(--wp--preset--font-family--utility); letter-spacing:1.6px; text-transform:uppercase; }
img { max-width:100%; height:auto; }
.wp-caption { max-width:100%; }
.wp-caption-text, .gallery-caption { font:12px/1.6 var(--wp--preset--font-family--utility); color:var(--diana-muted); }
.diana-reading :where(pre,code) { overflow-wrap:anywhere; white-space:pre-wrap; }
.diana-reading table { width:100%; border-collapse:collapse; font-size:16px; }
.diana-reading :where(th,td) { padding:10px; border:1px solid var(--diana-rule); text-align:start; }
.diana-reading .wp-block-table { overflow-x:auto; }
.diana-reading > table { table-layout:fixed; }
.diana-reading iframe { max-width:100%; }
.diana-related { border-top:1px solid var(--diana-ink); padding-top:28px; margin-block:48px 0; }
.diana-reading .diana-related h2 { font:11px/1.5 var(--wp--preset--font-family--utility); letter-spacing:1.6px; margin:0 0 20px; }
.diana-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px; }
.diana-related h3 { font-size:27px; line-height:1.25; margin-top:0; }
.diana-related-grid > * { margin:0; }
.diana-article-bottom { max-width:920px; margin:0 auto; }
.diana-comments { padding:38px 0 45px; font:14px/1.7 var(--wp--preset--font-family--utility); }
.diana-comments h2 { font:29px/1.25 var(--wp--preset--font-family--editorial); }
.diana-comments h3 { font:25px/1.3 var(--wp--preset--font-family--editorial); }
.diana-comment { border-top:1px solid var(--diana-rule); padding-block:20px; }
.diana-comments .wp-block-comment-date { font-size:12px; color:var(--diana-muted); }
.diana-comments .children { padding-left:min(4vw,32px); }
input:not([type=checkbox]):not([type=radio]),textarea,select { font:inherit; color:var(--diana-ink); background:var(--wp--preset--color--paper); border:1px solid var(--diana-muted); border-radius:0; max-width:100%; padding:12px; }
textarea { display:block; width:100%; }
label { display:block; margin-bottom:6px; }
.comment-form-cookies-consent label { display:inline; }
.diana-comments input[type=submit],.wp-block-search__button { background:var(--diana-accent); border:1px solid var(--diana-accent); color:var(--wp--preset--color--paper); min-height:44px; cursor:pointer; border-radius:0; }
.diana-search { max-width:700px; margin-top:28px; }
.wp-block-search__inside-wrapper { flex-wrap:nowrap; }
.wp-block-search__input { min-width:0; }
.diana-page-head { max-width:920px; margin:auto; padding:56px 0 42px; }
.diana-page-head h1 { font-size:57px; margin:0 0 24px; line-height:1.12; }
.diana-page-head p { max-width:700px; }
.page .diana-reading { padding-bottom:48px; }
.diana-archive { max-width:920px; margin:0 auto 50px; }
.diana-archive .wp-block-post-template { list-style:none; padding:0; }
.diana-archive-entry { border-top:1px solid var(--diana-rule); padding:28px 0; }
.diana-archive-entry h2 { font-size:32px; line-height:1.2; letter-spacing:-.5px; margin:0; }
.diana-archive-entry .diana-byline { margin-top:14px; }
.diana-archive-excerpt { font-size:18px; margin-top:16px; }
.wp-block-query-pagination,.wp-block-comments-pagination { font:14px/1.6 var(--wp--preset--font-family--utility); gap:12px; flex-wrap:wrap; }
.wp-block-query-pagination a,.wp-block-comments-pagination a,.page-numbers { display:inline-block; padding:10px; }
.wp-block-query-pagination .current { border-bottom:2px solid var(--diana-accent); }
/* Match the reference's tablet breakpoint, retaining core Navigation behavior. */
@media (min-width:901px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display:none; } }
@media (max-width:900px) {
 .diana-frame { width:calc(100% - 40px); }
 .diana-header { min-height:80px; gap:12px; }
 .diana-header .wp-block-site-title { font-size:26px; }
 .diana-brand { gap:10px; }
 .diana-header .diana-logo img { width:32px; }
 .diana-footer-brand { gap:12px; }
 .diana-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display:none !important; }
 .diana-header .wp-block-navigation__responsive-container-open { display:flex !important; }
 .diana-hero { display:block; padding:35px 0 30px; }
 .diana-hero h1 { font-size:36px; line-height:1.14; letter-spacing:-1.05px; margin-top:14px; }
 .diana-intro-copy { margin-top:22px; max-width:480px; font-size:15px; line-height:1.6; }
 .diana-feature { display:block; padding:28px 0; }
 .diana-feature h2 { font-size:34px; line-height:1.14; letter-spacing:-.8px; margin:19px 0; }
 .diana-feature-copy { font-size:16px; line-height:1.65; }
 .diana-section { padding:29px 0; }
 .diana-sectionhead { margin-bottom:21px; }
 .diana-section h2 { font-size:27px; }
 .diana-start-grid { display:block; }
 .diana-start-item { position:relative; padding:0 0 24px 39px; }
 .diana-start-item + .diana-start-item { border-left:0; border-top:1px solid var(--diana-rule); padding:22px 0 24px 39px; }
 .diana-start-item:last-child { padding-bottom:0; }
 .diana-number { position:absolute; left:0; top:0; }
 .diana-start-item + .diana-start-item .diana-number { top:22px; }
 .diana-start-item h3 { font-size:25px; margin:7px 0 11px; }
 .diana-selected { display:block; }
 .diana-selected > h2 { margin-bottom:25px; }
 .diana-essay-row { display:block; padding:19px 0; }
 .diana-essay-row h3 { font-size:23px; }
 .diana-essay-row .diana-label { text-align:left; margin-top:10px; }
 /* Mobile utility text: retain hierarchy without 10–11px labels. */
 .diana-label, .diana-draft, .diana-reading .footnotes h2, .diana-reading .diana-related h2 { font-size:12px; }
 .diana-topics { gap:13px 25px; }
 .diana-library-mini { display:block; }
 .diana-library-mini article + article { border-top:1px solid var(--diana-rule); margin-top:22px; padding-top:22px; }
 .diana-library-home h2 { font-size:24px; }
 .diana-newsletter { margin-top:30px; padding:28px 24px; display:block; }
 .diana-newsletter h2 { font-size:31px; }
 .diana-newsletter > div + div { margin-top:24px; }
 .diana-newsletter .wp-block-button { width:100%; }
 .diana-newsletter .wp-block-button__link { width:100%; text-align:center; }
 .diana-about { display:block; padding:30px 0; }
 .diana-about h2 { font-size:26px; margin-bottom:16px; }
 .diana-about p:not(.diana-textlink) { font-size:18px; }
 .diana-about .diana-portrait { width:128px; margin-top:24px; }
 .diana-footer { display:block; padding:24px 0 30px; }
 .diana-footer .wp-block-navigation { margin-top:15px; }
 .diana-footer .wp-block-navigation__container { gap:4px 18px; }
 .diana-library-head { display:block; padding:34px 0 29px; }
 .diana-library-head > .diana-label { margin-bottom:20px; }
 .diana-library-head h1 { font-size:41px; margin-bottom:19px; }
 .diana-description { font-size:20px; line-height:1.55; }
 .diana-library-entry { display:block; padding:29px 0; }
 .diana-library-entry > .diana-label { margin-bottom:18px; }
 .diana-library-entry h2 { font-size:29px; }
 .diana-annotation { font-size:18px; line-height:1.65; margin-top:20px; }
 .diana-connection { border-left:0; border-top:1px solid var(--diana-rule); padding:20px 0 0; margin-top:24px; }
 .diana-library-tail { display:block; padding:28px 0; font-size:17px; }
 .diana-library-tail > .diana-label { margin-bottom:14px; }
 .diana-article-head { padding:34px 0 21px; }
 .diana-article-head .wp-block-post-title { font-size:39px; line-height:1.12; letter-spacing:-1px; margin-top:17px; }
 .diana-deck { font-size:19px; line-height:1.55; margin-top:20px; }
 .diana-byline { font-size:12px; gap:8px 15px; margin-top:22px; }
 .diana-reading { font-size:18px; line-height:1.638889; }
 .diana-reading p { margin-bottom:21px; }
 .diana-reading h2 { font-size:25px; margin-block:18px; }
 .diana-reading blockquote { font-size:25px; line-height:1.4; margin-block:29px; padding-left:20px; }
 .diana-reading :where(.footnotes,.wp-block-footnotes) { font-size:13px; }
 .diana-related { margin-top:30px; }
 .diana-related-grid { display:block; }
 .diana-related-grid > div + div { border-top:1px solid var(--diana-rule); padding-top:23px; margin-top:22px; }
 .diana-related h3 { font-size:25px; }
 .diana-comments { padding:30px 0; }
 .diana-comments h2 { font-size:26px; }
 .diana-page-head { padding:34px 0 29px; }
 .diana-page-head h1 { font-size:41px; }
 .diana-archive-entry h2 { font-size:27px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; } }
@media print {
 .diana-header,.diana-footer,.diana-newsletter,.diana-comments,.diana-related { display:none; }
 body { color:#000; background:#fff; }
 .diana-frame,.diana-reading { width:100%; max-width:none; }
}
/* The editorial page patterns use the wide canvas in the Page editor too. */
.editor-styles-wrapper .is-root-container:has(> .diana-hero, > .diana-library-head) { max-width:1168px; margin-inline:auto; padding-inline:20px; }
.editor-styles-wrapper .is-root-container:has(> .diana-hero, > .diana-library-head) > .wp-block { max-width:100%; }
.editor-styles-wrapper :where(.diana-feature,.diana-start-grid,.diana-selected,.diana-library-home) :where(h2,h3) a { color:var(--diana-ink); text-decoration:none; }
.editor-styles-wrapper .is-root-container > blockquote { padding:8px 0 8px 25px; margin-block:35px; }
@media (max-width:900px) {
 .editor-styles-wrapper { font-size:18px; line-height:1.638889; }
 .editor-styles-wrapper .is-root-container > h2 { font-size:25px; }
}