/* The journal has a reading desk. It does not require thirty-four upholstered cards. */
:root{
 color-scheme:light;
 --paper:#f8f9f5;--white:#fff;--ink:#163b40;--navy:#163b40;
 --muted:#52666a;--line:#bdc9c5;--peach:#f2b390;--gold:#f2b390;
 --orange:#a33f27;--amber:#a33f27;--green:#285f58;--teal:#285f58;--coral:#a33f27;
 --sans:'Helvetica Neue',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:1.5rem}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--sans)}
a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}
a:hover{color:var(--orange)}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
button,summary{font:inherit;cursor:pointer}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
p,li,dd,h1,h2,h3{overflow-wrap:break-word}
.journal-shell{max-width:1280px;padding-inline:clamp(1.25rem,4vw,3.5rem);margin:auto}
.skip-link{position:absolute;top:-8rem;left:1.25rem;padding:.75rem 1rem;background:var(--ink);color:white;z-index:30}
.skip-link:focus{top:1rem}
.journal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem 2.5rem;padding-block:1.5rem;border-bottom:1px solid var(--ink)}
.wordmark{font-size:2rem;line-height:1;letter-spacing:-.06em;font-weight:800;text-decoration:none;min-height:44px;min-width:0;max-width:100%;overflow-wrap:anywhere}
.wordmark>span:first-child{font-weight:400}
.wordmark-sub{display:block;margin-top:.55rem;font-size:.65rem;letter-spacing:.08em}
.journal-header nav{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}
.journal-header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;text-decoration:none}
.journal-header nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}
.eyebrow,.card-category{font-size:.8rem;letter-spacing:0;text-transform:none;font-weight:700}
.journal-intro{padding-block:clamp(2.5rem,6vw,5.5rem) 2rem}
.intro-topline{display:flex;justify-content:space-between;gap:1.5rem}
.issue-note{font:italic 1rem/1.4 var(--serif);color:var(--muted)}
.journal-intro h1{font-size:clamp(2.7rem,6.8vw,6rem);letter-spacing:-.065em;margin:1.5rem 0}
.journal-intro h1 span{color:var(--orange)}
.journal-intro>p{font:1.35rem/1.5 var(--serif)}
.intro-index{display:flex;flex-wrap:wrap;gap:.75rem 2rem;font-size:.85rem;margin-top:2rem;color:var(--muted)}
.intro-index strong{color:var(--ink)}
.journal-jump{display:flex;flex-wrap:wrap;gap:.4rem 1.8rem;padding-block:.75rem;margin-bottom:2rem;border-block:1px solid var(--line)}
.journal-jump a,.text-link,.section-heading>a{display:inline-flex;align-items:center;min-height:44px}
.featured-post{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--ink);color:var(--paper)}
.featured-copy{padding:clamp(1.5rem,4vw,3rem);align-self:center}
.featured-copy>.eyebrow{color:var(--peach);margin-bottom:1.5rem}
.featured-copy h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:1rem 0 1.25rem}
.featured-copy h2 a{text-decoration:none}
.featured-copy>p:not(.eyebrow){font-size:1.05rem;margin-bottom:1rem}
.featured-copy .post-meta{color:#d9e4df}
.featured-copy .post-meta>span:first-child{color:inherit}
.featured-copy .text-link{color:var(--peach)}
.featured-copy :focus-visible{outline-color:var(--peach)}
.featured-visual{align-self:center;padding:1.25rem}
.featured-visual .panel-art{aspect-ratio:1}
.text-link{font-size:.95rem;font-weight:700}
.journal-section,.related{margin-top:clamp(3rem,6vw,5rem)}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem 2rem;padding-bottom:1rem;border-bottom:2px solid var(--ink)}
.section-heading h2{font-size:clamp(1.7rem,3vw,2.65rem)}
.section-heading>span,.section-heading>a{font-size:.9rem;color:var(--muted)}
.journal-grid{display:flex;flex-direction:column}
.journal-card{display:grid;grid-template-columns:clamp(9rem,20vw,16rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);padding-block:2rem;border-bottom:1px solid var(--line)}
.card-art{display:block;align-self:start}
.card-content{min-width:0;align-self:center}
.card-top{margin-bottom:.65rem}
.card-category{color:var(--muted)}
.journal-card h3{font-size:clamp(1.4rem,2.6vw,2.25rem);max-width:27ch;margin-bottom:.9rem}
.journal-card h3 a{display:inline-block;max-width:100%;min-height:44px;overflow-wrap:anywhere;text-decoration:none}
.journal-card h3 a:hover{text-decoration:underline}
.card-content>p{font-size:1.05rem;max-width:66ch;color:var(--muted)}
.card-bottom{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.85rem;margin-top:1.1rem;color:var(--muted)}
#in-the-news .journal-card:first-child h3{font-size:clamp(1.7rem,3.3vw,3rem)}
.journal-signoff{display:grid;grid-template-columns:1fr 2fr;gap:1rem 2.5rem;background:var(--peach);padding:clamp(1.5rem,4vw,3rem);margin-top:4rem}
.journal-signoff>p{font:1.65rem/1.4 var(--serif);max-width:38ch}
.journal-signoff>a{grid-column:2;display:inline-flex;align-items:center;min-height:44px}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding-block:1rem;color:var(--muted);font-size:.85rem}
.breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.article-header{padding-block:1rem 2rem;max-width:1050px}
.post-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem;color:var(--muted)}
.post-meta>span:first-child{color:var(--ink);font-weight:700}
.article-header h1{font-size:clamp(2.25rem,5.5vw,4.8rem);letter-spacing:-.055em;max-width:23ch;margin:1rem 0 1.5rem}
.article-deck{font:clamp(1.2rem,2vw,1.5rem)/1.5 var(--serif);max-width:61ch}
.byline{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.9rem;margin-top:1.5rem;color:var(--muted)}
.byline a{display:inline-flex;align-items:center;min-height:44px}
.article-opening{max-width:72ch;font-size:1.15rem;line-height:1.8;margin-bottom:2.5rem}
.article-opening>p+p{margin-top:1.25rem}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,1fr);gap:clamp(2rem,5vw,4.5rem)}
.article-body{min-width:0;max-width:74ch;font-size:1.1rem;line-height:1.85}
.article-body>p{margin-bottom:1.4rem}
.article-body>h2{font-size:clamp(1.6rem,2.5vw,2.2rem);margin:2.5rem 0 1.2rem}
.article-body>h2:first-child{margin-top:0}
.article-body ul,.article-body ol{padding-left:1.4rem;margin-block:1.5rem}
.article-body li{margin-bottom:.7rem}
.article-callout{margin-block:2.5rem;padding-block:1.25rem;border-block:2px solid var(--ink)}
.article-callout .eyebrow{display:block;font-size:.8rem;margin-bottom:.75rem}
.article-callout>p{font:1.45rem/1.45 var(--serif)}
.article-image{margin-block:2.5rem}
.article-image img{width:100%;height:auto;object-fit:contain}
.article-image figcaption{font-size:.9rem;color:var(--muted);margin-top:.9rem}
.article-table{overflow-x:auto;margin-block:2rem}
.article-table table{border-collapse:collapse;width:100%;font-size:1rem}
.article-table caption{text-align:left;font-size:.9rem;font-weight:700;padding-block:.75rem}
.article-table th,.article-table td{vertical-align:top;text-align:left;border-bottom:1px solid var(--line);padding:.85rem .75rem}
.article-table th{background:#e9eee9}
.engagement-brief{align-self:start;font-size:.9rem;border-top:2px solid var(--ink);padding-top:1rem}
.engagement-brief h2{font-size:1.25rem}
.brief-logo{width:150px;height:80px;object-fit:contain;object-position:left center;margin-bottom:1.5rem}
.engagement-brief dl{margin-top:1.3rem}
.engagement-brief dl>div{border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1rem}
.engagement-brief dt{font-weight:700;margin-bottom:.4rem}
.engagement-brief dd{margin:0;color:var(--muted)}
.article-end{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.5rem;border-top:1px solid var(--line);margin-top:2rem;padding-block:1rem}
.article-end a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem}
.solid-link{font-weight:700}
.news-context{margin-block:2.5rem;border-block:1px solid var(--ink)}
.news-context summary{font-weight:700;min-height:52px;padding-block:.9rem;line-height:1.5}
.news-context-body{padding-block:.5rem 1.5rem;font-size:1rem}
.source-list{list-style:none!important;padding:0!important}
.source-list li{border-top:1px solid var(--line);padding-block:.75rem}
.source-list a{display:inline-block;min-height:44px}
.source-date,.source-note{display:block;color:var(--muted);font-size:.9rem}
.source-note a{display:inline-flex;align-items:center;min-height:44px}
.editorial-notes{max-width:75ch}
.journal-footer{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2.5rem;border-top:2px solid var(--ink);margin-top:4rem;padding-block:2rem}
.footer-brand{font-size:1.25rem;font-weight:800;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.journal-footer p{font-size:.9rem;color:var(--muted)}
.journal-footer nav{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;justify-content:flex-end;align-content:start}
.journal-footer nav a{min-height:44px;display:inline-flex;align-items:center;font-size:.9rem}
.footer-note{grid-column:1/-1}
.footer-note>a{display:inline-flex;align-items:center;min-height:44px}
/* A strip contains three complete scenes. Phones read all three, in order. */
.office-comic{background:var(--ink);color:var(--paper);margin-block:1rem 3rem;padding:clamp(1rem,2.5vw,2rem);scroll-margin-top:1.5rem}
.office-comic :focus-visible{outline-color:var(--peach)}
.cast-teaser :focus-visible,.cast-outro :focus-visible{outline-color:var(--peach)}
.comic-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem}
.comic-heading .eyebrow{color:var(--peach)}
.comic-heading>div{min-width:0;max-width:100%}
.comic-heading h2{font-size:clamp(1.5rem,2.5vw,2rem);margin-top:.4rem}
.comic-heading>p{font-size:.9rem;max-width:35ch;color:#d9e4df}
.comic-panels{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0}
.comic-panel{display:flex;flex-direction:column;min-width:0;background:var(--paper);color:var(--ink)}
.comic-dialogue{padding:1.1rem;flex:1;border-bottom:1px solid var(--line)}
.comic-speaker{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;font-weight:700;margin-bottom:.6rem;color:var(--green)}
.panel-number{color:var(--muted);font-weight:400}
.comic-dialogue p{font:1.12rem/1.45 var(--sans)}
.panel-art{position:relative;aspect-ratio:1;overflow:hidden;min-width:0;background:#ebdaba}
.panel-art img{width:300%;max-width:none;height:100%;object-fit:fill}
.panel-art[data-panel="1"] img{transform:translateX(-33.333333%)}
.panel-art[data-panel="2"] img{transform:translateX(-66.666667%)}
.comic-credit{display:flex;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;font-size:.85rem;color:#d9e4df;margin-top:1rem}
.comic-credit a{display:inline-flex;align-items:center;min-height:44px;color:var(--peach)}
/* The diagrams compare processes, rather than pretending to report measured results. */
.concept-figure{margin-block:2.5rem;padding:1.5rem;background:#e9eee9}
.concept-figure h3{font-size:1.5rem;margin:.6rem 0 1.5rem}
.concept-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;list-style:none!important;padding:0!important;margin:0!important}
.concept-flow li{margin:0!important;border-top:2px solid var(--green);padding-top:.75rem}
.concept-flow li>span{font-size:.8rem;color:var(--muted)}
.concept-flow strong{display:block;font-size:1.05rem;line-height:1.4;margin-block:.5rem}
.concept-flow p,.concept-compare p{font-size:1rem;line-height:1.6}
.concept-return{font-size:.95rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}
.concept-figure figcaption{font-size:.9rem;color:var(--muted);margin-top:1.25rem}
.concept-compare{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.concept-compare>div{border-top:2px solid var(--ink);padding-top:1rem}
.status-symbol{display:none}
.status-label{font-size:.85rem;font-weight:700}
.concept-compare strong{display:block;font-size:1.5rem;line-height:1.2;margin:.7rem 0}
@media(max-width:1000px){
 .article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:2rem}
 .comic-dialogue{padding:.9rem}.comic-dialogue p{font-size:1rem}
 .concept-flow{grid-template-columns:1fr}
 .journal-card{grid-template-columns:10rem minmax(0,1fr)}
}
@media(max-width:760px){
 .journal-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding-block:1rem}
 .journal-header nav{width:100%;gap:.25rem 1.5rem}
 .intro-topline{display:block}.issue-note{display:block;margin-top:.75rem}
 .journal-intro h1{font-size:clamp(2.5rem,8vw,4rem)}
 .featured-post{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .featured-copy{padding:1.5rem}.featured-copy h2{font-size:1.7rem}
 .featured-visual{padding:1rem}
 .section-heading{align-items:flex-start;flex-direction:column;gap:.5rem}
 .journal-card{grid-template-columns:8rem minmax(0,1fr);gap:1.5rem}
 .journal-card h3{font-size:1.5rem}
 .card-content>p{font-size:1rem}
 .article-layout{display:flex;flex-direction:column;gap:2rem}
 .article-header h1{font-size:clamp(2.1rem,7vw,3.3rem)}
 .article-opening{font-size:1.1rem}.article-body{font-size:1.05rem}
 .comic-heading{align-items:start;flex-direction:column;gap:.75rem}
 .comic-panels{grid-template-columns:1fr;max-width:480px;margin-inline:auto}
 .comic-dialogue{padding:1.1rem}.comic-dialogue p{font-size:1.12rem}
 .comic-credit{align-items:start;flex-direction:column;gap:.25rem}
 .engagement-brief{width:100%}
 .engagement-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
 .journal-signoff{grid-template-columns:1fr;gap:1rem}.journal-signoff>a{grid-column:1}
 .journal-footer{grid-template-columns:1fr;gap:1rem}.journal-footer nav{justify-content:flex-start}
 .footer-note{grid-column:1}
}
@media(max-width:520px){
 .journal-shell{padding-inline:1.25rem}
 .journal-header nav{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem}
 .journal-header nav a{font-size:.9rem}
 .journal-intro{padding-top:2rem}.journal-intro h1{font-size:2.7rem}
 .intro-index{gap:.6rem 1.5rem}.intro-index span:last-child{flex-basis:100%}
 .journal-jump{gap:.25rem 1.2rem;font-size:.9rem}
 .featured-post{display:flex;flex-direction:column}
 .featured-visual{width:100%;padding:0 1.5rem 1.5rem}
 .featured-copy{padding-bottom:1rem}
 .journal-card{grid-template-columns:min(5.5rem,28vw) minmax(0,1fr);gap:1rem;padding-block:1.5rem}
 .card-content{display:contents}.card-art{grid-row:1/3}.card-top,.journal-card h3{grid-column:2;min-width:0;overflow-wrap:anywhere}
 .journal-card h3,#in-the-news .journal-card:first-child h3{font-size:1.4rem;line-height:1.15}
 .card-content>p,.card-bottom{grid-column:1/-1}
 .card-content>p{font-size:.95rem}.card-category{font-size:.75rem}
 .article-header h1{font-size:2.1rem}
 .article-deck{font-size:1.2rem}
 .article-opening{line-height:1.75}
 .office-comic{padding:.85rem}
 .comic-heading h2{font-size:1.5rem}
 .comic-dialogue{padding:1rem}.comic-dialogue p{font-size:1.05rem}
 .concept-figure{padding:1.1rem}.concept-compare{grid-template-columns:1fr}
 .engagement-brief dl{grid-template-columns:1fr;gap:0}
 .article-callout>p{font-size:1.3rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{
 .journal-header nav,.journal-jump,.related,.journal-footer,.article-end{display:none}
 body{background:white;color:black}.journal-shell{max-width:none;padding:0}
 .article-layout{display:block}.engagement-brief{margin-top:2rem}
 .office-comic{break-inside:avoid}.comic-panels{grid-template-columns:repeat(3,minmax(0,1fr))}
 .comic-dialogue p{font-size:.8rem}
 .news-context>div{display:block}
}