:root{color-scheme:light;--paper:#f8f6eb;--ink:#292c27;--muted:#616454;--fish:#a83228;--line:#d6d6c4;--wash:#eeefdf;font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--fish)}button,input,textarea,select{font:inherit}button,.button{display:inline-block;background:var(--fish);color:#fff;border:1px solid var(--fish);padding:.65rem 1.1rem;border-radius:2px;cursor:pointer;text-decoration:none;min-height:44px}button:hover,.button:hover{background:#84251e;color:#fff}.quiet{background:none;color:var(--ink);border:1px solid var(--line)}.quiet:hover{background:var(--wash);color:var(--ink)}:focus-visible{outline:3px solid var(--fish);outline-offset:4px}header,main,footer{max-width:1080px;margin:auto;padding:0 28px}header{padding-top:26px;padding-bottom:22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:29px;letter-spacing:-1.4px}.fish{width:49px;height:30px;color:var(--fish)}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.9rem}nav a[aria-current=page]{color:var(--fish);text-decoration-thickness:2px}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:650}.hero{padding:64px 0 40px;max-width:740px}.hero h1,h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}.hero h1{font-size:clamp(2.7rem,6vw,4.7rem);letter-spacing:-.035em;margin:16px 0 20px}.hero p{max-width:520px;color:var(--muted);font-size:1.1rem}h1{font-size:2.6rem;margin:42px 0 22px}h2{font-size:1.7rem}p{overflow-wrap:anywhere}.columns{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:70px}.feed-nav{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 0 18px;flex-wrap:wrap}.feed-nav a{text-decoration:none}.feed-nav a[aria-current=page]{color:var(--fish);border-bottom:2px solid;padding-bottom:18px}.poem{padding:34px 0;border-bottom:1px solid var(--line)}.poem-text{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 24px}.poem-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.82rem}.poem-meta a{color:var(--ink)}.poem-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.8rem}.poem-tools button{padding:.2rem .6rem;background:transparent;color:var(--muted);border-color:var(--line)}.poem-tools button[aria-pressed=true]{color:var(--fish);border-color:var(--fish)}.inline{display:inline}.sidebar{padding-top:12px;color:var(--muted);font-size:.9rem}.sidebar h2{color:var(--ink)}.empty{padding:65px 0}.empty h2{margin-bottom:12px}.muted{color:var(--muted)}.notice{background:var(--wash);border-left:3px solid var(--fish);padding:16px 20px;margin-top:22px}.errors{color:#8d261e}.narrow{max-width:680px}.field{margin:22px 0}label{display:block;margin-bottom:8px;font-weight:550}input,select,textarea{border:1px solid #a7aa96;background:#fffefa;padding:12px;color:var(--ink);border-radius:2px;max-width:100%;width:100%}textarea{min-height:230px;resize:vertical;font-family:Georgia,'Times New Roman',serif;font-size:1.6rem;line-height:1.75}.help{font-size:.84rem;color:var(--muted);margin-top:7px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.pagination{margin:32px 0}.pagination svg{width:20px}footer{border-top:1px solid var(--line);margin-top:80px;padding-top:26px;padding-bottom:38px;color:var(--muted);font-size:.8rem;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer div{display:flex;gap:18px;flex-wrap:wrap}details{margin:20px 0}summary{cursor:pointer;padding:8px 0}table{border-collapse:collapse;width:100%;text-align:left}th,td{border-bottom:1px solid var(--line);padding:14px 6px;vertical-align:top}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:var(--paper);padding:10px;z-index:5}.archive-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.archive-form .field{margin:0}.divider{border:0;border-top:1px solid var(--line);margin:38px 0}@media(max-width:740px){header,main,footer{padding-left:22px;padding-right:22px}.columns{grid-template-columns:1fr;gap:20px}.sidebar{border-top:1px solid var(--line);padding-top:20px}.hero{padding-top:36px}nav{gap:18px}.poem-text{font-size:1.55rem}}@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s,background-color .15s}}@media(prefers-contrast:more){:root{--muted:#30372a;--line:#68705f}}@media print{header nav,.poem-tools,footer,.actions{display:none}body{background:white;color:black}}

/* The original site's red fish, pale green paper and compact poetry feed. */
:root {
    --paper: #faf9ee;
    --ink: #282b20;
    --muted: #595e48;
    --fish: #ad211b;
    --line: #d4d8b5;
    --wash: #edf0d7;
}
header, main, footer { max-width: 1000px; }
header {
    background: linear-gradient(160deg, #d4d783, #f4f5dd 80%);
    border-bottom: 3px solid var(--fish);
    padding-top: 28px;
    padding-bottom: 24px;
}
.brand {
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-style: italic;
    letter-spacing: -.06em;
}
.fish { width: 70px; height: 44px; }
nav { gap: 20px; }
.hero { padding: 26px 0 28px; }
.hero h1 {
    font-size: clamp(1.8rem, 4vw, 2.4rem);
    letter-spacing: -.02em;
    margin: 0 0 8px;
}
.hero p { margin: 0; font-size: 1rem; }
h2 { margin: 32px 0 14px; }
p { margin: 0 0 16px; }
.columns { grid-template-columns: 190px minmax(0, 1fr); gap: 42px; }
.columns > section { grid-column: 2; grid-row: 1; min-width: 0; }
.sidebar { grid-column: 1; grid-row: 1; padding-top: 0; }
.sidebar h2 { margin-top: 0; font-size: 1.35rem; }
.sidebar .button { margin: 0 0 4px; }
.sidebar .divider { margin: 24px 0; }
.feed-nav { gap: 20px; font-size: .9rem; }
.poem { padding: 24px 0; }
.poem-text {
    font-size: clamp(1.2rem, 2.4vw, 1.5rem);
    line-height: 1.6;
    margin: 16px 0 20px;
}
.poem-meta { gap: 10px; }
.poem-tools { gap: 12px; row-gap: 8px; }
.poem-tools .inline { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.poem-tools button { min-width: 44px; }
.narrow > h2 { margin-top: 36px; }
.narrow > .divider + h2 { margin-top: 0; }
.narrow > h2 + .poem { padding-top: 8px; }
.narrow > h2 + p { margin-bottom: 24px; }
.help { margin-bottom: 14px; }
.notice { margin-bottom: 22px; }
footer { margin-top: 56px; }
@media (max-width: 740px) {
    header { gap: 18px; }
    header nav { width: 100%; gap: 12px 20px; }
    header nav a { min-height: 44px; display: inline-flex; align-items: center; }
    .hero { padding: 24px 0; }
    .columns { display: flex; flex-direction: column; gap: 32px; }
    .sidebar { border-top: 1px solid var(--line); padding-top: 24px; }
    .poem-text { font-size: 1.25rem; }
    h1 { font-size: 2.1rem; }
}
@media (prefers-contrast: more) {
    :root { --muted: #30372a; --line: #68705f; }
}

.page-nav { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px 20px; }
.page-control { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 2px; color: var(--ink); background: var(--paper); text-decoration: none; }
a.page-control:hover { color: var(--fish); border-color: var(--fish); background: var(--wash); }
.page-control[aria-disabled="true"] { color: var(--muted); border-style: dashed; }
.page-position { font-size: .85rem; color: var(--muted); }
:root { color-scheme: light dark; --field: #fffefa; --header-start: #d4d783; --header-end: #f4f5dd; --button-ink: #fff; --button-hover: #84251e; --error: #8d261e; }
header { background: linear-gradient(160deg, var(--header-start), var(--header-end) 80%); }
input, select, textarea { background: var(--field); color: var(--ink); border-color: var(--line); }
button, .button { color: var(--button-ink); }
button:hover, .button:hover { background: var(--button-hover); color: var(--button-ink); }
.quiet, .poem-tools button { background: transparent; color: var(--ink); }
.quiet:hover, .poem-tools button:hover { background: var(--wash); color: var(--fish); }
.errors { color: var(--error); }
@media (prefers-color-scheme: dark) {
    :root {
        --paper: #1c201a;
        --ink: #f0efe2;
        --muted: #bcc2ac;
        --fish: #ff9789;
        --line: #525a43;
        --wash: #2c3325;
        --field: #252b21;
        --header-start: #353f22;
        --header-end: #242b1e;
        --button-ink: #251a15;
        --button-hover: #ffb1a6;
        --error: #ffb1a6;
    }
    .fish { color: #f26959; }
    @media (prefers-contrast: more) {
        :root { --muted: #e4e9d6; --line: #aab695; }
    }
}
@media (max-width: 440px) {
    .page-position { flex-basis: 100%; text-align: center; order: 3; }
}
@media print {
    :root { color-scheme: light; --paper: white; --ink: black; --muted: #333; --line: #999; }
    header { background: white; }
    .page-nav { display: none; }
}
.fish { width: 70px; height: 55px; color: #d51a13; }
@media (prefers-color-scheme: dark) { .fish { color: #ff8173; } }
.brand { display: block; max-width: 100%; line-height: 0; }
.archive-wordmark { display: block; width: 388px; max-width: 100%; height: auto; border-radius: 2px; }
header { gap: 22px; }
@media (max-width: 740px) { .archive-wordmark { width: 388px; } }
header { background: var(--paper); border-bottom: 1px solid var(--line); }
.archive-wordmark { width: 430px; }
@media (max-width: 740px) { .archive-wordmark { width: 388px; } }
.archive-days { list-style: none; padding: 0; margin: 28px 0; }
.archive-days li { border-bottom: 1px solid var(--line); }
.archive-days a { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 20px; padding: 16px 0; min-height: 44px; text-decoration: none; }
.archive-days a:hover time { text-decoration: underline; }
.archive-days .muted { font-size: .9rem; }
.day-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 16px; font-size: .85rem; }
.day-nav a { min-height: 44px; display: inline-flex; align-items: center; }