/* Hallmark · editorial · quiet · indigo on warm paper · dated journal rows.
   Pre-emit critique: P4 H5 E4 S5 R5 V4. Shared tokens remain in tokens.css. */
*{box-sizing:border-box}
html,body{margin:0;min-width:0;overflow-x:clip}
body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)}
a{color:var(--color-accent);text-underline-offset:.25em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}
.skip-link{position:absolute;top:var(--space-xs);left:var(--space-md);z-index:2;transform:translateY(-200%);padding:var(--space-sm);background:var(--color-surface)}
.skip-link:focus{transform:none}
.page-header{max-width:72rem;margin-inline:auto;padding:var(--space-md) var(--space-xl);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-rule)}
.brand{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;color:var(--color-ink);font-weight:700;text-decoration:none;white-space:nowrap}
.brand img{flex-shrink:0}
.back-link,.entry-link{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;font-size:.875rem;font-weight:600;white-space:nowrap}
.back-link{text-decoration:none}
main{max-width:64rem;margin-inline:auto;padding:calc(var(--space-xl) * 2) var(--space-xl) var(--space-xl)}
.page-heading{padding-bottom:calc(var(--space-xl) * 2)}
h1,h2,h3{font-family:var(--font-display);font-style:normal;min-width:0;overflow-wrap:anywhere}
h1{margin:0;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.2;letter-spacing:.04em}
.page-heading p{margin:var(--space-lg) 0 0;color:var(--color-ink-2);line-height:1.9;font-size:1rem}
.month>h2{margin:0;padding-bottom:var(--space-md);border-bottom:2px solid var(--color-ink);font-size:1rem;font-weight:600;letter-spacing:.04em}
.entry{display:grid;grid-template-columns:8rem minmax(0,1fr);column-gap:var(--space-xl);padding:var(--space-xl) 0;border-bottom:1px solid var(--color-rule)}
.entry time{padding-top:.15rem;color:var(--color-ink-2);font-size:.875rem;font-variant-numeric:tabular-nums;line-height:1.7}
.entry-body{min-width:0;max-width:42rem}
.entry-topic{margin:0 0 var(--space-xs);color:var(--color-ink-2);font-size:.75rem;font-weight:600;letter-spacing:.06em}
h3{margin:0;font-size:1.25rem;line-height:1.6;font-weight:700}
.entry-latest h3{font-size:1.625rem;line-height:1.5}
.entry-body>p:not(.entry-topic){margin:var(--space-md) 0 0;font-size:.9375rem;line-height:1.95;overflow-wrap:anywhere}
.entry-link{margin-top:var(--space-sm)}
.page-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-xl);color:var(--color-ink-2)}
.page-footer p{font-size:.75rem}
@media(max-width:768px){
  .page-header{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}
  .brand{font-size:.8125rem;gap:.25rem}.brand img{width:24px;height:24px}
  .back-link{font-size:.8125rem}
  main{padding:var(--space-xl) var(--space-md)}
  .page-heading{padding-bottom:var(--space-xl)}
  .desktop-break{display:none}
  .entry{grid-template-columns:minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-lg)}
  .entry time{padding:0;font-size:.8125rem}
  .entry-latest h3{font-size:1.375rem}
  h3{font-size:1.125rem}
  .page-footer{display:block}.page-footer p{margin:0}
}
@media(max-width:375px){.brand{font-size:.75rem}.brand img{width:20px;height:20px}.back-link{font-size:.75rem}}
