/* Finishing layer for the existing, compact English journal. */
:root, [data-theme='light'] {
  --intl-paper: #f5f3ec;
  --intl-surface: #fffdf8;
  --intl-ink: #293e34;
  --intl-muted: #616c61;
  --intl-line: #dedfd2;
  --intl-accent: #3f624b;
  --journal-soft: #e9eddf;
  --journal-rust: #975e3c;
  --journal-shadow: 0 3px 10px #263c2f05, 0 12px 32px #263c2f06;
  --journal-hover-shadow: 0 7px 18px #263c2f09, 0 18px 40px #263c2f0d;
  --journal-edge: #c6cebb;
  --journal-wash: #e1e8d640;
}
[data-theme='dark'] {
  --intl-paper: #19251f;
  --intl-surface: #223129;
  --intl-ink: #ecede2;
  --intl-muted: #bac4b4;
  --intl-line: #3c4e40;
  --intl-accent: #bdd1a9;
  --journal-soft: #2b3b2e;
  --journal-rust: #dfb18b;
  --journal-shadow: 0 4px 18px #00000012;
  --journal-hover-shadow: 0 12px 30px #00000030;
  --journal-edge: #627357;
  --journal-wash: #7184520b;
}
body { background-image: radial-gradient(ellipse at 0 12%, var(--journal-wash), transparent 48%); -webkit-font-smoothing: antialiased; }
#nav .nav-site-title { display: inline-flex; align-items: center; gap: 10px; }
#nav .brand-mark { display: block; width: 34px; height: 34px; flex-shrink: 0; }
#page-header #nav .site-name { font-weight: 500; letter-spacing: -.055em; }
#nav .menus_item a { transition: color .2s; }
.journal-masthead { border-top-color: var(--journal-edge); font-size: 10px; letter-spacing: .15em; }
.journal-masthead p::before { content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 9px 2px 0; background: var(--journal-rust); border-radius: 50%; }
.cover-story { border-radius: 16px; box-shadow: 0 12px 28px #1a35291a; }
.cover-shade { background: linear-gradient(90deg, #122c20eb 0%, #182e21a3 47%, #152b1e15 100%), linear-gradient(0deg, #142e20a6, transparent 50%); }
.cover-image { object-position: center 46%; }
.cover-copy { padding-top: 38px; }
.cover-kicker { display: inline-flex; align-items: center; gap: 10px; color: #e0e6cd; font-size: 10px; letter-spacing: .18em; }
.cover-kicker::before { content: ''; width: 22px; height: 1px; background: #d7bb8a; }
.intl-home .cover-copy h1 { letter-spacing: -.045em; line-height: 1.1; text-shadow: 0 2px 20px #10271b30; }
.cover-copy h1 em { color: #e0d8ab; }
.cover-copy > p:not(.cover-kicker) { color: #e4e8db; font-size: 14px; }
.cover-button { border-radius: 7px; background: #f5f0dd; box-shadow: 0 2px 8px #0000000d; transition: background .2s, transform .2s, box-shadow .2s; }
.cover-button span { transition: transform .2s; }.cover-button:hover { transform: translateY(-2px); box-shadow: 0 5px 16px #0000001a; }.cover-button:hover span { transform: translate(2px,2px); }
.cover-location { border-top-color: #f3edda40; }.cover-location strong { letter-spacing: .015em; }
.journal-strip { margin: 0 4px; }.journal-strip strong { font-variant-numeric: lining-nums; }.journal-strip a { transition: color .2s; }
.eyebrow { display: flex; align-items: center; gap: 9px; font-weight: 600; letter-spacing: .15em; }
.eyebrow::before { content: ''; display: block; width: 16px; height: 1px; background: currentColor; opacity: .7; }
.section-heading h2 { letter-spacing: -.035em; line-height: 1.22; }
.section-heading .text-link { font-size: 11px; letter-spacing: .015em; }
.text-link { transition: color .2s, border-color .2s; }
.workbench-grid { border: 0; background: transparent; gap: 10px; }
.workbench-item, .workbench-item + .workbench-item { border: 1px solid var(--intl-line); border-radius: 10px; background: var(--intl-surface); padding: 16px 14px; box-shadow: var(--journal-shadow); transition: border-color .2s, box-shadow .2s, transform .2s; }
.project-mark { border: 1px solid #3a513d10; box-shadow: inset 0 1px 0 #ffffff80; border-radius: 8px; font-family: ui-monospace, 'Cascadia Code', Consolas, monospace; }
.project-name strong { letter-spacing: -.01em; }.project-name small { margin-top: 3px; }
.project-arrow { opacity: .55; transition: transform .2s, opacity .2s; }
.workbench-item:hover { border-color: var(--journal-edge); box-shadow: var(--journal-hover-shadow); transform: translateY(-2px); }.workbench-item:hover .project-arrow { transform: translate(2px,-2px); opacity: 1; }
.feature-card { border-radius: 12px; overflow: hidden; box-shadow: var(--journal-shadow); transition: transform .25s, box-shadow .25s, border-color .25s; }
.feature-card:hover { border-color: var(--journal-edge); box-shadow: var(--journal-hover-shadow); }
.feature-image img { transition: transform .6s; }.feature-card:hover .feature-image img { transform: scale(1.025); }
.feature-label { border: 1px solid #ffffff38; background: #1e382be8; border-radius: 5px; font-size: 10px; padding: 5px 9px; }
.feature-copy h3 { letter-spacing: -.025em; margin-top: 12px; }.feature-copy > p { font-size: 13px; line-height: 1.8; }
.card-meta { font-size: 10px; line-height: 1.7; letter-spacing: .065em; }.card-meta time { letter-spacing: 0; font-variant-numeric: tabular-nums; }
.journal-filters { gap: 4px; width: fit-content; max-width: 100%; padding: 4px; border: 1px solid var(--intl-line); border-radius: 9px; background: var(--journal-soft); margin-bottom: 16px; }
.journal-filters button { border: 0; border-radius: 6px; padding: 7px 13px; font-size: 11px; transition: background .2s, color .2s; }
.journal-filters button.is-active { background: var(--intl-surface); color: var(--intl-ink); box-shadow: 0 1px 5px #1b322712; }
.notebook-grid { border: 0; gap: 14px; }
.notebook-card { position: relative; border: 1px solid var(--intl-line); border-radius: 10px; box-shadow: var(--journal-shadow); transition: border-color .2s, box-shadow .2s; }
.notebook-card:hover, .notebook-card:focus-within { border-color: var(--journal-edge); box-shadow: var(--journal-hover-shadow); }
.notebook-card .card-meta > span { color: var(--journal-rust); font-weight: 600; }.notebook-card .card-meta > span::before { content: ''; display: inline-block; width: 4px; height: 4px; margin: 0 6px 2px 0; border-radius: 50%; background: currentColor; }
.notebook-card h3 { margin: 15px 0 11px; letter-spacing: -.015em; line-height: 1.35; overflow-wrap: break-word; hyphens: auto; }
.notebook-card > p { margin-bottom: 19px; font-size: 12px; line-height: 1.8; }
.card-read { padding-top: 12px; font-size: 11px; font-weight: 500; }.card-read span { color: var(--journal-rust); transition: transform .2s; }.card-read:hover span { transform: translate(2px,-2px); }
.more-notes { border-radius: 7px; background: var(--intl-surface); padding: 9px 20px; font-size: 11px; transition: border-color .2s; }.more-notes:hover { border-color: var(--journal-edge); }
.sidebar-panel { border-radius: 11px; box-shadow: var(--journal-shadow); }
.sidebar-intro { position: relative; overflow: hidden; background-image: radial-gradient(ellipse at 100% 0%, var(--journal-wash), transparent 70%); }
.sidebar-avatar { border: 3px solid var(--intl-surface); box-shadow: 0 0 0 1px var(--journal-edge); }
.sidebar-heading h3 { letter-spacing: -.025em; }.sidebar-heading > a { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--intl-line); border-radius: 50%; font-size: 12px; }
.sidebar-photos img { border-radius: 5px; transition: filter .25s; }.sidebar-photos a:hover img { filter: brightness(1.08); }.sidebar-photos span { color: var(--intl-muted); font-size: 10px; }
.sidebar-topics a { border-radius: 5px; padding: 4px 8px; transition: background .2s, border-color .2s; }.sidebar-topics a:hover { background: var(--journal-soft); }
.trail-shortcut { padding-left: 12px; position: relative; }.trail-shortcut::before { content: ''; position: absolute; top: 18px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--journal-rust); }
.reading-section { border: 1px solid var(--intl-line); border-radius: 13px; background-image: radial-gradient(ellipse at 100% 0%, var(--journal-wash), transparent 60%); }
.series-number { display: block; font-size: 30px; line-height: 1.2; opacity: .8; }.reading-card h3 { font-size: 24px; letter-spacing: -.02em; }.reading-card li a { transition: color .2s; }
.postcard { border-radius: 9px; box-shadow: var(--journal-shadow); transition: transform .25s, box-shadow .25s, border-color .25s; }.postcard img { border-radius: 5px; }.postcard:hover { transform: translateY(-4px); border-color: var(--journal-edge); box-shadow: var(--journal-hover-shadow); }.postcard-caption h3 { letter-spacing: -.02em; }.postcard-caption > span:first-child { font-size: 9px; letter-spacing: .025em; }.postcard-arrow { color: var(--journal-rust); }
.map-banner { border-radius: 11px; border: 1px solid #ffffff18; box-shadow: var(--journal-shadow); }.map-banner > span { color: #e0d8ab; transition: transform .25s; }.map-banner:hover > span { transform: translate(3px,-3px); }
.author-monogram { border: 1px solid var(--journal-edge); box-shadow: inset 0 0 0 7px var(--intl-paper); }.author-note h2 { letter-spacing: -.03em; }
#post { border-radius: 12px; box-shadow: var(--journal-shadow); }#article-container blockquote { border-radius: 0 7px 7px 0; }#article-container h2 { margin-top: 1.8em; }
#footer { background: var(--intl-paper); }.intl-footer { font-size: 11px; }#footer .intl-footer a:hover { color: var(--journal-rust); }
@media(max-width: 1100px) { .workbench-item:nth-child(3), .workbench-item:nth-child(n+3) { border: 1px solid var(--intl-line); } }
@media(max-width: 650px) {
  #nav .brand-mark { width: 29px; height: 29px; }#nav .nav-site-title { gap: 8px; }
  .cover-story { border-radius: 11px; }.cover-copy { padding-top: 29px; }.cover-kicker { font-size: 9px; letter-spacing: .12em; gap: 7px; }.cover-kicker::before { width: 12px; }
  .cover-copy > p:not(.cover-kicker) { font-size: 13px; }.cover-button { padding: 10px 15px; }
  .workbench-grid { gap: 8px; }.workbench-item { padding: 13px 10px; border-radius: 8px; }.project-name small { font-size: 9px; }.project-mark { border-radius: 6px; }
  .feature-card, .sidebar-panel, .notebook-card { border-radius: 9px; }.feature-copy h3 { font-size: 26px; }
  .journal-filters { width: 100%; gap: 3px; }.journal-filters button { flex: 1; padding: 7px 6px; font-size: 11px; }
  .notebook-card h3 { font-size: 22px; }.notebook-card > p { font-size: 13px; }.notebook-card { padding: 21px; }
  .card-meta { font-size: 10px; }.card-read { font-size: 12px; }
  .reading-section { border-radius: 10px; }.postcard-caption h3 { font-size: 24px; }
}
@media(hover: none) { .feature-card:hover, .workbench-item:hover, .postcard:hover, .cover-button:hover { transform: none; }.feature-card:hover .feature-image img { transform: none; } }
@media(prefers-reduced-motion: reduce) { .feature-image img, .cover-button, .cover-button span, .workbench-item, .project-arrow, .postcard, .map-banner > span { transition: none; } }