/* ethics.bar — Additional CSS for Twenty Nineteen. Edited 26 September 2026 (audit fixes: print, comparison table, narrow phones, figure links, film transcript). Earlier: 25 September 2026 (UX fixes: phone menu underline, one text size, byline; evening: header spacing, credit line). Earlier: 24 September 2026 (site restructure). Source copy: ethics.bar site/_tools/theme.css */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root{--ethics-bg:#f7f6f3;--ethics-surface:#eeece6;--ethics-ink:#1d1d1b;--ethics-mute:#5f5d57;--ethics-accent:#7a2e1f;--ethics-link:#7a5a1c;--ethics-rule:rgba(32,31,29,.14);--ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}

body,.site{background:var(--ethics-bg);color:var(--ethics-ink);font-family:"Lora",Georgia,serif;font-size:16.5px;line-height:1.65}

/* Header: compact, one line of navigation */
.site-header{background:var(--ethics-bg);border-bottom:1px solid var(--ethics-rule);padding:2rem 1rem 0}
.site-branding{text-align:center;margin:0 auto 1.2rem;max-width:1180px}
.site-title,.site-title a{color:var(--ethics-ink)!important;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.2rem,4vw,3rem);font-weight:600;letter-spacing:.01em;line-height:1;text-decoration:none!important}
.site-description{color:var(--ethics-mute)!important;font-family:var(--ui);font-size:.78rem;letter-spacing:.14em;margin-top:.7rem;text-transform:uppercase}
#site-navigation,.main-navigation{border-top:1px solid var(--ethics-rule);font-family:var(--ui);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}
.main-navigation .main-menu{display:flex!important;flex-wrap:wrap!important;justify-content:center;max-width:calc(100% - 90px)!important;width:auto!important;margin:0 auto!important}
.main-navigation .main-menu>li{float:none!important;margin:0!important;display:block;line-height:1}
.main-navigation .main-menu>li>a,.main-navigation a{color:var(--ethics-ink)!important;padding:.55rem 1.1rem!important;font-size:.9rem!important}
.main-navigation .main-menu>li>a{display:block} /* the link must size its list item, or the active underline lands on the next row when the menu wraps */
.main-navigation .main-menu>li.current-menu-item>a,.main-navigation .main-menu>li.current-menu-ancestor>a,.main-navigation .main-menu>li.current_page_parent>a,.main-navigation .main-menu>li.current_page_ancestor>a{color:var(--ethics-accent)!important;box-shadow:inset 0 -2px 0 var(--ethics-accent)}
.main-navigation a:hover,.main-navigation a:focus{color:var(--ethics-accent)!important}
.main-navigation .main-menu-more{display:none!important}
.main-navigation .main-menu>li>a::after{display:none}

/* Content */
#content,.site-content{margin:0 auto;max-width:1180px;padding:1.6rem 2.5rem 3.5rem}
.entry-header{margin-bottom:1.2rem}
.entry .entry-header{margin-top:.6rem}
.site-main>article:first-child{margin-top:0}
.entry .entry-title,.entry .entry-title a,h1,h2,h3,h4,h5,h6{color:var(--ethics-ink);font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.005em;line-height:1.15}
.entry .entry-title,h1{font-size:clamp(1.9rem,3.2vw,2.6rem);margin-bottom:.4rem}
h2{font-size:clamp(1.45rem,2.1vw,1.8rem)}
h3{font-size:1.25rem}
.entry .entry-title:before{display:none}
.entry-content a,.entry-summary a,.comment-content a,a{color:var(--ethics-link);text-underline-offset:3px}
/* One text size on every page (the theme's own scale differs between phone and desktop) */
.entry .entry-content,.entry .entry-summary{font-size:18px;line-height:1.65}
.entry-content p,.entry-summary p{max-width:46rem}
.entry-content li{max-width:44rem}
.entry-content>*{margin-left:auto;margin-right:auto}
article,.hentry{border-bottom:0;margin-bottom:2rem;padding-bottom:1rem}
.entry-meta,.entry-footer,.site-info,.comments-link{color:var(--ethics-mute)!important;font-family:var(--ui);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.entry-meta{margin-top:.3rem}
.entry .entry-meta .byline,.entry-meta .byline{display:none!important}
button,input[type="submit"],.wp-block-button__link{background:transparent!important;border:1px solid var(--ethics-accent)!important;border-radius:4px!important;color:var(--ethics-accent)!important;font-family:var(--ui);letter-spacing:.06em;text-transform:uppercase}
.site-footer{background:var(--ethics-surface);border-top:1px solid var(--ethics-rule);color:#444141;font-family:"Lora",Georgia,serif}
.site-footer .site-info{max-width:1180px;margin:0 auto;padding:1.6rem 2.5rem}
.site-footer .site-info{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.6rem;font-family:var(--ui);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
/* Hide the "Powered by WordPress.com" credit and its punctuation (bare text nodes, so font-size:0 on the container) */
.site-footer .site-info{font-size:0}
.site-footer .site-info>.comma,.site-footer .site-info>a[href*="ref=footer"]{display:none}
.site-footer .site-info>a.site-name{font-size:.78rem;margin-right:.4rem}
.footer-navigation{display:inline-block;margin:0;font-size:.78rem}
.footer-navigation .footer-menu{display:inline-flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:0;padding:0;list-style:none}
.footer-navigation .footer-menu li{margin:0}
.footer-navigation .footer-menu a{color:var(--ethics-mute)!important;text-decoration:none;border-bottom:1px solid var(--ethics-rule)}
.footer-navigation .footer-menu a:hover{color:var(--ethics-accent)!important}
.wp-block-quote,blockquote{border-left-color:var(--ethics-accent);color:var(--ethics-ink);font-family:"Lora",Georgia,serif;font-size:1.05rem;font-style:italic}
.social-navigation,.site-footer .widget-area,.entry-footer,.sharedaddy,#jp-post-flair{display:none}
body.home .entry-title,body.home .entry-header{display:none}
.site-content{min-height:55vh}
.post-navigation,.comments-area{max-width:46rem;margin-left:auto;margin-right:auto}
.post-navigation .post-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.2rem}

/* Blog index: list of posts */
body.blog .entry .entry-title,body.archive .entry .entry-title{font-size:1.7rem}
body.blog .entry-content p,body.archive .entry-content p{max-width:46rem}
.more-link{font-family:var(--ui);font-size:.85rem}

/* Content blocks written by the build script (.v2) */
.v2{--ink:var(--ethics-ink);--mute:var(--ethics-mute);--rule:#e2dfd6;--panel:#f0eee8;--accent:var(--ethics-accent)}
.v2 p.lede,.entry-content .v2 p.lede{font-size:1.2em;line-height:1.55;color:var(--mute);margin:.2rem auto 1.6rem;max-width:46rem}
.v2 .crumb{font-family:var(--ui);font-size:.82rem;color:var(--mute);margin:0 auto 1.2rem;letter-spacing:.01em;max-width:46rem}
.v2 .crumb a{color:var(--mute);text-decoration:none;border-bottom:1px solid var(--rule)}
.v2 .crumb a:hover{color:var(--accent);border-color:var(--accent)}
.v2 .crumb .sep{margin:0 .5rem}
.v2 .before{background:var(--panel);border-left:3px solid var(--accent);padding:.9rem 1.1rem;margin:0 auto 1.8rem;font-size:.95rem;line-height:1.55;border-radius:0 6px 6px 0;max-width:46rem}
.v2 h2{margin-top:2.4rem}
.v2 figure.sk{margin:1.8rem auto;padding:0;border:0}
@media (min-width:1000px){.entry .entry-content .v2 figure.sk.alignwide{width:calc(100% + 240px);max-width:none;margin-left:-120px;margin-right:-120px}}
.v2 figure.sk img{width:100%;height:auto;display:block;border:1px solid var(--rule);border-radius:8px;background:#fff}
.v2 figure.sk figcaption{font-family:var(--ui);font-size:.85rem;color:var(--mute);margin-top:.55rem;line-height:1.45;text-align:left}
.v2 pre.code,.v2 pre.tree{background:var(--panel);border:1px solid var(--rule);border-radius:8px;padding:.9rem 1.1rem;overflow-x:auto;font-size:.84rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin:1rem auto 1.4rem;max-width:46rem}
.v2 pre.code code{background:none;padding:0;font-size:inherit}
.v2 ul.cl{list-style:none;padding-left:0;max-width:46rem}
.v2 ul.cl li{margin:.55rem 0;padding-left:0}
.v2 ul.cl input{margin-right:.6rem;transform:scale(1.2);vertical-align:middle}
.v2 p.sources{font-family:var(--ui);font-size:.82rem;color:var(--mute);border-top:1px solid var(--rule);padding-top:.9rem;margin-top:2.2rem;line-height:1.5}
.v2 .lvl{display:inline-block;background:var(--panel);color:var(--ink);font-size:.8rem;padding:.15rem .55rem;border-radius:4px;margin-bottom:.6rem;font-family:var(--ui)}
.v2 nav.sn{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start;border-top:1px solid var(--rule);margin:2.6rem auto 0;padding-top:1.2rem;font-family:var(--ui);font-size:.9rem;max-width:46rem}
.v2 nav.sn a{text-decoration:none;color:var(--ink)}
.v2 nav.sn a:hover{color:var(--accent)}
.v2 nav.sn .lbl{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin-bottom:.2rem}
.v2 nav.sn .next{text-align:right}
.v2 nav.sn .all{color:var(--mute);border:1px solid var(--rule);border-radius:999px;padding:.3rem .9rem;white-space:nowrap}
.v2 .aside{border-left:3px solid var(--accent);padding:.2rem 1rem;color:var(--mute);font-size:.95rem}
.v2 blockquote.template{font-style:normal;background:var(--panel);border-left:4px solid #8a6a12;padding:.8rem 1rem;border-radius:0 8px 8px 0}
.v2 .flag{font-family:var(--ui);font-size:.8rem;background:#f3e9e4;color:var(--accent);padding:0 .3rem;border-radius:3px}
.v2 .review{background:var(--panel);border-left:4px solid #8a6a12;padding:.8rem 1rem;font-family:var(--ui);font-size:.85rem;margin:1.5rem 0}
/* Guidelines pages: tier chips, rule boxes, verification table, index cards */
.v2 .tier{display:inline-block;font-family:var(--ui);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .5rem;border-radius:4px;vertical-align:middle;margin-right:.45rem;white-space:nowrap;line-height:1.3}
.v2 .tier.t-red{background:#f4dcdc;color:#7e1c1c}.v2 .tier.t-orange{background:#f9e9d0;color:#7d5100}.v2 .tier.t-green{background:#dfeee1;color:#245e2d}
.v2 p.tierline{margin:0 auto 1.2rem;max-width:46rem;font-family:var(--ui);font-size:.85rem;color:var(--mute)}
.v2 h2 .tier,.v2 h3 .tier{position:relative;top:-.15em}
.v2 blockquote.rule{font-style:normal;font-family:"Lora",Georgia,serif;font-size:1rem;line-height:1.6;hyphens:manual;-webkit-hyphens:manual;color:var(--ink);background:var(--panel);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:.85rem 1.1rem;margin:1rem auto 1.2rem;max-width:46rem}
.v2 blockquote.rule p{margin:0 0 .45rem;max-width:none}
.v2 blockquote.rule p:last-of-type{margin-bottom:0}
.v2 blockquote.rule cite{display:block;font-style:normal;font-family:var(--ui);font-size:.78rem;color:var(--mute);margin-top:.3rem}
.v2 .table-wrap{overflow-x:auto;margin:1rem auto 1.4rem;max-width:46rem}
.v2 .table-wrap table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0}
.v2 .table-wrap table.wide{min-width:560px}
.v2 .table-wrap th,.v2 .table-wrap td{border:1px solid var(--rule);padding:.45rem .6rem;text-align:left;vertical-align:top;word-break:normal;overflow-wrap:normal;hyphens:manual}
.v2 .table-wrap td{font-family:"Lora",Georgia,serif}
.v2 .table-wrap th{background:var(--panel);font-family:var(--ui);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.v2 p.status{font-family:var(--ui);font-size:.82rem;color:var(--mute);line-height:1.5;max-width:46rem}
.v2 .gl{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:1rem 1.2rem .9rem;margin:.9rem auto;max-width:46rem}
.v2 .gl h3{margin:0 0 .45rem;font-size:1.22rem;line-height:1.25}
.v2 .gl h3 a{text-decoration:none;color:var(--ink)}
.v2 .gl h3 a:hover{color:var(--accent)}
.v2 .gl p{margin:.3rem 0;max-width:none}
.v2 .gl p:last-child{font-family:var(--ui);font-size:.8rem;color:var(--mute);margin-top:.5rem}

.entry .entry-title,h1{hyphens:manual;-webkit-hyphens:manual}
@media (max-width:767px){
  .site-header{padding-top:1.4rem}
  .site-title{display:block}
  .site-description{display:block;margin-top:.5rem}
  .site-description::before{content:none}
  #content,.site-content{padding:1.6rem 1.1rem 2.5rem}
  .entry .entry-content,.entry .entry-summary,.entry .entry-header{margin-left:0;margin-right:0;max-width:100%}
  .site-footer .site-info{padding:1.4rem 1.1rem}
  .main-navigation .main-menu{gap:0}
  .main-navigation .main-menu>li>a{padding:.38rem .55rem!important;font-size:.78rem!important;letter-spacing:.04em}
  .entry .entry-content,.entry .entry-summary{font-size:17px}
  .v2 nav.sn{grid-template-columns:1fr;gap:.6rem}
  .v2 nav.sn .next{text-align:left}
  .v2 nav.sn .all{justify-self:start}
}

/* Header spacing (25 Sep 2026, evening): equal space above and below the menu words, active underline sits on the bottom rule,
   no space reserved for the theme's hidden "more" button, six items on one row down to tablet width, two even rows on a phone */
.site-branding{margin-bottom:0}
#site-navigation,.main-navigation{margin-top:1rem}
.main-navigation .main-menu{max-width:none!important;gap:0 .2rem}
.main-navigation .main-menu>li>a,.main-navigation a{padding:.75rem .85rem!important;margin:0!important}
@media (min-width:768px) and (max-width:1000px){.main-navigation .main-menu>li>a{padding:.7rem .6rem!important;font-size:.82rem!important}}
@media (max-width:767px){
  .site-header{padding-top:1.2rem}
  .site-title:not(:empty)+.site-description:not(:empty)::before{content:none}
  .site-description{font-size:.68rem;letter-spacing:.12em;margin-top:.45rem}
  #site-navigation,.main-navigation{margin-top:.8rem}
  .main-navigation .main-menu{gap:0}
  .main-navigation .main-menu>li>a{padding:.55rem .5rem!important;font-size:.74rem!important;letter-spacing:.04em}
}
/* Credit line under a heading (Home: Matt Shumer) */
.v2 p.credit{font-family:var(--ui);font-size:.72rem;line-height:1.5;color:var(--ethics-mute);max-width:46rem;margin:-.4rem auto 1.2rem}
.v2 p.credit a{color:var(--ethics-mute)}
/* The theme's menu script hides items when the list is as wide as the header, so the list is sized to its items (never full width) */
.main-navigation .main-menu{width:fit-content!important;max-width:calc(100% - 30px)!important}

/* 26 Sep 2026 (audit fixes) */
/* Figures link to the full-size file */
.v2 figure.sk a.fig-full{display:block;border:0;text-decoration:none}
/* Intro film on Home: the words on screen, folded away under the video */
.v2 figure.intro-video figcaption{font-family:var(--ui);font-size:.85rem;color:var(--ethics-mute);margin-top:.55rem;line-height:1.5;text-align:left}
.v2 figure.intro-video summary{cursor:pointer;color:var(--ethics-link)}
.v2 figure.intro-video details p{margin:.5rem 0;max-width:none}
/* International comparison (page 468): wide enough columns, the topic column stays put, a hint on small screens */
table.compare{min-width:840px!important;border-collapse:separate;border-spacing:0}
table.compare th,table.compare td{min-width:140px;vertical-align:top;word-break:normal!important;overflow-wrap:normal;hyphens:manual;-webkit-hyphens:manual}
table.compare th:first-child,table.compare td:first-child{position:sticky;left:0;z-index:1;background:var(--ethics-bg);min-width:120px;max-width:150px;white-space:normal!important;box-shadow:inset -1px 0 0 var(--ethics-rule)}
@media (min-width:1000px){.entry .entry-content .compare-wrap{width:calc(100% + 240px);max-width:none;margin-left:-120px;margin-right:-120px}}
p.scroll-hint{display:none;font-family:var(--ui);font-size:.8rem;color:var(--ethics-mute);margin:.6rem 0 .3rem}
@media (max-width:999px){p.scroll-hint{display:block}}
/* Narrowest phones (under 375px): the menu stays on two rows; on phones long titles take less of the first screen */
@media (max-width:374px){
  .main-navigation .main-menu>li>a{padding:.5rem .32rem!important;font-size:.66rem!important;letter-spacing:.02em}
}
@media (max-width:480px){.entry .entry-title{font-size:1.6rem}}
/* Copy button above each prompt box (added by a small script in the page; no script, no button) */
.v2 button.copy-btn{display:block;width:fit-content;margin:1.2rem 0 .3rem auto;padding:.2rem .75rem!important;font-size:.7rem;line-height:1.5;cursor:pointer;background:var(--panel)!important}
.v2 button.copy-btn + pre.code{margin-top:.3rem}
/* Home: one line of links under the film */
.v2 p.quick{font-family:var(--ui);font-size:.85rem;line-height:1.9;letter-spacing:.01em;text-align:center;max-width:46rem;margin:-1rem auto 2.2rem;color:var(--ethics-mute)}
.v2 p.quick a{white-space:nowrap}
/* Print: no header, menu, footer or printed link addresses; keep each checklist together */
@media print{
  .site-header,.site-footer,#site-navigation,.v2 nav.sn,.v2 .crumb,.comments-area,#comments,.post-navigation,#wpadminbar,.skip-link,#jp-post-flair,.sharedaddy{display:none!important}
  body,.site,.site-content{background:#fff!important}
  #content,.site-content{padding:0!important;min-height:0!important}
  .entry-content a::after,.entry-summary a::after{content:none!important}
  .entry .entry-header{margin-top:0}
  .v2 h2{break-after:avoid;page-break-after:avoid}
  .v2 ul.cl{break-inside:avoid;page-break-inside:avoid}
  .v2 ul.cl li{break-inside:avoid;margin:.2em 0}
  @page{margin:1.6cm}
  .entry .entry-content,.entry .entry-summary{font-size:11pt;line-height:1.4}
  .v2 p.lede,.entry-content .v2 p.lede{font-size:12pt;margin:0 0 .8em}
  .entry .entry-title,h1{font-size:20pt}
  .v2 h2{font-size:14pt;margin-top:1.1em}
  .entry-content p,.entry-content li{max-width:none}
}