/*
 * Open Tabs 1.3
 * An independent publication: serif reading type, sans for bylines and labels, green rules.
 * Structure lives here; colors, fonts, and sizes come from theme.json presets.
 * Visual defaults are wrapped in :where() so choices made on a block in the editor win.
 * --ts-* variables come from Appearance → Customize → Theme Options (inc/settings.php).
 */

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:5rem}
body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wp-site-blocks>*,.site-main>*{margin-block:0}
.wp-block-template-part{margin:0}
:where(a){text-underline-offset:.18em;text-decoration-thickness:1px}
:where(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--wp--preset--color--accent);outline-offset:3px}
::selection{background:var(--wp--preset--color--wash);color:var(--wp--preset--color--ink)}
.wp-block-post-title,.wp-block-query-title{overflow-wrap:anywhere}
.editor-styles-wrapper{padding:0}
:where(.wp-block-post-title a){text-decoration:none}
:where(.wp-block-post-title a:hover){text-decoration:underline;text-decoration-thickness:1px}

/* Header and footer: a green rule across the top of the page and the foot */
.site-header{gap:1.5rem;padding:1.1rem var(--wp--style--root--padding-right,1.1rem) 1rem var(--wp--style--root--padding-left,1.1rem);position:relative;z-index:5}
:where(.site-header){background:var(--wp--preset--color--paper);border-top:4px solid var(--wp--preset--color--accent);border-bottom:1px solid var(--wp--preset--color--line)}
:where(.site-header .wp-block-navigation-item__content){color:var(--wp--preset--color--ink);text-decoration:none}
:where(.site-header .wp-block-navigation-item__content:hover){color:var(--wp--preset--color--accent)}
:where(.wp-block-navigation__responsive-container.is-menu-open){background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink)}
.wp-block-navigation__responsive-container.is-menu-open{padding:1.25rem var(--wp--style--root--padding-right,1.1rem)}
:where(.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content){font-size:var(--wp--preset--font-size--large)}
.site-footer{padding-block:calc(var(--wp--preset--spacing--40) * var(--ts-density,1))}
:where(.site-footer){border-top:4px solid var(--wp--preset--color--accent)}
.site-footer .wp-block-column>*{margin-block:0 .4rem}
:where(.site-footer .wp-block-site-tagline){color:var(--wp--preset--color--muted)}
.site-footer__links a{margin-inline-end:1.1rem;display:inline-block}
:where(.site-footer__links){font-family:var(--wp--preset--font-family--sans)}
:where(.site-footer__links a){color:var(--wp--preset--color--ink);text-decoration:none}
:where(.site-footer__links a:hover){text-decoration:underline}

/* Labels, kickers, bylines */
.ot-label{margin-block:0 1rem;padding-bottom:.55rem}
:where(.ot-label){font-family:var(--wp--preset--font-family--sans);font-weight:700;letter-spacing:0;color:var(--wp--preset--color--accent);border-bottom:1px solid var(--wp--preset--color--line)}
.ot-kicker{margin-block-end:.6rem}
.ot-byline{gap:.4rem 1rem;align-items:baseline}
.ot-byline>*{margin:0}
.ot-standfirst p{margin:0}
:where(.ot-standfirst){line-height:1.45;color:var(--wp--preset--color--muted)}
.ts-card-date{display:var(--ts-date-display,block)}
.ts-card-terms{display:var(--ts-terms-display,block)}
.ts-card-excerpt{display:var(--ts-excerpt-display,block)}

/* Homepage: full-width cover story followed by a headline band */
.ot-front{padding-block:calc(var(--wp--preset--spacing--40) * var(--ts-density,1)) calc(var(--wp--preset--spacing--50) * var(--ts-density,1))}
.ot-front .ot-front__title{margin-block:0 calc(var(--wp--preset--spacing--30) * var(--ts-density,1));max-width:46ch}
:where(.ot-front__title){font-weight:400;font-style:italic;line-height:1.4;letter-spacing:0;color:var(--wp--preset--color--muted)}
:root :where(.ot-front__cols){gap:clamp(1.5rem,4vw,3.5rem)}
.ot-feature__list,.ot-latest__list,.ot-journal__list{list-style:none;margin:0;padding:0}
.ot-feature__list>.wp-block-post{margin:0}
.ot-feature__list>.wp-block-post>*{margin-block:0}
.ot-feature__image{margin:0 0 1.1rem}
:where(.ot-feature__image,.ot-feed__image,.ot-related__image,.ot-journal__thumb){background:var(--wp--preset--color--wash)}
.ot-feature__image img{display:block;width:100%}
.ot-feature__list .wp-block-post-title{margin-block:.1rem .8rem;max-width:26ch}
:where(.ot-feature__list .wp-block-post-title){line-height:1.04;letter-spacing:-.02em}
.ot-feature__list .ot-standfirst{max-width:56ch}
.ot-feature__list .ot-byline{margin-block-start:1rem}
.ot-latest{padding-inline:0;margin-block-start:calc(2rem * var(--ts-density,1))}
:where(.ot-latest){border-left:0}
.ot-latest__list>.wp-block-post{margin:0;padding-block:calc(1rem * var(--ts-density,1))}
:where(.ot-latest__list>.wp-block-post+.wp-block-post){border-top:0}
.ot-latest__list>.wp-block-post>*{margin-block:0}
.ot-latest__list .wp-block-post-title{margin-block:.25rem}
:where(.ot-latest__list .wp-block-post-title){line-height:1.25}
.ot-latest .ot-latest__more{margin-block-start:1rem}
:where(.ot-latest__more){font-family:var(--wp--preset--font-family--sans);font-weight:600}

/* Homepage: two-column feed */
.ot-feed{padding-block:calc(var(--wp--preset--spacing--30) * var(--ts-density,1)) calc(var(--wp--preset--spacing--50) * var(--ts-density,1))}
:root :where(.ot-feed__grid){gap:var(--ot-row-gap,calc(3rem * var(--ts-density,1))) var(--ot-col-gap,clamp(1.5rem,4vw,3rem))}
.ot-feed__grid>.wp-block-post{margin:0}
.ot-feed__grid>.wp-block-post>*{margin-block:0}
.ot-feed__grid>.wp-block-post>*+*{margin-block-start:.6rem}
.ot-feed__image,.ot-related__image{margin:0 0 .5rem}
.ot-feed__image img,.ot-related__image img{display:block;width:100%;height:auto;aspect-ratio:var(--ts-thumb-aspect,3/2);object-fit:cover}
.ot-feed__grid .wp-block-post-title{max-width:22ch}
.ot-feed__grid .wp-block-post-excerpt p{margin:0}
.ot-note{padding-block:calc(var(--wp--preset--spacing--50) * var(--ts-density,1))}
.ot-note .wp-block-column>*{margin-block:0 .6rem}
:where(.ot-note .has-large-font-size){line-height:1.45}
:where(.ot-note a){font-family:var(--wp--preset--font-family--sans);font-weight:600}
.ot-bandquote{margin:0;padding:0;border:0}
:where(.ot-bandquote){font-size:var(--wp--preset--font-size--x-large)}
:where(.ot-bandquote cite){font-family:var(--wp--preset--font-family--sans);font-size:var(--wp--preset--font-size--caption);font-style:normal;color:var(--wp--preset--color--muted)}

/* Page heading */
.ot-pagehead{padding-block:calc(var(--wp--preset--spacing--50) * var(--ts-density,1)) calc(var(--wp--preset--spacing--30) * var(--ts-density,1))}
.ot-pagehead>*{margin-block:0}
.ot-pagehead>*+*{margin-block-start:1rem}
.ot-pagehead__intro:empty{display:none}
:where(.ot-pagehead__intro){color:var(--wp--preset--color--muted)}

/* Journal, archive, search: narrow chronological list with small square photographs */
.ot-journal{padding-block:0 calc(var(--wp--preset--spacing--50) * var(--ts-density,1))}
.ot-journal__list>.wp-block-post{margin:0;display:grid;grid-template-columns:5.75rem minmax(0,1fr);gap:1.25rem;align-items:start;padding-block:calc(1.4rem * var(--ts-density,1))}
:where(.ot-journal__list>.wp-block-post){border-top:1px solid var(--wp--preset--color--line)}
.ot-journal__list>.wp-block-post+.wp-block-post,.ot-feature__list>.wp-block-post+.wp-block-post{margin-block-start:var(--ot-row-gap,0)}
.ot-journal__list>.wp-block-post:not(:has(.ot-journal__thumb)) .ot-journal__text{grid-column:2}
.ot-journal__thumb{margin:0;width:5.75rem}
.ot-journal__thumb img{display:block;width:100%;height:auto}
.ot-journal__text>*{margin-block:0}
.ot-journal__text>*+*{margin-block-start:.35rem}
.ot-journal__text .wp-block-post-excerpt p{margin:0}
:where(.ot-journal__text .wp-block-post-excerpt){font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted)}
.ot-pagination{margin-block-start:1.5rem;padding-top:1.25rem;gap:1rem}
:where(.ot-pagination){border-top:1px solid var(--wp--preset--color--line)}

/* Search field */
.ot-search{max-width:32rem}
.ot-search .wp-block-search__input{padding:.7rem .9rem;min-width:0}
:where(.ot-search .wp-block-search__input){font-family:var(--wp--preset--font-family--sans);border:1px solid var(--wp--preset--color--muted);border-radius:3px;background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink)}
.ot-search .wp-block-search__button{padding:.7rem 1.15rem;margin-inline-start:.5rem;cursor:pointer}
:where(.ot-search .wp-block-search__button){font-family:var(--wp--preset--font-family--sans);font-weight:600;border:0;border-radius:3px;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--paper)}

/* Article */
.ot-article-head{padding-block:calc(var(--wp--preset--spacing--50) * var(--ts-density,1)) calc(var(--wp--preset--spacing--40) * var(--ts-density,1))}
.ot-article-head>*{margin-block:0}
.ot-article-head .wp-block-post-title{margin-block:.2rem 1rem}
:where(.ot-article-head .wp-block-post-title){line-height:1.04;letter-spacing:-.02em}
.ot-article-head .ot-byline{margin-block-start:1.4rem;padding-top:.9rem}
:where(.ot-article-head .ot-byline){border-top:1px solid var(--wp--preset--color--line)}
.ot-lead-photo{margin-block:0}
.ot-lead-photo img{display:block;width:100%;height:auto;max-height:82vh;object-fit:cover}
.ot-body{padding-block:calc(var(--wp--preset--spacing--40) * var(--ts-density,1)) calc(var(--wp--preset--spacing--40) * var(--ts-density,1))}
:where(.ot-body){line-height:1.75}
.ot-body>h2,.ot-body>h3{margin-block-start:2.2em}
:where(.ot-body>h2){font-size:var(--wp--preset--font-size--large)}
.ot-body.is-layout-constrained>.alignwide,.ot-body.is-layout-constrained>.alignfull{margin-block:2.5rem}
.ot-body .wp-block-image img{display:block;width:100%;height:auto}
:where(.ot-body blockquote:not(.wp-block-pullquote blockquote)){border-left:3px solid var(--wp--preset--color--accent);padding-left:1.25rem;margin-inline:0}
.ot-body pre{padding:1.1rem;overflow:auto}
:where(.ot-body pre){background:var(--wp--preset--color--wash);font-size:var(--wp--preset--font-size--small)}
.ot-body td,.ot-body th{padding:.55rem}
:where(.ot-body td,.ot-body th){border:1px solid var(--wp--preset--color--line)}
.ot-article-foot{padding-block-end:1.5rem}
.ot-tags .wp-block-post-terms__prefix{margin-inline-end:.35em}
:where(.ot-tags .wp-block-post-terms__prefix){color:var(--wp--preset--color--muted);font-weight:400}
.comments-area{padding-block:1.5rem calc(var(--wp--preset--spacing--40) * var(--ts-density,1))}
.comments-area .wp-block-comment-template{list-style:none;padding:0}
.comments-area .wp-block-comment-template li{padding-block:1.1rem}
:where(.comments-area .wp-block-comment-template li){border-top:1px solid var(--wp--preset--color--line)}
.comments-area input:not([type=checkbox]):not([type=submit]),.comments-area textarea{width:100%;max-width:100%;padding:.65rem}
:where(.comments-area input:not([type=checkbox]):not([type=submit]),.comments-area textarea){border:1px solid var(--wp--preset--color--muted);border-radius:3px;background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink)}
.ot-related{padding-block:calc(var(--wp--preset--spacing--50) * var(--ts-density,1))}
.ot-related__grid>.wp-block-post{margin:0}
.ot-related__grid>.wp-block-post>*{margin-block:0}
.ot-related__grid>.wp-block-post>*+*{margin-block-start:.45rem}

/* About: editor photograph and biography */
.ot-about-body{padding-block-end:calc(var(--wp--preset--spacing--50) * var(--ts-density,1))}
.ot-about-body>.ot-pagehead:first-child{margin-block-start:0}
.ot-author{padding-block:calc(var(--wp--preset--spacing--30) * var(--ts-density,1)) 0}
:root :where(.ot-author__cols){gap:clamp(1.5rem,5vw,4.5rem)}
.ot-author__photo{margin:0}
.ot-author__photo img{display:block;width:100%}
.ot-author__cols .wp-block-column:last-child>*:first-child{margin-top:0}
.ot-author__cols .wp-block-column:last-child>*{max-width:36rem}
.ot-contact__email a{overflow-wrap:anywhere}
.ot-page-body{padding-block-end:calc(var(--wp--preset--spacing--50) * var(--ts-density,1))}
.ot-notfound .wp-block-search{margin-block:1.25rem}

/* Reading progress */
.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:100}
:where(.reading-progress){background:var(--wp--preset--color--accent)}

/* Classic list homepage (Homepage: classic list). Scoped so it cannot restyle the other pages. */
.legacy-home .collection-intro{text-align:center;max-width:820px;margin:auto;padding:60px 4% 40px}
.legacy-home .collection-intro h1{margin:20px 0}
:where(.legacy-home .collection-intro h1){font-size:clamp(62px,8vw,110px);line-height:1;font-weight:400;letter-spacing:-.07em}
:where(.legacy-home .kicker){font-family:var(--wp--preset--font-family--sans);font-size:14px;text-transform:uppercase;letter-spacing:.12em}
.legacy-home .lede{margin:22px auto 0;max-width:450px}
:where(.legacy-home .lede){font-size:20px}
.legacy-home .categories-bar{max-width:1120px;margin:auto;padding-bottom:24px}
:where(.legacy-home .categories-bar){border-bottom:1px solid var(--wp--preset--color--line)}
.legacy-home .category-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;list-style:none;padding:0}
:where(.legacy-home .category-list){font-family:var(--wp--preset--font-family--sans);font-size:15px}
:where(.legacy-home .category-list a){text-decoration:none}
.legacy-home .blog-home{max-width:1120px;margin:auto;padding:40px 0 70px}
.legacy-home .story-grid .wp-block-post-template{list-style:none;padding:0}
.legacy-home .story-grid .wp-block-post{display:grid;grid-template-columns:180px 1fr;gap:32px;padding:28px 0;max-width:850px;margin:auto}
:where(.legacy-home .story-grid .wp-block-post){border-top:1px solid var(--wp--preset--color--line)}
.legacy-home .story-grid .wp-block-post:first-child{grid-template-columns:1.35fr 1fr;gap:48px;max-width:none;border:0;padding-top:0;align-items:center;margin-bottom:50px}
.legacy-home .story-grid .wp-block-post-featured-image{margin:0}
.legacy-home .story-grid .wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:1.4!important;object-fit:cover}
.legacy-home .story-grid .wp-block-post:first-child img{aspect-ratio:1.15!important}
.legacy-home .entry-info h2{margin:15px 0}
:where(.legacy-home .entry-info h2){font-size:32px;font-weight:400;line-height:1.12;letter-spacing:-.035em}
:where(.legacy-home .story-grid .wp-block-post:first-child h2){font-size:48px}
.legacy-home .wp-block-query-pagination{max-width:850px;margin:40px auto 0}

/* Small screens */
@media (max-width:781px){
  .ot-latest{padding-inline-start:0;padding-top:1rem}
  :where(.ot-latest){border-left:0;border-top:1px solid var(--wp--preset--color--line)}
  .legacy-home .blog-home{margin-inline:5%}
  .legacy-home .story-grid .wp-block-post,.legacy-home .story-grid .wp-block-post:first-child{display:block}
  .legacy-home .story-grid .wp-block-post:nth-child(n+2) .wp-block-post-featured-image{display:none}
}
@media (max-width:600px){
  .ot-journal__list>.wp-block-post{grid-template-columns:4.25rem minmax(0,1fr);gap:.9rem}
  .ot-journal__thumb{width:4.25rem}
  .ot-search .wp-block-search__button{margin-inline-start:.35rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Cover-story reading order remains the same in the Site Editor and on narrow screens. */
.ot-cover-story .ot-feature__image{margin-block-start:1.5rem}
:where(.ot-cover-story .ot-feature__image img){object-position:50% 65%}
:root :where(.ot-latest__list){gap:var(--ot-row-gap,1.5rem) var(--ot-col-gap,1.5rem)}
@media(max-width:900px){.ot-latest__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ot-latest__list{grid-template-columns:1fr}.ot-cover-story .ot-feature__image img{aspect-ratio:4/3}}