/* Eternal serial skin. Loaded after ../styles.css, which it overrides for
   `body` and `.nav`; that is the same cascade the inline <style> block had.
   Split out 2026-09-15 — it was duplicated into all 28 generated pages. */
:root{--clay:#D97757;--teal:#176b6b;--ink:#141413;--ivory:#faf9f5;--rule:#e5e2d9}
body{background:var(--ivory);color:var(--ink);margin:0}
.wrap{max-width:58ch;margin:0 auto;padding:0 20px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0 6px;font-family:system-ui,sans-serif;font-size:.86rem}
.top a{color:var(--teal);text-decoration:none}
.menu-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--rule);border-radius:9px;padding:6px 11px;cursor:pointer;font:inherit;font-size:.84rem;font-weight:600;color:var(--ink)}
.menu-btn:hover{border-color:var(--teal);color:var(--teal)}
#siteMenu{position:fixed;right:20px;top:58px;z-index:60;background:#fff;border:1px solid var(--rule);border-radius:12px;box-shadow:0 10px 34px rgba(20,20,19,.14);min-width:230px;overflow:hidden;font-family:system-ui,sans-serif}
#siteMenu a{display:block;padding:11px 16px;text-decoration:none;color:var(--ink);font-size:.9rem;border-bottom:1px solid var(--rule)}
#siteMenu a:last-child{border-bottom:0}
#siteMenu a:hover{background:#f0eee6;color:var(--teal)}
.kicker{font-family:system-ui,sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#6e6d66;margin:28px 0 4px}
article{font-family:Georgia,'Times New Roman',serif;font-size:1.07rem;line-height:1.75}
article h1{font-size:2rem;line-height:1.2;margin:.1em 0 .7em}
article h2{font-size:1.4rem;line-height:1.3;margin:2.1em 0 .5em;color:var(--teal)}
article h3{font-family:system-ui,sans-serif;font-size:.97rem;font-weight:700;margin:1.9em 0 .4em}
article blockquote{margin:1.3em 0;padding:.6em 0 .6em 1.1em;border-left:3px solid var(--clay);color:#3d3d3a;font-style:italic}
article blockquote p{margin:.35em 0}
article ul,article ol{margin:1.15em 0;padding-left:1.5em}
article li{margin:.4em 0}
article a{color:var(--teal);text-decoration:none;border-bottom:1px solid rgba(23,107,107,.32)}
article a:hover{color:var(--clay);border-bottom-color:rgba(217,119,87,.55)}
article code{font-size:.93em;background:#f0eee6;padding:.1em .3em;border-radius:4px}
article hr{border:0;border-top:1px solid var(--rule);margin:2.2em 0}
.tbl{overflow-x:auto;margin:1.2em 0}
table{border-collapse:collapse;width:100%;font-family:system-ui,sans-serif;font-size:.88rem}
th,td{border:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f0eee6}
.nav{display:flex;justify-content:space-between;gap:16px;margin:52px 0 0;padding-top:20px;border-top:1px solid var(--rule);font-family:system-ui,sans-serif;font-size:.88rem}
.nav a{color:var(--teal);text-decoration:none;max-width:46%}
@media (max-width:520px){.nav{display:grid;grid-template-columns:1fr;gap:14px}.nav a{max-width:none}.nav a[style]{text-align:left!important}}
.idx{list-style:none;padding:0;margin:26px 0 0;font-family:system-ui,sans-serif}
.idx li{border-bottom:1px solid var(--rule)}
.idx a{display:flex;gap:14px;padding:13px 2px;text-decoration:none;color:var(--ink);align-items:baseline}
.idx a:hover{color:var(--clay)}
.idx .n{color:#6e6d66;font-variant-numeric:tabular-nums;font-size:.85rem;min-width:2.2em}
footer{border-top:1px solid var(--rule);margin-top:56px;padding:24px 0 48px;font-family:system-ui,sans-serif;font-size:.82rem;color:#5e5d59}
footer a{color:var(--teal);text-decoration:none}

/* 2026-09-15: stanza lines (markdown hard breaks). A wrapped line hangs, so a
   runover reads as continuation rather than as the next line of the stanza. */
.stanza .ln { display: block; padding-left: 1.4em; text-indent: -1.4em; }
/* Short stanza lines stand as lines: never wrapped. On a narrow screen the 58ch
   column is too tight for the longest one, so the stanza takes the full viewport
   width and scales down just enough to hold it. */
.stanza.fit .ln { white-space: nowrap; padding-left: 0; text-indent: 0; }
@media (max-width: 600px){
  .stanza.fit{ margin-left: calc(50% - 50vw + 12px); margin-right: calc(50% - 50vw + 12px);
               font-size: min(1.07rem, 3.1vw); }
}