/* GENERATED by tools/strip-css.py from athenana.css, which carries the comments. Edit that file and re-run the tool; never edit this one. */
:root {
    --color-bg: #fffaf0;
    --color-surface: #f7eedd;
    --color-neutral-100: #fffdf8;
    --color-accent-100: #ffe6d5;
    --font-heading: "Outfit", "Outfit Fallback", system-ui, sans-serif;
    --font-heading-weight: 600;
    --font-body: "Public Sans", "Public Sans Fallback", system-ui, sans-serif;
}
h1, h2, h3, h4, h5,
.card-title, .dialog-title, .nav-brand { letter-spacing: -0.03em; }
.shell { display: flex; align-items: stretch; min-height: 100vh; }
.sidebar {
    width: 236px;
    flex: none;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: 26px 18px;
    background: var(--color-bg);
    border-right: 1px solid var(--color-divider);
    position: sticky;
    top: 0;
    align-self: flex-start;
    height: 100vh;
    overflow-y: auto;
}
.sidebar .brand {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    margin-bottom: var(--space-4);
}
.main {
    flex: 1;
    min-width: 0;
    padding: 30px 40px 80px;
}
[hidden] { display: none !important; }
.visually-hidden {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.skip-link {
    position: absolute;
    left: var(--space-3);
    top: -100px;
    z-index: 25;
    padding: var(--space-2) var(--space-3);
    background: var(--color-surface);
    color: var(--color-text);
    border: 2px solid var(--color-text);
    border-radius: 6px;
    font-weight: 600;
}
.skip-link:focus { top: var(--space-3); }
#main:focus { outline: none; }
.sidebar-save {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-bottom: var(--space-3);
    padding: 10px 16px;
    border: none;
    border-radius: 999px;
    background: var(--color-accent);
    color: var(--color-text);
    text-decoration: none;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
}
.sidebar-save:hover { background: var(--color-accent-400); }
.sidebar-save:active { background: var(--color-accent-500); }
.sidebar-save .nav-icon { display: none; }
.sidebar-random {
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--color-neutral-300);
    color: var(--color-text);
}
.sidebar-random:hover { background: var(--color-neutral-200); }
.sidebar-random:active { background: var(--color-neutral-300); }
.sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sidebar-nav-primary { margin-bottom: auto; }
.sidebar-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    color: var(--color-neutral-700);
    text-decoration: none;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 500;
}
.sidebar-nav a:hover { background: color-mix(in srgb, var(--color-text) 6%, transparent); color: var(--color-text); }
.sidebar-nav a.is-active { color: var(--color-text); font-weight: 700; }
.sidebar-nav .nav-icon { display: none; flex: none; width: 20px; height: 20px; }
.sidebar-settings { margin-top: var(--space-4); }
.sidebar-heading {
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
    margin: 0 0 var(--space-2) 10px;
}
.sidebar-settings .sidebar-nav a { font-size: 13px; }
.user-chip {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: var(--space-3);
    padding: 8px;
    border-radius: 999px;
    background: var(--color-surface);
    text-decoration: none;
    color: inherit;
}
.user-chip:hover { background: var(--color-neutral-200); }
.user-chip .avatar {
    flex: none;
    width: 32px; height: 32px;
    display: grid; place-items: center;
    border-radius: 50%;
    background: var(--color-accent-2-700);
    color: var(--color-bg);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 13px;
}
.user-chip .user-meta { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.user-chip .user-name { font-size: 13px; font-weight: 600; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-chip .user-count { font-size: 12px; color: var(--color-neutral-700); }
.wordmark-short { display: none; }
.sidebar-account-mobile { display: none; }
@media (max-width: 900px) {
    .sidebar { width: 56px; padding: 16px 8px; align-items: center; }
    .sidebar .brand { margin-bottom: var(--space-3); }
    .wordmark-full {
        position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
        overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
    }
    .wordmark-short { display: inline; }
    .sidebar-save { width: 40px; height: 40px; padding: 0; border-radius: 50%; }
    .sidebar-save .nav-icon { display: block; }
    .sidebar-save .nav-label { }
    .sidebar-nav { width: 100%; align-items: center; }
    .sidebar-nav a { justify-content: center; padding: 10px; width: 40px; }
    .sidebar-nav .nav-icon { display: block; }
    .user-chip { width: 40px; height: 40px; padding: 0; justify-content: center; }
    .sidebar-heading,
    .sidebar-save .nav-label,
    .sidebar-nav a .nav-label,
    .user-chip .user-meta {
        position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
        overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
    }
    .main { padding: 24px 20px 60px; }
}
@media (max-width: 640px) {
    .sidebar {
        position: fixed;
        inset: auto 0 0 0;
        width: 100%;
        height: auto;
        flex-direction: row;
        align-items: center;
        gap: var(--space-2);
        padding: 6px 4px;
        border-right: none;
        border-top: 1px solid var(--color-divider);
        z-index: 20;
    }
    .sidebar .brand,
    .sidebar-settings,
    .user-chip { display: none; }
    .sidebar-save {
        display: flex;
        flex: none;
        margin-bottom: 0;
    }
    .sidebar-nav-primary {
        flex-direction: row;
        flex: 1;
        min-width: 0;
        margin-bottom: 0;
        justify-content: space-around;
    }
    .sidebar-nav-primary a {
        width: auto;
        flex: 1;
        flex-direction: column;
        gap: 2px;
        padding: 4px 0;
    }
    .sidebar-nav-primary a .nav-label {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
        font-size: 10px;
        line-height: 1;
        white-space: nowrap;
    }
    .sidebar-random { display: none; }
    .sidebar-account-mobile {
        display: flex;
        flex: none;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        color: var(--color-neutral-700);
    }
    .sidebar-account-mobile .nav-icon { display: block; width: 20px; height: 20px; }
    .sidebar-account-mobile:hover,
    .sidebar-account-mobile.is-active {
        background: color-mix(in srgb, var(--color-text) 6%, transparent);
        color: var(--color-text);
    }
    .main { padding: 20px 16px 84px; }
}
h1 { font-size: 26px; letter-spacing: -0.02em; }
a { color: var(--color-accent-700); }
.athenana-logo {
    font-family: "Figtree", var(--font-body);
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.045em;
    line-height: 1;
    color: var(--color-text);
}
.athenana-logo .dot { color: var(--color-accent); }
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    text-decoration: none;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-text);
    background: var(--color-accent);
    border: 1px solid transparent;
    padding: var(--space-2) calc(var(--space-3) * 1.2);
    border-radius: 999px;
}
.btn:hover { background: var(--color-accent-400); }
.btn:active { background: var(--color-accent-500); }
.btn.secondary {
    background: transparent;
    color: var(--color-text);
    border-color: var(--color-divider);
}
.btn.secondary:hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.btn.secondary:active { background: color-mix(in srgb, var(--color-text) 14%, transparent); }
.error { color: var(--color-accent-700); margin-bottom: var(--space-3); }
.field { margin-bottom: var(--space-3); }
label.field { display: block; }
label.field > span { display: block; font-size: 13px; color: var(--color-neutral-700); margin-bottom: 4px; }
label.field small { font-weight: 400; }
label.field input, label.field select, label.field textarea {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-sm);
    font: inherit;
    color: var(--color-text);
    background: var(--color-surface);
}
.toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: var(--space-4); }
.search {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid var(--color-divider);
    border-radius: 999px;
    font: inherit;
    color: var(--color-text);
    background: var(--color-surface);
}
.switch {
    display: flex;
    border: 1px solid var(--color-divider);
    border-radius: 999px;
    overflow: hidden;
    background: var(--color-surface);
}
.switch button {
    border: 0;
    background: transparent;
    color: var(--color-neutral-700);
    padding: 9px 12px;
    font: inherit;
    font-family: var(--font-body);
    font-size: 13px;
    cursor: pointer;
}
.switch button[aria-pressed="true"] { background: var(--color-accent); color: var(--color-text); }
.matchmode {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-neutral-700);
    white-space: nowrap;
    cursor: pointer;
}
.board { column-count: 4; column-gap: var(--space-4); }
.board { orphans: 1; widows: 1; }
@media (max-width: 1000px) { .board { column-count: 3; } }
@media (max-width: 700px)  { .board { column-count: 2; } }
@media (max-width: 460px)  { .board { column-count: 1; } }
.card {
    background: var(--color-surface);
    padding: 0;
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-md);
    overflow: hidden;
    break-inside: avoid;
    margin-bottom: var(--space-4);
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: var(--color-text);
}
.card:hover { border-color: var(--color-neutral-500); box-shadow: var(--shadow-sm); }
.card .pad { padding: var(--space-3) var(--space-4); }
.card-open { display: block; text-decoration: none; color: inherit; position: relative; }
.card-open:focus-visible { outline-offset: -3px; }
.card .card-foot { padding-top: 0; }
.card img.washed { width: 100%; height: 220px; object-fit: cover; object-position: top; }
.card .card-kicker { color: var(--color-neutral-700); margin-bottom: 4px; }
.card .card-meta { color: var(--color-neutral-700); }
.card .card-title { margin-bottom: 4px; overflow-wrap: anywhere; }
.card .card-body { margin: 0; }
.card .quote { font-style: italic; line-height: 1.45; }
.card--note {
    background: var(--color-accent-2-700);
}
.card--note .card-kicker { color: var(--color-accent-2-200); }
.card--note .card-title,
.card--note .card-body { color: var(--color-bg); }
.card--note .card-body { opacity: 1; }
.card--note .tag {
    background: color-mix(in srgb, var(--color-text) 20%, transparent);
    color: var(--color-bg);
}
.card--highlight {
    background: var(--color-accent-100);
}
.card--highlight .card-kicker { color: var(--color-accent-700); }
.card--pinned { outline: 2px solid var(--color-neutral-700); }
.card .working { color: var(--color-neutral-700); font-size: 12px; margin-top: 8px; font-style: italic; }
p.working { color: var(--color-neutral-700); font-size: 13px; font-style: italic; }
.card .noteflag { color: var(--color-neutral-700); font-size: 12px; margin-top: 8px; }
.card .unread { color: var(--color-neutral-700); font-size: 12px; margin-top: 8px; }
.card .tags { margin-top: 8px; display: flex; gap: 5px; flex-wrap: wrap; }
a.tag { text-decoration: none; cursor: pointer; }
a.tag:hover { filter: brightness(0.94); }
.tag[aria-current] { cursor: default; }
.itemlist,
.taglist,
.panel {
    background: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-300);
    border-radius: 28px;
    overflow: hidden;
}
.itemrow {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 90px;
    padding: var(--space-2) var(--space-4);
    border-bottom: 1px solid color-mix(in srgb, var(--color-text) 8%, transparent);
    color: var(--color-text);
    text-decoration: none;
}
.itemrow:last-child { border-bottom: 1px solid transparent; }
.itemrow:hover { background: color-mix(in srgb, var(--color-text) 4%, transparent); }
.itemrow-open {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}
.itemrow-check { flex: none; }
.itemrow-mark {
    flex: none;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: transparent;
}
.itemrow--note .itemrow-mark { background: var(--color-accent-2); }
.itemrow--highlight .itemrow-mark { background: var(--color-accent); }
.itemrow--pinned { box-shadow: inset 0 0 0 2px var(--color-neutral-700); }
.itemrow--pinned:first-child { border-top-left-radius: 27px; border-top-right-radius: 27px; }
.itemrow--pinned:last-child { border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; }
[data-board-editing] [data-items] [data-item-id] { cursor: pointer; position: relative; }
[data-board-editing] [data-items] .card.is-selected { outline: 3px solid var(--color-accent); outline-offset: -3px; }
[data-board-editing] [data-items] .itemrow.is-selected {
    box-shadow: inset 0 0 0 3px var(--color-accent);
    background: var(--color-accent-100);
}
[data-board-editing] [data-items] .itemrow.is-selected:first-child { border-top-left-radius: 27px; border-top-right-radius: 27px; }
[data-board-editing] [data-items] .itemrow.is-selected:last-child { border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; }
[data-board-editing] [data-items] .card.is-selected::after {
    content: "\2713";
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    z-index: 1;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--color-accent);
    color: var(--color-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    pointer-events: none;
}
.itemrow-thumb {
    flex: none;
    width: 128px;
    height: 72px;
}
.itemrow-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-divider);
    display: block;
}
.itemrow-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}
.itemrow-line {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.itemrow-title {
    flex: 0 1 auto;
    min-width: 10ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
}
.itemrow-meta,
.itemrow-note,
.itemrow-working,
.itemrow-unread {
    font-size: 12px;
    color: var(--color-neutral-700);
}
.itemrow-note,
.itemrow-working,
.itemrow-unread {
    flex: none;
}
.itemrow-unread {
    white-space: nowrap;
}
.itemrow-meta {
    flex: 0 20 auto;
    min-width: 3ch;
    max-width: 38ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.itemrow-todo,
.itemrow-pindays {
    flex: none;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-neutral-700);
    margin-left: var(--space-2);
}
.card .card-todo,
.card .card-pindays { color: var(--color-neutral-700); font-size: 12px; margin-top: 8px; }
.card--note .card-todo,
.card--note .card-pindays { color: var(--color-accent-2-200); }
.itemrow-working { font-style: italic; }
.itemrow-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.45;
    color: var(--color-neutral-700);
}
.itemrow-tags {
    flex: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    width: 200px;
    overflow: hidden;
}
@media (max-width: 1000px) {
    .itemrow-tags { width: 120px; min-width: 0; }
    .itemrow-tags > .tag:nth-child(n+2) { display: none; }
}
@media (max-width: 640px) {
    .itemrow-thumb { width: 80px; height: 45px; }
    .itemrow-meta { display: none; }
}
@media (max-width: 640px) {
}
.itemrow-tags .tag {
    display: block;
    flex: none;
    max-width: 12ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scrollfoot { text-align: center; }
.scrollfoot-sentinel { height: 1px; }
.scrollfoot-status,
.scrollfoot-end {
    margin: 0;
    padding: 28px 0;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.scrollfoot-more { margin: 24px 0; }
.scrollfoot-pages { padding: 24px 0; }
.pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.pager-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 7px 13px;
    border: 1px solid var(--color-divider);
    border-radius: 999px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 13px;
    color: var(--color-neutral-700);
    text-decoration: none;
}
.pager-link:hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.pager-link.is-current {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-text);
}
.pager-link.is-disabled { opacity: 0.4; }
.pager-gap { color: var(--color-neutral-700); padding: 0 2px; }
.empty { color: var(--color-neutral-700); padding: 40px 0; }
.boardstatus,
.flash { color: var(--color-neutral-700); font-size: 14px; margin-bottom: var(--space-3); }
.offline-note {
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-neutral-100);
    color: var(--color-text);
    font-size: 14px;
    margin: 0 0 var(--space-3);
}
.boardhead {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: var(--space-4);
}
.boardhead-title { margin: 0; overflow-wrap: anywhere; }
.boardhead-count,
.boardhead-note,
.boardhead-back { font-size: 13px; color: var(--color-neutral-700); }
.boardhead-back { margin-left: auto; }
.jumpto {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: var(--space-6);
}
.jumpto-label {
    font-size: 13px;
    color: var(--color-neutral-700);
    margin-right: 4px;
}
.jumpto-chip {
    font-size: 13px;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--color-neutral-200);
    color: var(--color-neutral-800);
    text-decoration: none;
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jumpto-chip:hover { background: var(--color-neutral-300); }
.jumpto-chip.is-current {
    background: var(--color-accent);
    color: var(--color-text);
    font-weight: 600;
}
.jumpto-chip.is-current:hover { background: var(--color-accent-400); }
@media (max-width: 700px) {
    .jumpto-chip:nth-of-type(n+8) { display: none; }
}
@media (max-width: 460px) {
    .jumpto-chip:nth-of-type(n+6) { display: none; }
}
.tagbrowse { max-width: 900px; }
.tagbrowse-lede {
    max-width: 560px;
    font-size: 16px;
    line-height: 1.55;
    color: var(--color-neutral-700);
    margin: 10px 0 var(--space-6);
}
.tagbrowse-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-bottom: var(--space-4);
}
.tagbrowse-filter { flex: 1; max-width: 340px; display: flex; }
.tagbrowse-summary { font-size: 13px; color: var(--color-neutral-700); }
.taglist-head,
.tagrow {
    display: grid;
    grid-template-columns: 1fr 90px;
    gap: 16px;
    align-items: center;
    padding: 14px 24px;
}
.taglist-head {
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
}
.tagrow {
    border-top: 1px solid var(--color-neutral-200);
    color: var(--color-text);
    text-decoration: none;
}
.tagrow:hover { background: color-mix(in srgb, var(--color-text) 4%, transparent); }
.tagrow-name {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 15px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tagrow-count { color: var(--color-neutral-700); font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
    .taglist-head,
    .tagrow { padding: 14px 18px; }
}
.itemview {
    max-width: 760px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.itemview-back {
    align-self: flex-start;
    padding: 6px 16px;
    border: 1px solid var(--color-neutral-300);
    border-radius: 999px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 13px;
    color: var(--color-neutral-700);
    text-decoration: none;
}
.itemview-back:hover { background: var(--color-surface); }
.itemview-topbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-4);
}
.itemview-topbar > .itemnav {
    display: flex;
    gap: var(--space-4);
    font-size: 14px;
    font-weight: 600;
}
.itemview-topbar > .itemview-back {
    align-self: auto;
    margin-left: auto;
}
.itemview-flash {
    margin: 0;
    font-size: 14px;
    color: var(--color-neutral-700);
}
.itemview-blocked {
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--color-neutral-700);
}
.itemview-head {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.itemview-kicker {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--font-body);
    font-weight: 600;
    color: var(--color-neutral-700);
}
.itemview-mark {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: none;
}
.itemview-kicker--note .itemview-mark {
    display: block;
    background: var(--color-accent-2);
}
.itemview-kicker--highlight .itemview-mark {
    display: block;
    background: var(--color-accent);
}
.itemview-kickertext { min-width: 0; }
.itemview-source {
    color: inherit;
    text-decoration: underline dotted;
    text-underline-offset: 0.25em;
}
.itemview-source:hover,
.itemview-source:focus-visible {
    text-decoration-style: solid;
}
.itemview-title {
    margin: 0;
    font-size: 42px;
    line-height: 1.12;
    letter-spacing: -0.015em;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}
.itemview-standfirst {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    color: var(--color-neutral-700);
}
.itemsummary {
    margin: 0 0 var(--space-3);
}
.itemsummary-head {
    margin: 0 0 4px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
}
.itemsummary p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-text);
}
.itemview-text {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}
.itemview-text > .itemsummary { margin: 0; }
.itemsummary-body > :first-child { margin-top: 0; }
.itemsummary-body > :last-child { margin-bottom: 0; }
.itemview-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.itemview-actions form { margin: 0; display: contents; }
.itemview-visibility { margin-top: var(--space-3); }
.itemview-visibility .visibility-state { flex-basis: 100%; }
.itemview-blogcontrols {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-2);
}
.itemview-blogcontrols .visibility { align-items: flex-end; }
.itemview-blogcontrols .visibility label.field { margin-bottom: 0; }
.itemview-bluesky { margin-top: 0; align-items: center; }
.itemview-bluesky form { margin: 0; }
.itemview-sharedto { display: flex; flex-wrap: wrap; gap: 10px; }
.itemview-sharedto-plain { cursor: default; }
.itemview-sharedto-plain:hover { background: transparent; }
.itemview-open {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--color-accent);
    color: var(--color-text);
    text-decoration: none;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
}
.itemview-open:hover { background: var(--color-accent-400); }
.itemview-open:active { background: var(--color-accent-500); }
.itemview-action {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid var(--color-neutral-300);
    border-radius: 999px;
    background: transparent;
    color: var(--color-text);
    text-decoration: none;
    cursor: pointer;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
}
.itemview-action:hover { background: var(--color-surface); }
.itemview-action:active { background: var(--color-neutral-200); }
.itemview-image {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: top;
    border-radius: 28px;
}
.itemview-image--photo {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}
.itemview-titlelink {
    color: inherit;
    text-decoration: none;
}
.itemview-titlelink:hover,
.itemview-titlelink:focus-visible { text-decoration: underline; }
.itemview-shotlink { display: block; }
.itemview-tagbar {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}
.itemview-tagbar > .tagedit,
.itemview-tagbar > .tagadd,
.itemview-tagbar > .itemview-tagnote { margin-top: 0; }
.pageband { padding: 52px 0; }
.pageband--tint { background: var(--color-surface); }
.pageband-grid {
    display: grid;
    grid-template-columns: minmax(0, 264px) minmax(0, 1fr);
    gap: var(--space-8);
    align-items: start;
}
.pageband-lead {
    position: sticky;
    top: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}
.pageband-rule { width: 44px; height: 3px; background: var(--color-accent); }
.pageband-lead h1,
.pageband-lead h2 {
    font-size: 38px;
    line-height: 1.02;
    letter-spacing: -0.9px;
    text-wrap: balance;
    margin: 0;
}
.pageband-promise {
    font-size: 17px;
    line-height: 1.5;
    color: var(--color-neutral-700);
    text-wrap: pretty;
    margin: 0;
}
.pageband-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6) var(--space-8);
}
.pageband-items h3 {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.22px;
    margin: 0 0 var(--space-1);
}
.pageband-items p {
    color: var(--color-neutral-700);
    text-wrap: pretty;
    margin: 0;
}
.pageband-items code {
    overflow-wrap: anywhere;
}
.pagehero {
    display: grid;
    grid-template-columns: minmax(0, 264px) minmax(0, 1fr);
    gap: var(--space-8);
    align-items: start;
    padding: 52px 0 62px;
}
.pagehero h1 {
    font-size: 46px;
    line-height: 1;
    letter-spacing: -1.1px;
    text-wrap: balance;
}
.pagehero p {
    font-size: 20px;
    line-height: 1.5;
    color: var(--color-neutral-700);
    max-width: 56ch;
    text-wrap: pretty;
    padding-top: 6px;
}
.pagehero .pagehero-stats {
    font-size: 15px;
    padding-top: var(--space-3);
    color: var(--color-neutral-700);
}
@media (max-width: 720px) {
    .pagehero,
    .pageband-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
    .pageband-items { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
    .pageband-lead { position: static; }
    .pageband-lead h1,
    .pageband-lead h2 { font-size: 30px; letter-spacing: -0.6px; }
    .pagehero h1 { font-size: 36px; letter-spacing: -0.8px; }
    .pagehero p { font-size: 18px; padding-top: 0; }
    .pageband { padding: 35.2px 0; }
}
.showcase {
    grid-column: 1 / -1;
    display: grid;
    gap: var(--space-8);
    margin-top: var(--space-4);
}
.showcase-shot {
    width: 100%;
    height: auto;
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-lg);
}
.showcase-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-6);
    align-items: start;
}
.showcase figcaption {
    font-size: 15px;
    color: var(--color-neutral-700);
    margin-top: var(--space-3);
}
@media (max-width: 720px) {
    .showcase { gap: var(--space-6); }
    .showcase-row { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
}
.compare-lead {
    position: static;
    margin-bottom: var(--space-6);
    max-width: 48ch;
}
.compare-legend-heading { font-size: 18px; margin: 0 0 var(--space-3); }
.compare-legend {
    list-style: none;
    margin: 0 0 var(--space-4);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-6);
    font-size: 15px;
}
.compare-legend li { display: flex; align-items: center; gap: var(--space-2); }
.compare-sourceline {
    font-size: 15px;
    line-height: 1.55;
    color: var(--color-neutral-700);
    text-wrap: pretty;
    max-width: 70ch;
    margin: 0;
}
.verdict {
    display: inline-block;
    flex: none;
    width: 13px;
    height: 13px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    vertical-align: -1px;
}
.verdict--yes { background: currentColor; }
.verdict--partial { background: linear-gradient(90deg, currentColor 50%, transparent 50%); }
.verdict--no { background: none; }
.verdict--unknown {
    border: 0;
    border-radius: 0;
    font-weight: 600;
    line-height: 13px;
    text-align: center;
    overflow: hidden;
}
.verdict--unknown::before { content: '?'; }
.verdict--na {
    height: 0;
    border: 0;
    border-top: 1.5px solid currentColor;
    border-radius: 0;
    vertical-align: 4px;
}
.verdict-note {
    display: block;
    margin-top: var(--space-1);
    font-size: 12px;
    line-height: 1.35;
    color: var(--color-neutral-700);
    text-wrap: pretty;
}
.compare-scroll { overflow-x: auto; position: relative; }
.compare-table {
    min-width: 700px;
    table-layout: fixed;
}
.compare-table th,
.compare-table td {
    padding: var(--space-2) 6px;
    vertical-align: top;
}
.compare-table thead th:first-child { width: 196px; }
.compare-table thead th {
    font-size: 10px;
    letter-spacing: 0.04em;
    line-height: 1.3;
}
.compare-table tbody th {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    color: var(--color-text);
    text-wrap: pretty;
}
.saveclients tbody th {
    text-transform: none;
    letter-spacing: normal;
    font-size: 13px;
    color: var(--color-text);
}
.compare-table thead th:first-child,
.compare-table tbody th {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--color-bg);
    border-right: 1px solid var(--color-divider);
}
.pageband--tint .compare-table thead th:first-child,
.pageband--tint .compare-table tbody th { background: var(--color-surface); }
.compare-table tbody tr:hover th {
    background: color-mix(in srgb, var(--color-text) 4%, var(--color-bg));
}
.pageband--tint .compare-table tbody tr:hover th {
    background: color-mix(in srgb, var(--color-text) 4%, var(--color-surface));
}
.compare-table .compare-us { background: var(--color-accent-100); }
.compare-table thead th.compare-us { border-top: 3px solid var(--color-accent); }
.compare-close { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
@media (max-width: 720px) {
    .compare-lead { margin-bottom: var(--space-4); }
    .compare-legend { gap: var(--space-2) var(--space-4); }
}
.itemview-edit > .tagadd { margin-top: 0; }
.itemview-tag {
    font-size: 12px;
    padding: 4px 13px;
    text-decoration: none;
}
.itemview-tag:hover { background: var(--color-neutral-200); }
.itemview-working {
    margin: 0;
    font-size: 13px;
    font-style: italic;
    color: var(--color-neutral-700);
}
.itemview-quote {
    margin: 0;
    padding: 24px;
    border-radius: 28px;
    background: var(--color-accent-100);
    color: var(--color-text);
    font-size: 20px;
    line-height: 1.45;
    font-style: italic;
}
.itemview-notebody {
    padding: 24px;
    border-radius: 28px;
    background: var(--color-accent-2-100);
    color: var(--color-accent-2-900);
    font-size: 17px;
    line-height: 1.6;
}
.itemview-panel {
    background: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-300);
    border-radius: 28px;
    padding: 24px;
}
.itemview-panel-kicker {
    margin: 0 0 8px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
}
.itemview-panel-body {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text);
}
.keptwith-list { list-style: none; padding: 0; }
.keptwith-list li + li { margin-top: var(--space-2); }
.keptwith-kind { margin-left: var(--space-2); font-size: 13px; color: var(--color-neutral-700); }
.itemlink-menu {
    list-style: none;
    margin: var(--space-1) 0 0;
    padding: var(--space-1);
    background: var(--color-surface);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
    max-height: 18rem;
    overflow-y: auto;
}
.itemlink-row,
.itemlink-note { padding: var(--space-2) var(--space-3); font-size: 15px; border-radius: var(--radius-sm); }
.itemlink-row { cursor: pointer; }
.itemlink-row.is-active { background: var(--color-neutral-200); }
.itemlink-note { color: var(--color-neutral-700); }
.itemlink-kind { margin-left: var(--space-2); font-size: 13px; color: var(--color-neutral-700); }
.itemview-errors {
    margin: 10px 0 16px;
    padding-left: 20px;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.itemview-errornudge {
    display: block;
    margin-top: var(--space-1);
    color: var(--color-neutral-700);
    font-size: 13px;
}
.itemview-metalist {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-2) var(--space-4);
}
.itemview-metalist dt {
    margin: 0;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    color: var(--color-neutral-700);
}
.itemview-metalist dd {
    margin: 0;
    font-size: 14px;
    color: var(--color-text);
}
.itemview-errornote {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}
.itemview-errornote p {
    margin: 0;
    font-size: 14px;
    color: var(--color-neutral-700);
}
.itemview-errornote form {
    margin: 0;
}
.itemview-leftout {
    margin: 0;
    font-size: 14px;
    color: var(--color-neutral-700);
}
.itemview-article {
    border-top: 1px solid var(--color-divider);
    padding-top: 24px;
}
.itemview-article-summary {
    font-family: var(--font-heading);
    font-weight: var(--font-heading-weight);
    font-size: 20px;
    cursor: pointer;
}
.itemview-article-count {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral-700);
    margin-left: var(--space-2);
}
.itemview-article-body {
    margin-top: 14px;
    font-size: 17px;
    line-height: 1.65;
    color: var(--color-neutral-900);
}
.itemview-edit {
    border-top: 1px solid var(--color-divider);
    padding-top: 24px;
}
.itemview-edit-title {
    font-family: var(--font-heading);
    font-weight: var(--font-heading-weight);
    font-size: 20px;
    margin: 0 0 var(--space-3);
}
.itemview-edit-submit { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
.itemview-edit-submit .inlineimg { margin-top: 0; }
.itemview-edit form + .itemview-edit-title {
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-divider);
}
@media (max-width: 640px) {
    .itemview-title { font-size: 32px; }
    .itemview-image { height: 220px; }
    .itemview-image--photo { height: auto; }
}
.saveform {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}
.saveform .field { margin-bottom: 0; }
.saveform .field > span { color: var(--color-neutral-700); }
.saveform .field input { border-radius: 999px; padding: 11px 18px; }
.saveform .field textarea { border-radius: var(--radius-md); padding: 11px 16px; }
.saveform-type {
    align-self: flex-start;
    border: 0;
    padding: 3px;
    background: var(--color-surface);
}
.saveform-type .seg-opt {
    padding: 7px 18px;
    border-radius: 999px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    color: var(--color-neutral-700);
}
.saveform-type .seg-opt:not(:has(input:checked)):hover { color: var(--color-neutral-800); }
.saveform-type .seg-opt + .seg-opt { border-left: 0; }
@media (max-width: 400px) {
    .saveform-type .seg-opt { padding-left: 11px; padding-right: 11px; }
}
.saveform-type .seg-opt:has(input:checked) {
    background: var(--color-neutral-100);
    color: var(--color-text);
}
.saveform:has(.saveform-type input[value="link"]:checked) [data-for]:not([data-for~="link"]),
.saveform:has(.saveform-type input[value="note"]:checked) [data-for]:not([data-for~="note"]),
.saveform:has(.saveform-type input[value="highlight"]:checked) [data-for]:not([data-for~="highlight"]),
.saveform:has(.saveform-type input[value="document"]:checked) [data-for]:not([data-for~="document"]) {
    display: none;
}
.saveform-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: var(--space-2);
}
.savepage { max-width: 560px; }
.savepage-title { margin: 0 0 var(--space-4); }
.savedialog {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: var(--space-4);
    border: 0;
    background: transparent;
    overflow: auto;
}
.savedialog::backdrop {
    background: color-mix(in srgb, var(--color-text) 45%, transparent);
}
html:has(.savedialog[open]) { overflow: hidden; }
.savedialog-panel {
    width: 560px;
    max-width: 100%;
    padding: 32px;
    border-radius: 28px;
    background: var(--color-neutral-100);
    color: var(--color-text);
}
.savedialog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.savedialog-title {
    margin: 0;
    font-size: 30px;
    line-height: 1.12;
    letter-spacing: -0.015em;
}
.savedialog-close {
    flex: none;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: var(--color-neutral-200);
    color: var(--color-neutral-700);
    font: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.savedialog-close:hover { background: var(--color-neutral-300); color: var(--color-neutral-800); }
.savedialog-error {
    margin: 0;
    font-size: 13px;
    color: var(--color-accent-700);
}
@media (max-width: 640px) {
    .savedialog { padding: var(--space-2); }
    .savedialog-panel { padding: 22px; }
    .savedialog-title { font-size: 25px; }
}
.emptystate {
    max-width: 620px;
    margin: 80px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    text-align: center;
}
.emptystate-logo { font-size: 34px; }
.emptystate-title {
    margin: 0;
    font-size: 40px;
    line-height: 1.12;
    letter-spacing: -0.015em;
}
.emptystate-lede {
    margin: 0;
    font-size: 17px;
    line-height: 1.55;
    text-wrap: pretty;
    color: var(--color-neutral-700);
}
.emptystate-save {
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--color-accent);
    color: var(--color-text);
    text-decoration: none;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
}
.emptystate-save:hover { background: var(--color-accent-400); }
.emptystate-save:active { background: var(--color-accent-500); }
.emptystate-cards {
    display: flex;
    gap: 14px;
    margin-top: 24px;
    width: 100%;
}
.emptystate-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px;
    background: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-300);
    border-radius: 28px;
    text-align: left;
    text-decoration: none;
    color: var(--color-text);
}
.emptystate-card:hover { border-color: var(--color-neutral-500); box-shadow: var(--shadow-sm); }
.emptystate-card-title {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 17px;
}
.emptystate-card-body {
    font-size: 13px;
    line-height: 1.5;
    color: var(--color-neutral-700);
}
@media (max-width: 640px) {
    .emptystate { margin-top: 40px; }
    .emptystate-title { font-size: 32px; }
    .emptystate-cards { flex-direction: column; }
}
.settings {
    max-width: 640px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-4);
}
.settings--wide { max-width: 900px; }
.settings--full { max-width: none; }
.settings--full > .feedbulk { max-width: none; }
.settings--wide > .page-lede,
.settings--wide > form,
.settings--wide > .panel-prose,
.settings--wide > .reveal,
.settings--wide .settings-section > .page-lede,
.settings--wide .settings-section > form,
.settings--wide .settings-section > .codeblock { max-width: 640px; }
.settings > *,
.settings-section > * { margin-top: 0; margin-bottom: 0; }
.settings-section {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
    margin-top: var(--space-6);
}
.settings-heading { font-size: 20px; }
.settings-subheading { font-family: var(--font-body); font-weight: 600; font-size: 15px; }
.tabstrip {
    display: flex;
    gap: var(--space-4);
    box-shadow: inset 0 -1px 0 var(--color-divider);
    overflow-x: auto;
    scrollbar-width: thin;
}
.tabstrip a {
    flex: none;
    padding: var(--space-2) 0;
    border-bottom: 2px solid transparent;
    color: var(--color-neutral-700);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.tabstrip a:hover { color: var(--color-text); }
.tabstrip a[aria-current="page"] {
    color: var(--color-text);
    border-bottom-color: var(--color-accent);
}
.settings > .tabstrip { margin-top: calc(-1 * var(--space-2)); }
.tabstrip--revisit,
.tabstrip--today { margin-bottom: var(--space-4); }
.tabstrip--tags { margin-bottom: var(--space-4); }
.tagbrowse > .tabstrip--tags,
.tagmanage > .tabstrip--tags { margin-top: var(--space-2); }
.settings > .tabstrip--tags { margin-bottom: 0; }
.settings > #podcast,
.settings > #kindle { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); }
.settings > #podcast > *,
.settings > #kindle > * { margin-top: 0; margin-bottom: 0; }
.settings > .btn,
.settings-section > .btn { align-self: flex-start; }
.page-lede {
    font-size: 15px;
    line-height: 1.55;
    color: var(--color-neutral-700);
}
.panel:has(> .table) { overflow-x: auto; position: relative; }
.panel > .table th,
.panel > .table td { padding: 12px var(--space-3); }
.panel > .table th:first-child,
.panel > .table td:first-child { padding-left: 24px; }
.panel > .table th:last-child,
.panel > .table td:last-child { padding-right: 24px; }
.table th { color: var(--color-neutral-700); }
.panel > .table tbody tr:last-child td { border-bottom-color: transparent; }
.panel-prose { padding: 20px 24px; }
.panel-prose > :first-child { margin-top: 0; }
.panel-prose > :last-child { margin-bottom: 0; }
.panel-prose > form { margin-bottom: var(--space-3); }
.accountid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-3) var(--space-4);
}
.accountid-who > :last-child { margin-bottom: 0; }
.table-sub {
    font-size: 12px;
    color: var(--color-neutral-700);
}
.fivews-story { padding: var(--space-2) 0; border-top: 1px solid var(--color-divider); }
.fivews-story:first-of-type { border-top: 0; }
.fivews-head { cursor: pointer; }
.fivews-head a { font-weight: 600; }
.fivews-meta {
    display: block;
    font-size: 12px;
    color: var(--color-neutral-700);
}
.fivews {
    display: grid;
    grid-template-columns: 4.5em 1fr;
    gap: var(--space-1) var(--space-3);
    margin: var(--space-2) 0 0;
}
.fivews dt {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
    padding-top: 3px;
}
.fivews dd { margin: 0; }
.fivews-more { margin: var(--space-2) 0 0; font-size: 14px; }
.table-actions { text-align: right; white-space: nowrap; }
.table-actions form { display: inline-block; }
.table-actions form + form { margin-left: 6px; }
.copyfield {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px;
    min-width: 24ch;
}
textarea.copyfield--address {
    min-height: 0;
    resize: none;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
.formrow {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}
.formrow .field { flex: 1; margin-bottom: 0; }
.steerform {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    align-items: flex-end;
}
.steerform > fieldset { flex: 0 0 auto; border: 0; margin: 0; padding: 0; }
.steerform > fieldset label { display: inline; font-size: inherit; margin-right: var(--space-3); }
.steerform > .field { flex: 1 1 14rem; margin-bottom: 0; }
.codeblock {
    margin: 0;
    padding: 16px 20px;
    overflow-x: auto;
    background: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-300);
    border-radius: var(--radius-md);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 13px;
    line-height: 1.6;
    color: var(--color-text);
}
.settings-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-self: flex-start;
}
.shell:has(.authstage) .sidebar { display: none; }
.authstage {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.authstage-brand {
    margin-top: 8vh;
    text-decoration: none;
    font-size: 22px;
}
.authstage .authcard { margin-top: var(--space-4); }
.authstage-note {
    max-width: 460px;
    margin: var(--space-4) auto 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.35;
    color: var(--color-neutral-700);
}
.authcard {
    max-width: 460px;
    margin: 8vh auto 0;
    padding: 32px;
    background: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-300);
    border-radius: 28px;
}
.authcard--wide { max-width: 560px; }
.authcard--centred { text-align: center; }
.authcard form.authcard-passkey { margin-top: var(--space-2); }
.authcard-title {
    margin: 0 0 var(--space-3);
    font-size: 30px;
}
.authcard-body {
    margin: 0 0 var(--space-3);
    font-size: 15px;
    line-height: 1.55;
    color: var(--color-text);
}
.authcard-lede {
    margin: 0 0 var(--space-4);
    font-size: 15px;
    line-height: 1.55;
    color: var(--color-neutral-700);
}
.authcard form { margin: 0; }
.authcard-methods {
    text-align: left;
    margin-top: var(--space-4);
}
.authcard-methods form { margin: 0 0 var(--space-3); }
@media (max-width: 640px) {
    .authcard { margin-top: 24px; padding: 22px; }
    .authcard-title { font-size: 25px; }
    .formrow { flex-wrap: wrap; }
}
.tagmanage { max-width: 900px; }
.tagmanage-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-bottom: var(--space-3);
}
.tagmanage-bar form { margin: 0; display: flex; gap: 12px; align-items: center; }
#tagmerge { flex-wrap: wrap; }
.tagmanage-filter { flex: 1; max-width: 340px; display: flex; }
.tagmanage-summary,
.tagmanage-filtered { font-size: 13px; color: var(--color-neutral-700); }
.tagmanage-filtered { margin: 0 0 var(--space-3); }
.tagmanage-dupelink { font-size: 13px; color: var(--color-accent-700); }
.tagmanage-head,
.tagmanage-row {
    display: grid;
    grid-template-columns: 1fr 90px 150px;
    gap: 16px;
    align-items: center;
    padding: 14px 24px;
}
.tagmanage-head {
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
}
.tagmanage-head-tag { padding-left: 26px; }
.tagmanage-row {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid var(--color-neutral-200);
    margin: 0;
}
.tagmanage-row.is-dupe { background: var(--color-accent-100); }
.tagmanage-empty {
    padding: 14px 24px;
    border-top: 1px solid var(--color-neutral-200);
    margin: 0;
}
.tagmanage-cell { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.tagmanage-nameline { display: flex; align-items: center; gap: 10px; min-width: 0; }
.tagmanage-check {
    flex: none;
    width: 16px; height: 16px;
    accent-color: var(--color-accent);
    cursor: pointer;
}
.tagmanage-input {
    background: transparent;
    border-color: transparent;
    font-weight: 600;
    font-size: 15px;
    padding-left: 8px;
    min-height: 32px;
    min-width: 0;
}
.tagmanage-input:hover { border-color: var(--color-neutral-300); }
.tagmanage-input:focus-visible { background: var(--color-neutral-100); }
.tagmanage-count { color: var(--color-neutral-700); font-variant-numeric: tabular-nums; }
.tagmanage-actions { display: flex; gap: 8px; justify-content: flex-end; }
.tagmanage-actions .btn { font-size: 13px; padding: 5px 14px; }
.tagmanage-dupe { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-left: 26px; }
.dupebadge {
    font-size: 12px;
    background: var(--color-accent-200);
    color: var(--color-accent-700);
    border-radius: 999px;
    padding: 3px 11px;
    white-space: nowrap;
}
.dupebadge-quiet { background: var(--color-neutral-200); color: var(--color-neutral-700); }
.dupewhy { font-size: 13px; color: var(--color-neutral-700); }
.dupemerge { font-size: 13px; padding: 5px 14px; }
.tagmanage-pages { padding: 24px 0; }
.mergeconfirm { max-width: 640px; }
.mergeconfirm-whyhead { font-weight: 600; margin: 0 0 8px; }
.mergeconfirm-why { margin: 0 0 var(--space-3); padding-left: 20px; }
.mergeconfirm-why li { margin-bottom: 4px; }
.mergeconfirm-caveat { margin: 0; font-size: 14px; color: var(--color-neutral-700); }
.mergeconfirm-choice {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border: 1px solid var(--color-neutral-300);
    border-radius: 28px;
    background: var(--color-neutral-100);
    padding: 8px;
    margin: 0 0 var(--space-3);
}
.mergeconfirm-choice legend {
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
    padding: 0 12px;
}
.mergeconfirm-option {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 4px 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 20px;
    cursor: pointer;
}
.mergeconfirm-option:hover { background: color-mix(in srgb, var(--color-text) 4%, transparent); }
.mergeconfirm-option input { accent-color: var(--color-accent); margin: 0; }
.mergeconfirm-name { font-weight: 600; font-size: 15px; overflow-wrap: anywhere; }
.mergeconfirm-figures {
    grid-column: 2;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.mergeconfirm-proposed {
    font-size: 12px;
    background: var(--color-accent-200);
    color: var(--color-accent-700);
    border-radius: 999px;
    padding: 2px 9px;
    margin-left: 4px;
}
.mergeconfirm-sum { font-size: 14px; line-height: 1.55; margin: 0 0 var(--space-4); }
.mergeconfirm-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.prose { max-width: 680px; }
.prose h2 { font-size: 20px; margin: var(--space-6) 0 var(--space-2); }
.prose p, .prose li, .prose dd { font-size: 15px; line-height: 1.6; }
.prose ul { padding-left: 1.2em; }
.prose li { margin-bottom: 6px; }
.prose dt { font-family: var(--font-body); font-weight: 600; font-size: 15px; margin-top: var(--space-3); }
.prose dd { margin: 4px 0 0; padding-left: 0; }
.privacy-updated { color: var(--color-neutral-700); font-size: 13px; margin-top: var(--space-6); }
.install-download { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 20px 24px; margin-bottom: var(--space-4); }
.install-none { padding: 20px 24px; }
.install-chrome { margin-bottom: var(--space-4); }
.install-browserhead { margin-top: var(--space-4); margin-bottom: var(--space-2); }
.install-chrome p + p { margin-top: 10px; }
.install-get { font-size: 15px; padding: 11px 22px; }
.install-meta { margin: 0; font-size: 13px; color: var(--color-neutral-700); }
.install-steps { margin: 0 0 var(--space-4); padding-left: 1.3em; display: flex; flex-direction: column; gap: 10px; }
.install-steps li { font-size: 14px; line-height: 1.55; }
.install-sources { margin: var(--space-2) 0 var(--space-4); padding-left: 1.3em; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.55; color: var(--color-neutral-700); }
.install-sources ul { margin: 4px 0 0; padding-left: 1.2em; display: flex; flex-direction: column; gap: 4px; }
.install-notes { margin-bottom: var(--space-4); }
.install-noteshead { font-family: var(--font-body); font-weight: 600; font-size: 15px; margin: 0 0 6px; }
.install-notes p + p { margin-top: 10px; }
.install-none p { margin: 0; }
.install-none p + p { margin-top: 10px; }
.install-other { font-size: 13px; color: var(--color-neutral-700); }
.install-badge {
    display: inline-block;
    min-width: 1.5em;
    padding: 1px 5px;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-bg);
}
.install-badge.is-saving { background: var(--color-neutral-700); }
.install-badge.is-saved { background: var(--color-accent-2-700); }
.install-badge.is-dupe { background: var(--color-accent-700); }
.install-badge.is-failed { background: #c53030; color: #fff; }
.tagsort { display: flex; align-items: center; gap: 8px; }
.tagmanage-bar .tagsort,
.tagbrowse-bar .tagsort { margin-left: auto; }
.tagsort-label { font-family: var(--font-body); font-size: 13px; color: var(--color-neutral-700); }
.tagsort-select { width: auto; min-width: 9.5rem; padding-block: 7px; }
@media (max-width: 700px) {
    .tagsort { margin-left: 0; width: 100%; }
    .tagsort-select { flex: 1; }
}
.deleteconfirm-list { padding: 0; margin-bottom: var(--space-4); }
.deleteconfirm-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 10px var(--space-4);
    border-bottom: 1px solid color-mix(in srgb, var(--color-text) 8%, transparent);
}
.deleteconfirm-row:last-child { border-bottom: 1px solid transparent; }
.deleteconfirm-name { font-family: var(--font-body); font-weight: 600; font-size: 15px; overflow-wrap: anywhere; }
.deleteconfirm-uses { flex: none; font-size: 13px; color: var(--color-neutral-700); }
@media (max-width: 780px) {
    .tagmanage-head { display: none; }
    .tagmanage-row { grid-template-columns: 1fr auto; }
    .tagmanage-cell { grid-column: 1 / -1; }
    .tagmanage-count::before { content: 'Items: '; }
    .tagmanage-head,
    .tagmanage-row { padding: 14px 18px; }
}
.trash-actions { display: flex; gap: 8px; justify-content: flex-end; align-items: center; }
.trash-actions form { margin: 0; }
.trash-purge { color: var(--color-accent-700); }
.trash-table .thumb { object-position: top; }
@media (max-width: 640px) {
  .trash-table .table-thumb { display: none; }
}
.feedlist-panel {
    background: var(--color-neutral-100);
    border: 1px solid var(--color-neutral-300);
    border-radius: 28px;
    overflow: hidden;
}
.feedbulk {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    padding: var(--space-2) 0;
    background: var(--color-bg);
}
.feedbulk-count {
    font-size: 13px;
    color: var(--color-neutral-700);
}
.feedbulk > button:last-child {
    margin-left: auto;
}
.boardbulk-delete { margin-left: auto; }
.boardbulk-delete:disabled,
.boardbulk-delete:disabled:hover { opacity: 0.4; cursor: default; background: var(--color-accent); }
.feedrow {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 64px;
    padding: var(--space-2) var(--space-4);
    border-bottom: 1px solid color-mix(in srgb, var(--color-text) 8%, transparent);
    border-radius: 0;
}
.feedrow:last-child { border-bottom: 1px solid transparent; }
.feedrow:hover { background: color-mix(in srgb, var(--color-text) 4%, transparent); }
.feedrow-check {
    flex: none;
    margin-top: 16px;
}
.feedrow-thumb {
    flex: none;
    width: 48px;
    height: 48px;
}
.feedrow-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-divider);
    display: block;
}
.feedrow-detail { flex: 1; min-width: 0; }
.feedrow-summary {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    min-height: 48px;
    padding-left: var(--space-1);
}
.feedrow-summary:focus-visible { outline-offset: 2px; }
.feedrow-summary::-webkit-details-marker { display: none; }
.feedrow-summary { list-style: none; }
.feedrow-line {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.feedrow-title {
    flex: 0 0 auto;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
}
.feedrow-title::before {
    content: '\25B8';
    display: inline-block;
    width: 1em;
    color: var(--color-neutral-700);
    transition: transform 120ms ease;
}
.feedrow-detail[open] .feedrow-title::before { transform: rotate(90deg); }
.feedrow-meta {
    flex: 1 1 auto;
    min-width: 3ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: var(--color-neutral-700);
}
.feedrow-flag {
    flex: none;
    display: inline-block;
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: 12px;
    white-space: nowrap;
    background: var(--color-accent-100);
    color: var(--color-accent-800);
}
.feedrow-latest {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.45;
    color: var(--color-neutral-700);
}
.feedrow-body { margin-top: var(--space-3); padding-bottom: var(--space-2); }
.feedrow .copyfield { margin-top: 0; }
.feedrow-actions {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-left: auto;
    margin-top: 8px;
    width: 220px;
}
.feedrow-actions form { margin: 0; }
.feedrow-summarise {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}
.feedrow-summarise-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-neutral-700);
    white-space: nowrap;
}
[data-feeds-js] .feedrow-summarise-go { display: none; }
.feedrow-actions .btn { padding: 4px 10px; font-size: 12px; }
.feedrow-error {
    margin: var(--space-3) 0 0;
    padding: var(--space-2) var(--space-3);
    border-radius: 12px;
    font-size: 13px;
    background: var(--color-accent-100);
    color: var(--color-accent-800);
}
@media (max-width: 640px) {
    .feedrow { flex-wrap: wrap; }
    .feedrow-meta { display: none; }
    .feedrow-actions {
        width: 100%;
        margin-top: 0;
        justify-content: flex-start;
        padding-left: 84px;
    }
}
.feedrow-empty {
    margin: var(--space-3) 0 0;
    font-size: 14px;
    color: var(--color-neutral-700);
}
.feedlist {
    list-style: none;
    margin: var(--space-4) 0 0;
    padding: 0;
}
.feedlist-item {
    padding: var(--space-3) 0;
    border-top: 1px solid var(--color-divider);
}
.feedlist-link {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-accent-700);
    text-decoration: none;
    overflow-wrap: anywhere;
}
.feedlist-link:hover,
.feedlist-link:focus-visible { text-decoration: underline; }
.feedlist-date {
    display: block;
    margin-top: var(--space-1);
    font-size: 12px;
    color: var(--color-neutral-700);
}
.feedlist-summary {
    margin: var(--space-2) 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-neutral-800);
}
.tagedit {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-3);
}
.tagedit-chip { gap: 6px; padding-right: 6px; }
.tagedit-name { color: inherit; text-decoration: none; }
.tagedit-name:hover, .tagedit-name:focus-visible { text-decoration: underline; }
.tagedit-chip form { display: inline-flex; }
.tagedit-remove {
    appearance: none;
    background: none;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    margin: -5px -3px;
    padding: 0 2px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    color: var(--color-neutral-700);
}
.tagedit-remove:hover { color: var(--color-accent-700); }
.tagadd {
    display: flex;
    align-items: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-3);
    flex-wrap: wrap;
}
.tagadd-field { flex: 1 1 220px; min-width: 180px; margin: 0; }
.itemview-tagnote {
    margin: var(--space-2) 0 0;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.proposed { padding: 24px; margin-bottom: var(--space-4); }
.proposed-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}
.proposed-name {
    font-family: var(--font-heading);
    font-weight: var(--font-heading-weight);
    font-size: 20px;
    margin: 0;
    overflow-wrap: anywhere;
}
.proposed-sub {
    margin: var(--space-1) 0 0;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.proposed-actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.proposed-clear { margin-bottom: var(--space-4); }
.proposed-similar {
    margin-top: var(--space-4);
    padding: var(--space-3);
    border-radius: 16px;
    background: var(--color-accent-2-100);
}
.proposed-similar-lede {
    margin: 0 0 var(--space-2);
    font-size: 13px;
    color: var(--color-accent-2-800);
}
.proposed-similar-list { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.proposed-use { font-size: 13px; }
.proposed-items {
    list-style: none;
    margin: var(--space-4) 0 0;
    padding: 0;
    border-top: 1px solid var(--color-divider);
}
.proposed-items li { padding: var(--space-2) 0 0; font-size: 14px; }
.proposed-items a { color: var(--color-text); }
.proposed-more { color: var(--color-neutral-700); }
.nav-badge {
    margin-left: auto;
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 11px;
    text-align: center;
    background: var(--color-accent-200);
    color: var(--color-accent-800);
}
.md > :first-child { margin-top: 0; }
.md > :last-child { margin-bottom: 0; }
.md p, .md li { font-size: 15px; line-height: 1.6; }
.md p { margin: 0 0 var(--space-3); }
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
    font-family: var(--font-heading);
    font-weight: var(--font-heading-weight);
    margin: var(--space-4) 0 var(--space-2);
    line-height: 1.25;
}
.md h1 { font-size: 22px; }
.md h2 { font-size: 19px; }
.md h3 { font-size: 17px; }
.md h4, .md h5, .md h6 { font-size: 15px; }
.md ul, .md ol { margin: 0 0 var(--space-3); padding-left: 1.3em; }
.md li { margin-bottom: 5px; }
.md li > ul, .md li > ol { margin-top: 5px; margin-bottom: 0; }
.md blockquote {
    margin: 0 0 var(--space-3);
    padding-left: var(--space-3);
    border-left: 3px solid var(--color-neutral-300);
    color: var(--color-neutral-800);
}
.md code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.9em;
    padding: 1px 5px;
    border-radius: 6px;
    background: var(--color-neutral-200);
}
.md pre {
    margin: 0 0 var(--space-3);
    padding: var(--space-3);
    border-radius: 12px;
    background: var(--color-neutral-200);
    overflow-x: auto;
}
.md pre code { padding: 0; background: none; font-size: 13px; line-height: 1.5; }
.md a { color: var(--color-accent-700); }
.md hr { border: 0; border-top: 1px solid var(--color-divider); margin: var(--space-4) 0; }
.md img { max-width: 100%; height: auto; border-radius: 12px; }
.md table { width: 100%; border-collapse: collapse; margin: 0 0 var(--space-3); font-size: 14px; display: block; overflow-x: auto; }
.md th, .md td { padding: 6px 10px; border-bottom: 1px solid var(--color-divider); text-align: left; }
.md th { font-weight: 600; }
.md li input[type="checkbox"] { margin-right: 6px; }
.md ul:has(> li > input[type="checkbox"]) { list-style: none; padding-left: 0; }
.landing {
    max-width: 860px;
    margin: 0 auto;
    padding: var(--space-6) var(--space-4) var(--space-8);
}
.landing > header {
    margin-bottom: var(--space-8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3) var(--space-4);
}
.landing--bleed { max-width: none; padding-left: 0; padding-right: 0; }
.landing--bleed > header,
.landing--bleed > .landing-foot,
.landing--bleed .bleed-in {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    box-sizing: border-box;
}
.signup-hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.landing-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-2);
}
.landing-nav-auth {
    display: flex;
    gap: var(--space-2);
    flex-wrap: nowrap;
}
.landing-nav-link {
    color: var(--color-neutral-700);
    text-decoration: none;
    font-size: 16px;
}
.landing-nav-link:hover,
.landing-nav-link:focus-visible { color: var(--color-text); text-decoration: underline; }
.landing-nav-link[aria-current="page"] {
    color: var(--color-text);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.landing-nav-signin { font-size: 14px; padding: 8px 16px; }
.landing > header .athenana-logo { text-decoration: none; }
.landing-foot {
    margin-top: var(--space-8);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-divider);
}
.landing-foot-links { display: flex; flex-wrap: wrap; gap: var(--space-4); font-size: 14px; }
.landing-foot-links a,
.entry-actions a { padding-block: 2px; }
.card-path {
    padding: 0 var(--space-3) var(--space-3);
    font-size: 12px;
    color: var(--color-neutral-700);
    overflow-wrap: anywhere;
}
.visibility { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.visibility-state { font-size: 13px; color: var(--color-neutral-700); margin: 0; }
.visibility-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 22rem;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--color-divider);
}
.visibility-row > div:first-child { min-width: 0; }
.visibility-row > div:first-child > a { overflow-wrap: anywhere; }
@media (max-width: 640px) {
    .visibility-row {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }
}
.visibility-meta { font-size: 13px; color: var(--color-neutral-700); margin: var(--space-1) 0 0; }
.visibility-banner {
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-neutral-100);
    color: var(--color-text);
    margin-bottom: var(--space-4);
}
.mdhelp { margin-top: var(--space-2); font-size: 13px; }
.mdhelp > summary {
    cursor: pointer;
    color: var(--color-accent-700);
    width: fit-content;
}
.mdhelp > summary:hover { text-decoration: underline; }
.mdhelp-body {
    margin-top: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-neutral-100);
    color: var(--color-text);
}
.mdhelp-row {
    display: grid;
    grid-template-columns: 15ch 1fr;
    gap: var(--space-2);
    align-items: baseline;
    padding: 2px 0;
}
.mdhelp-syntax { font-size: 12px; overflow-wrap: anywhere; }
.mdhelp-lede { font-size: 12px; color: var(--color-neutral-700); margin: 0 0 var(--space-2); }
.mdhelp-body .mdhelp-lede:last-child { margin: var(--space-2) 0 0; }
.searchhelp { margin-bottom: var(--space-4); }
.reveal > summary {
    cursor: pointer;
    color: var(--color-accent-700);
    width: fit-content;
}
.reveal > summary:hover { text-decoration: underline; }
.reveal-body {
    margin-top: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-neutral-100);
}
.reveal-note {
    font-size: 13px;
    color: var(--color-neutral-700);
    margin: var(--space-2) 0 0;
}
.importlist { list-style: none; margin: 0; padding: 0; }
.importrow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18rem;
    align-items: baseline;
    gap: var(--space-4);
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--color-divider);
}
.importrow > div:first-child { min-width: 0; }
.importrow strong { overflow-wrap: anywhere; }
.importrow p { margin: 0; font-size: 14px; }
.importrow-result { color: var(--color-neutral-700); }
.importrow-warn { color: var(--color-text); }
@media (max-width: 640px) {
    .importrow { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
}
.checkline {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: var(--space-3) 0;
}
.checkline small {
    display: block;
    margin-top: 2px;
    color: var(--color-neutral-700);
    font-size: 13px;
}
.shelfsave {
    margin: calc(var(--space-2) * -1) 0 var(--space-4);
}
.shelfsave > summary {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    color: var(--color-accent-700);
    padding: var(--space-1) 0;
}
.shelfsave > summary:hover { text-decoration: underline; }
.shelfsave-body {
    margin-top: var(--space-2);
    padding: var(--space-3);
    background: var(--color-neutral-100);
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: 34rem;
}
.shelfsave-lede {
    margin: 0;
    font-size: 14px;
    color: var(--color-neutral-700);
}
.shelfsave-body form {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}
.proposed-bulk {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}
.proposed-bulk form { display: flex; align-items: center; gap: var(--space-2); }
.proposed-bulk-label {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: 14px;
    color: var(--color-neutral-700);
}
.proposed-tailcount {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-neutral-700);
    margin-left: var(--space-2);
}
.proposed-tail { list-style: none; margin: 0 0 var(--space-4); padding: 0; }
.proposed-tailrow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4rem auto;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--color-divider);
}
.proposed-tailempty {
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--color-divider);
}
.proposed-tailname { min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
.proposed-tailname a { color: var(--color-text); text-decoration: none; }
.proposed-tailname a:hover { text-decoration: underline; }
.proposed-tailconf {
    font-size: 13px;
    color: var(--color-neutral-700);
    font-variant-numeric: tabular-nums;
    text-align: right;
}
.proposed-tailactions { display: flex; gap: var(--space-2); }
@media (max-width: 640px) {
    .proposed-tailrow { grid-template-columns: minmax(0, 1fr) 3.5rem; }
    .proposed-tailactions { grid-column: 1 / -1; }
}
.landing-stream {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    max-width: 40rem;
}
.entry { display: flex; flex-direction: column; gap: var(--space-2); }
.entry-meta {
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: var(--color-neutral-700);
    text-transform: uppercase;
}
.entry-back { text-decoration: underline; text-underline-offset: 2px; }
.entry-title {
    margin: 0;
    font-family: var(--font-heading);
    font-weight: var(--font-heading-weight);
    font-size: 1.35rem;
    line-height: 1.2;
    text-wrap: balance;
}
.entry-title a { color: var(--color-text); text-decoration: none; }
.entry-title a:hover { text-decoration: underline; text-underline-offset: 3px; }
.entry-media {
    display: block;
    width: 100%;
    border-radius: var(--radius-md);
}
.entry-media { height: var(--entry-media-h); object-fit: cover; object-position: top; }
.entry-medialink { display: block; }
.entry-standfirst { margin: 0; color: var(--color-neutral-700); }
.entry-noteline,
.entry-note {
    border-left: 3px solid var(--color-accent);
    padding-left: var(--space-3);
}
.entry-note > *:first-child { margin-top: 0; }
.entry-note > *:last-child { margin-bottom: 0; }
.entry-actions {
    margin: var(--space-1) 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    font-size: 14px;
}
.entry-tags { display: flex; flex-wrap: wrap; gap: var(--space-1); }
.entry--full { max-width: 40rem; margin: 0 auto; gap: var(--space-3); }
.entry--note { border-left: 2px solid var(--color-accent-2-300); padding-left: var(--space-3); }
.entry-kicker { color: var(--color-accent-2-700); font-weight: 600; }
.entry-pinned { color: var(--color-neutral-700); font-weight: 600; }
.entry-pinned + .entry-source-name { margin-left: var(--space-2); }
.entry--note .entry-noteline { font-size: 1rem; color: var(--color-text); }
.photogrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: var(--space-2);
    margin: var(--space-3) 0;
}
.photogrid img {
    display: block;
    width: 100%;
    height: 9rem;
    object-fit: cover;
    border-radius: var(--radius-sm);
    background: var(--color-neutral-300);
}
.photogrid-item { margin: 0; display: flex; flex-direction: column; gap: var(--space-1); }
.photogrid-item figcaption {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-1);
}
.photogrid-badge {
    align-self: center;
    font-size: 13px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--color-accent-2-700);
}
.photogrid--public img { height: 14rem; }
:root { --entry-media-h: 220px; }
.mentions { margin: var(--space-6) 0 0; border-top: 1px solid var(--color-divider); padding-top: var(--space-4); }
.mentions-title { font-size: 1rem; margin: 0 0 var(--space-2); }
.mentions-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.mentions-host { color: var(--color-neutral-700); font-size: 13px; margin-left: var(--space-1); }
.entry-mentions { margin-left: var(--space-2); }
.blog-title { margin: 0 0 var(--space-2); }
.blog-handle { margin: 0 0 var(--space-3); color: var(--color-neutral-700); }
.blog-filter { margin: 0 0 var(--space-3); color: var(--color-neutral-700); }
.blog-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0 0 var(--space-6); }
.blog-subscribe {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-4);
}
.blog-tags .tag.is-active { background: var(--color-accent); color: var(--color-text); }
.blog-tags .tag,
.entry--blog .entry-tags .tag,
.entry--full .entry-tags .tag { font-size: 14px; padding: 4px 12px; }
.entry--blog .entry-tags,
.entry--full .entry-tags { gap: var(--space-2); }
a.tag { text-decoration: none; }
.pagehero--mast p {
    font-size: 15px;
    line-height: 1.5;
    max-width: none;
    padding-top: 0;
}
.pagehero--mast .blog-handle { margin: var(--space-2) 0 0; }
.pagehero--mast .blog-filter { margin: 0 0 var(--space-3); }
.pagehero--mast .blog-tags { margin: 0; }
.pageband--post { padding: 32px 0; }
.pageband-meta {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    font-size: 14px;
}
.pageband-meta .entry-kicker,
.pageband-meta .entry-pinned,
.pageband-meta .entry-source-name { margin-left: 0; }
.bloglist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.bloglist li { display: flex; align-items: baseline; gap: var(--space-2); }
.bloglist-handle { color: var(--color-neutral-700); font-size: 14px; }
.landing-blogline { margin: var(--space-4) 0 0; color: var(--color-neutral-700); }
.entry--blog .entry-title { font-size: 1.4rem; margin: 0 0 var(--space-2); }
.entry-kicker + .entry-source-name { margin-left: var(--space-2); }
.entry-quote {
    border-left: 3px solid var(--color-accent);
    padding-left: var(--space-3);
    margin: var(--space-4) 0;
    font-size: 1.1rem;
    white-space: pre-wrap;
}
.entry-ownimage {
    display: block;
    margin: var(--space-4) 0;
}
.entry-ownimage img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 32rem;
    border-radius: var(--radius-md);
}
.entry--full .entry-media { height: 320px; border-radius: var(--radius-lg); }
.entry--full .entry-title { font-size: clamp(1.6rem, 4vw, 2.2rem); }
.entry-source { margin: var(--space-4) 0 0; }
.itempic { display: flex; flex-direction: column; gap: var(--space-3); }
.itempic-current {
    display: block;
    width: 100%;
    max-width: 22rem;
    height: auto;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-divider);
}
.itempic-form { display: flex; flex-direction: column; gap: var(--space-2); align-items: flex-start; }
.itempic-buttons { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.itempic-or {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.itempic-or::before,
.itempic-or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--color-divider);
}
.itempic-form small { display: block; margin-top: 2px; font-size: 13px; color: var(--color-neutral-700); }
.itempic-choices {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}
.itempic-choices button {
    padding: 0;
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-md);
    background: var(--color-neutral-200);
    cursor: pointer;
    overflow: hidden;
    display: block;
    line-height: 0;
}
.itempic-choices button:hover { border-color: var(--color-accent); }
.itempic-choices img {
    display: block;
    width: 7rem;
    height: 5rem;
    object-fit: cover;
}
.itempic-choices img[alt=""] { color: transparent; }
.wordmark-link {
    display: inline-block;
    line-height: 0;
    color: var(--color-text);
}
.wordmark-link:hover { color: var(--color-text); }
.wordmark {
    display: block;
    width: clamp(9rem, 22vw, 14rem);
    height: auto;
}
.wordmark-link.is-compact .wordmark { width: clamp(6rem, 12vw, 8.5rem); }
.tagbrowse-proposed {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    padding: var(--space-3);
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    text-decoration: none;
}
.tagbrowse-proposed:hover { border-color: var(--color-accent-300); }
.tagbrowse-proposed span { display: block; }
.tagbrowse-proposed small {
    display: block;
    margin-top: 2px;
    color: var(--color-neutral-700);
    font-size: 13px;
}
.tagbrowse-proposed-count {
    flex: none;
    min-width: 32px;
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--color-accent-200);
    color: var(--color-accent-800);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
.shortcutlist {
    list-style: none;
    margin: var(--space-3) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}
.shortcutrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}
.shortcutrow small {
    display: block;
    margin-top: 2px;
    color: var(--color-neutral-700);
    font-size: 13px;
}
.shortcutrow .btn { flex: none; }
.itemview-gone {
    margin: var(--space-3) 0 0;
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-neutral-100);
    color: var(--color-text);
    font-size: 14px;
}
.itemview-gone span { color: var(--color-neutral-700); }
.songvid { margin: var(--space-4) 0; }
.songvid-play {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: pointer;
    background: #2e2b25;
}
.songvid-cover { width: 100%; height: 100%; object-fit: cover; display: block; }
.songvid-marker {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 44px;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .6);
}
.songvid-frame {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: var(--radius-md);
}
.songvid-play,
.songvid-frame {
    aspect-ratio: 16 / 9;
    height: auto;
}
.songvid-note {
    margin: var(--space-2) 0 0;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.mapexplore { position: relative; margin: var(--space-4) 0; }
.mapexplore-link { display: block; }
.mapexplore-picture {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: var(--radius-md);
}
.mapexplore-open {
    position: absolute;
    right: var(--space-3);
    bottom: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border: 0;
    border-radius: 999px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    color: #1f1d1a;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
}
.mapexplore-open:hover,
.mapexplore-open:focus-visible { background: #fff; }
.mapexplore-frame {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: var(--radius-md);
}
.podcast {
    margin: var(--space-4) 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-3);
}
.podcast-art {
    position: relative;
    flex: 0 0 auto;
    width: 320px;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: #2e2b25;
}
.podcast-play {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: pointer;
    background: transparent;
}
.podcast-cover { width: 100%; height: 100%; object-fit: cover; display: block; }
.podcast-marker {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 28px;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .6);
}
.podcast-detail {
    flex: 1 1 200px;
    min-width: 0;
}
.podcast-show {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-neutral-700);
}
.podcast-episode {
    margin: var(--space-1) 0 0;
    font-size: 15px;
}
.podcast-meta {
    margin: var(--space-1) 0 0;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.podcast-audio,
.podcast-note {
    flex: 1 1 100%;
}
.podcast-audio { width: 100%; }
.podcast-note {
    margin: 0;
    font-size: 13px;
    color: var(--color-neutral-700);
}
.podcast--row,
.songvid--row { margin: var(--space-2) 0; }
.podcast--row .podcast-art { width: 96px; }
.podcast--row .podcast-marker { font-size: 22px; }
.songvid--row { max-width: 320px; }
.songvid--row .songvid-marker { font-size: 32px; }
.daynav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-3);
    margin: 0 0 var(--space-3);
}
.daynav-day {
    font-weight: 600;
}
.daynav-day small {
    font-weight: 400;
    color: var(--color-neutral-700);
}
.briefingsearch { margin: 0 0 var(--space-4); }
.briefingsearch-label { display: block; font-weight: 600; margin: 0 0 var(--space-2); }
.briefingsearch-row { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.briefingsearch .table-sub { margin: var(--space-2) 0 0; }
.briefingresult { margin: 0 0 var(--space-3); }
.briefingresult mark {
    background: var(--color-accent-100);
    color: inherit;
    padding: 0 0.1em;
    border-radius: 2px;
}
.keyhelp {
    border: 0;
    background: transparent;
    padding: 0;
    max-width: 32rem;
}
.keyhelp::backdrop {
    background: rgba(0, 0, 0, 0.4);
}
.keyhelp-panel {
    display: block;
    padding: var(--space-4);
}
.keyhelp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin: 0 0 var(--space-3);
}
.keyhelp-close {
    border: 0;
    background: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: var(--color-neutral-700);
}
.keyhelp-list {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-2) var(--space-3);
    margin: 0;
    align-items: baseline;
}
.keyhelp-list dt {
    white-space: nowrap;
}
.keyhelp-list dd {
    margin: 0;
}
.keyhelp-or {
    color: var(--color-neutral-700);
    font-size: 0.85em;
}
.keyhelp kbd {
    display: inline-block;
    min-width: 1.6em;
    padding: 2px 6px;
    text-align: center;
    border: 1px solid var(--color-neutral-300);
    border-bottom-width: 2px;
    border-radius: 4px;
    background: var(--color-bg);
    font: inherit;
    font-size: 0.85em;
}
.reader {
    max-width: 34rem;
    margin: 0 auto;
}
.reader-back {
    margin: 0 0 var(--space-3);
    font-size: 0.9rem;
}
.reader-title {
    margin: 0 0 var(--space-2);
}
.reader-meta {
    margin: 0 0 var(--space-6);
    color: var(--color-neutral-700);
    font-size: 0.9rem;
}
.reader-body {
    --reader-line: calc(1.05rem * 1.7);
    font-size: 1.05rem;
    line-height: 1.7;
}
.reader-body p,
.reader-body ul,
.reader-body ol,
.reader-body pre,
.reader-body figure {
    margin: 0 0 var(--reader-line);
}
.reader-body h2,
.reader-body h3,
.reader-body h4 {
    padding-top: calc(var(--reader-line) / 2);
    margin: 0 0 calc(var(--reader-line) / 2);
    line-height: var(--reader-line);
}
.reader-body h2 {
    padding-top: 0;
    line-height: calc(var(--reader-line) * 1.5);
}
.reader-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    margin: 0 0 var(--space-4);
}
.reader-tools form {
    display: contents;
}
.reader-kindle-note {
    font-size: 0.9rem;
    color: var(--color-neutral-700);
}
.reader-body .tts-speaking {
    background: var(--color-accent-100);
    box-shadow: -4px 0 0 var(--color-accent);
    border-radius: 2px;
}
.reader-body blockquote {
    margin: 0 0 var(--reader-line);
    padding-left: var(--space-4);
    border-left: 3px solid var(--color-neutral-300);
    color: var(--color-neutral-700);
}
.reader-body li {
    margin-bottom: 0;
}
.reader-body pre {
    overflow-x: auto;
    padding: calc(var(--reader-line) / 2) var(--space-3);
    line-height: var(--reader-line);
    background: var(--color-neutral-100, var(--color-bg));
    border-radius: 6px;
}
.reader-body img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 0 var(--reader-line);
    border-radius: 4px;
}
.reader-body figure img {
    margin-bottom: calc(var(--reader-line) / 2);
}
.reader-body figcaption {
    color: var(--color-neutral-700);
    font-size: 0.85rem;
    line-height: var(--reader-line);
}
.reader-note {
    margin: var(--space-6) 0 0;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-neutral-300);
    color: var(--color-neutral-700);
    font-size: 0.85rem;
}
.reader-note + .reader-body {
    margin-top: var(--space-4);
}
.itemview-readlink {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    margin: 0 0 var(--space-3);
}
.itemview-readlink form {
    margin: 0;
    display: contents;
}
.itemview-tagrow {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-2) var(--space-3);
}
.itemview-tagrow > .itemview-tagbar {
    flex: 1 1 240px;
    min-width: 0;
    margin-top: 4px;
}
.itemview-tagrow > .itemview-readlink {
    flex: none;
    margin: 0 0 0 auto;
}
.itemview-player {
    margin: 0 0 var(--space-3);
}
.itemview-player audio {
    width: 100%;
    max-width: 520px;
    display: block;
}
.itemview-episode {
    color: var(--color-neutral-700);
    font-size: 0.9rem;
}
.itemview-caplabel {
    margin: 0 0 var(--space-2);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
}
.itemview-caplabel span {
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
}
.itemview-capture {
    position: relative;
    max-height: 520px;
    overflow: hidden;
    border: 1px solid var(--color-neutral-300);
    border-radius: 8px;
    cursor: pointer;
}
.itemview-capture img {
    display: block;
    width: 100%;
    height: auto;
}
.itemview-capture:focus-visible { outline-offset: -3px; }
.itemview-capfade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background: linear-gradient(to bottom, transparent, var(--color-bg) 75%);
    pointer-events: none;
}
.itemview-capmore {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
}
.captureview {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    margin: auto;
    padding: var(--space-4);
    border: 0;
    background: transparent;
    overflow: hidden;
}
.captureview::backdrop {
    background: color-mix(in srgb, var(--color-text) 45%, transparent);
}
html:has(.captureview[open]) { overflow: hidden; }
.captureview-panel {
    width: min(760px, 100%);
    height: min(920px, 100%);
    padding: var(--space-3);
    border-radius: 28px;
    background: var(--color-neutral-100);
    color: var(--color-text);
    overflow: hidden;
}
.captureview-head {
    display: flex;
    justify-content: flex-end;
    flex: none;
}
.captureview-close {
    flex: none;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: var(--color-neutral-200);
    color: var(--color-neutral-700);
    font: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.captureview-close:hover { background: var(--color-neutral-300); color: var(--color-neutral-800); }
.captureview-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--color-neutral-300);
    border-radius: 12px;
}
.captureview-scroll img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
@media (max-width: 640px) {
    .captureview { padding: var(--space-2); }
    .captureview-panel { padding: var(--space-2); }
}
.keepform {
    margin: 0 0 var(--space-4);
    padding: var(--space-3);
    border: 1px solid var(--color-neutral-300);
    border-radius: 8px;
}
.keepbtn {
    position: absolute;
    z-index: 20;
    padding: 6px 12px;
    border: 0;
    border-radius: 6px;
    background: var(--color-text);
    color: var(--color-bg);
    font: inherit;
    font-size: 0.85rem;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.reader-kept {
    margin: var(--space-6) 0 0;
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-neutral-300);
}
.reader-kept-title {
    margin: 0 0 var(--space-3);
    font-size: 0.95rem;
}
.reader-kept-quote {
    margin: 0 0 var(--space-3);
    padding-left: var(--space-3);
    border-left: 3px solid var(--color-neutral-300);
    font-size: 0.95rem;
}
.reader-kept-state {
    display: inline-block;
    margin-left: var(--space-2);
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--color-neutral-100);
    color: var(--color-neutral-700);
    font-size: 0.75rem;
    vertical-align: middle;
}
.reader-kept-note {
    margin: var(--space-3) 0 0;
    color: var(--color-neutral-700);
    font-size: 0.85rem;
}
.reader-kept-item {
    margin: 0 0 var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-neutral-100);
}
.reader-kept-item:last-child {
    border-bottom: 0;
}
.reader-kept-item .reader-kept-quote {
    margin-bottom: var(--space-2);
}
.keyshint {
    margin: 0 0 var(--space-4);
}
.keyshint button {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 0.85rem;
    color: var(--color-neutral-700);
    cursor: pointer;
}
.keyshint button:hover {
    color: var(--color-text);
}
.keyshint kbd {
    display: inline-block;
    min-width: 1.4em;
    padding: 1px 5px;
    text-align: center;
    border: 1px solid var(--color-neutral-300);
    border-bottom-width: 2px;
    border-radius: 4px;
    background: var(--color-bg);
    font: inherit;
    font-size: 0.8em;
}
.indieauth-label {
    margin: var(--space-3) 0 6px;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-neutral-700);
}
.indieauth-url {
    overflow-x: visible;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.indieauth-scopes {
    margin: 0 0 var(--space-4);
    padding-left: 1.3em;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.indieauth-scopes li { font-size: 14px; line-height: 1.55; }
.indieauth-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--space-4);
}
.indieauth-foot {
    margin: var(--space-4) 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--color-neutral-700);
}
.is-dismissed td:not(.table-actions):not(.table-story),
.is-dismissed td.table-story > :not(.rulemenu):not(.rowflash),
.is-muted td:not(.table-actions):not(.table-story),
.is-muted td.table-story > :not(.rulemenu):not(.rowflash) { opacity: 0.65; }
.table th.table-thumb,
.table td.table-thumb { width: 160px; padding-right: var(--space-3); }
.thumb {
  width: 160px;
  height: 90px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-divider);
  display: block;
}
@media (max-width: 640px) {
  .table th.table-thumb,
  .table td.table-thumb { width: 96px; padding-right: var(--space-2); }
  .thumb { width: 96px; height: 54px; }
}
.timeline {
  max-width: 72rem;
}
.timeline-strip {
  list-style: none;
  margin: var(--space-6) 0 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}
.timeline-head,
.timeline-row {
  display: grid;
  grid-template-columns: 12rem 1fr 16rem;
  align-items: center;
  gap: var(--space-3);
}
.timeline-head {
  font-size: 0.75rem;
  color: var(--color-neutral-700);
  border-bottom: 1px solid var(--color-divider);
  padding-bottom: var(--space-1);
}
.timeline-tag {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.timeline-track {
  display: grid;
  --timeline-months: 1;
  grid-template-columns: repeat(var(--timeline-months), minmax(0, 1fr));
  min-height: 1.25rem;
  align-items: center;
}
.timeline-tick {
  font-size: 0.6875rem;
  text-align: center;
  color: var(--color-neutral-700);
}
.timeline-tick.is-year {
  position: relative;
  padding-left: var(--space-1);
}
.timeline-tick.is-year::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid var(--color-divider);
  visibility: visible;
}
.timeline-track[data-tier] .timeline-tick {
  visibility: hidden;
  text-align: left;
}
.timeline-track[data-tier="months"] .timeline-tick {
  visibility: visible;
  text-align: center;
}
.timeline-track[data-tier="quarters"] .timeline-tick.is-quarter,
.timeline-track[data-tier="years"] .timeline-tick.is-year.is-quarter,
.timeline-track[data-tier="y2"] .timeline-tick.is-y2,
.timeline-track[data-tier="y5"] .timeline-tick.is-y5,
.timeline-track[data-tier="y10"] .timeline-tick.is-y10,
.timeline-track[data-tier] .timeline-tick:first-child {
  visibility: visible;
}
.timeline-track[data-tier] .timeline-tick.is-crowded {
  visibility: hidden;
}
.timeline-track[data-tier="years"] .timeline-tick,
.timeline-track[data-tier="y2"] .timeline-tick,
.timeline-track[data-tier="y5"] .timeline-tick,
.timeline-track[data-tier="y10"] .timeline-tick {
  white-space: nowrap;
}
.timeline-band {
  height: 0.75rem;
  border-radius: var(--radius-sm);
  background: var(--color-accent-500);
}
.timeline-band.is-open {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: linear-gradient(
    to right,
    var(--color-accent-500),
    var(--color-accent-300)
  );
}
.timeline-claim {
  font-size: 0.8125rem;
  color: var(--color-neutral-800);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.timeline-when {
  color: var(--color-neutral-800);
}
.timeline-lift {
  font-weight: 600;
}
.timeline-share,
.timeline-coverage {
  color: var(--color-neutral-700);
}
.timeline-subhead {
  margin-top: var(--space-8);
}
.timeline-evergreen {
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.timeline-evergreen li {
  background: var(--color-surface);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-lg);
  padding: var(--space-1) var(--space-3);
  display: flex;
  gap: var(--space-2);
  align-items: baseline;
}
.timeline-setaside {
  margin-top: var(--space-8);
  font-size: 0.8125rem;
  color: var(--color-neutral-700);
}
@media (max-width: 900px) {
  .timeline-row {
    grid-template-columns: 1fr;
    gap: var(--space-1);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-divider);
  }
  .timeline-head {
    grid-template-columns: 1fr;
  }
  .timeline-head .timeline-tag,
  .timeline-head .timeline-claim {
    display: none;
  }
  .timeline-tick {
    visibility: hidden;
  }
  .timeline-tick.is-quarter {
    visibility: visible;
    text-align: left;
  }
}
.tagstrip {
  margin: var(--space-3) 0 var(--space-6);
}
.tagstrip-plot {
  height: var(--space-8);
  align-items: end;
  margin-top: var(--space-1);
}
.tagstrip-bar {
  --tagstrip-height: 0%;
  grid-row: 1;
  align-self: end;
  height: var(--tagstrip-height);
  min-height: 1px;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  background: var(--color-neutral-700);
}
.tagstrip-plot .timeline-band {
  grid-row: 1;
  height: auto;
  align-self: stretch;
  background: var(--color-accent-300);
}
.tagstrip-plot .timeline-band.is-open {
  background: linear-gradient(
    to right,
    var(--color-accent-400),
    var(--color-accent-300)
  );
}
.tagstrip-caption {
  font-size: 0.8125rem;
  color: var(--color-neutral-800);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
}
.tagstrip-timeline {
  margin-left: auto;
}
.readingscrim {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: var(--color-bg);
    opacity: 0;
    pointer-events: none;
}
html[data-reading] .readingscrim {
    opacity: 0.85;
}
@media (prefers-reduced-motion: no-preference) {
    .readingscrim { transition: opacity 160ms ease; }
}
@media (prefers-contrast: more) {
    .readingscrim { display: none; }
}
.card:has([data-key-open]:focus-visible),
.itemrow:has([data-key-open]:focus-visible),
tr:has([data-key-open]:focus-visible) > td {
    position: relative;
    z-index: 31;
}
.card:has([data-key-open]:focus-visible) {
    border-color: var(--color-accent);
    box-shadow: var(--shadow-lg);
    outline-color: var(--color-accent);
}
.itemrow:has([data-key-open]:focus-visible),
tr:has([data-key-open]:focus-visible) > td {
    background: color-mix(in srgb, var(--color-accent) 12%, var(--color-neutral-100));
}
tr:has([data-key-open]:target:focus) > td {
    background: color-mix(in srgb, var(--color-accent) 12%, var(--color-neutral-100));
}
.sharerec {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    color: var(--color-neutral-700);
    border-radius: 4px;
    padding: 5px;
}
.sharerec:hover,
.sharerec:focus-visible { color: var(--color-text); }
.card .card-share { float: right; margin: -5px -5px -5px 3px; }
.card-foot::after { content: ''; display: block; clear: both; }
.itemrow-share {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 23px;
    margin-left: 1px;
}
.itemshare-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.itemshare { background: transparent; }
.itemshare-link {
    gap: 8px;
}
.itemshare-row form { margin: 0; display: contents; }
.itemshare-link svg { flex: none; }
.aiusage { margin: var(--space-3) 0; }
.aiusage p { margin: 0 0 var(--space-2); }
.aiusage-bar {
    inline-size: 100%;
    block-size: var(--space-3);
    accent-color: var(--color-accent-500);
}
.standingbanner {
  background: var(--color-accent-100);
  border-radius: var(--radius-md);
  color: var(--color-text);
  margin-bottom: var(--space-4);
  padding: var(--space-3) var(--space-4);
}
.standingbanner p { margin: 0; }
.standingbanner p + p { margin-top: var(--space-1); }
.standingbanner a { color: var(--color-text); text-decoration: underline; }
.pricing-matrix { max-width: 32rem; margin: 0 0 var(--space-4); }
.pricing-matrix td,
.pricing-matrix th[scope="col"] { text-align: right; white-space: nowrap; }
.pricing-matrix th[scope="row"] { text-align: left; }
.pricing-cta { margin: var(--space-4) 0 0; }
.landing--bleed .bleed-in.pricing-cta { margin-top: var(--space-8); }
.pendingpage { max-width: 46rem; margin: var(--space-6) auto 0; }
.pendingpage-brand {
    display: inline-block;
    margin-bottom: var(--space-6);
    font-size: 22px;
    text-decoration: none;
    color: var(--color-text);
}
.pendingpage-brand .wordmark-full {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
}
.pendingpage-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}
.pendingpage-head h1 { margin: 0; font-size: 36px; line-height: 1.1; }
.pendingpage-head form { margin: 0; flex: none; }
.pendingpage-status,
.pendingpage-lede {
    margin: var(--space-3) 0 0;
    max-width: 36rem;
    font-size: 17px;
    line-height: 1.5;
}
.pendingpage-plans { margin-top: var(--space-6); }
.pricing-matrix--checkout { max-width: none; margin: 0; table-layout: fixed; }
.pricing-matrix--checkout thead th:first-child { width: 7rem; }
.pricing-matrix--checkout th[scope="col"],
.pricing-matrix--checkout td { text-align: left; white-space: normal; }
.pricing-matrix--checkout tbody tr:hover { background: none; }
.pricing-matrix--checkout td,
.pricing-matrix--checkout th[scope="row"] {
    vertical-align: top;
    padding: var(--space-4) var(--space-3);
}
.pricing-matrix--checkout th[scope="row"] {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--color-text);
    border-bottom: 1px solid color-mix(in srgb, var(--color-text) 8%, transparent);
}
.pricing-matrix--checkout form { margin: 0 0 var(--space-2); }
.pricing-price { margin: 0 0 var(--space-3); font-size: 14px; color: var(--color-neutral-700); }
.pricing-amount {
    font-family: var(--font-heading);
    font-weight: var(--font-heading-weight);
    font-size: 30px;
    line-height: 1;
    color: var(--color-text);
}
.pricing-renewal { margin: 0; font-size: 13px; line-height: 1.4; color: var(--color-neutral-700); }
.pendingpage-kinds {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    margin: var(--space-4) 0 0;
    font-size: 14px;
    line-height: 1.5;
}
.pendingpage-kinds p { margin: 0; }
.pendingpage-fine {
    list-style: none;
    margin: var(--space-4) 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--color-neutral-700);
}
.pendingpage-fine li + li { margin-top: var(--space-1); }
.pendingpage-note,
.pendingpage-foot {
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-neutral-700);
}
.pendingpage-note {
    margin: var(--space-6) 0 0;
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-divider);
}
.pendingpage-foot { margin-top: var(--space-4); padding-bottom: var(--space-8); }
.pendingpage-foot p { margin: 0 0 var(--space-3); }
.pendingpage-delete summary { cursor: pointer; width: max-content; }
.pendingpage-delete[open] summary { margin-bottom: var(--space-3); }
.pendingpage-delete form { max-width: 28rem; }
@media (max-width: 640px) {
    .pendingpage { margin-top: var(--space-3); }
    .pendingpage-head h1 { font-size: 28px; }
    .pendingpage-head { align-items: flex-start; }
    .pricing-matrix--checkout,
    .pricing-matrix--checkout tbody { display: block; }
    .pricing-matrix--checkout thead {
        position: absolute; width: 1px; height: 1px; overflow: hidden;
        clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
    }
    .pricing-matrix--checkout tbody tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .pricing-matrix--checkout th[scope="row"] {
        grid-column: 1 / -1;
        padding: var(--space-4) 0 var(--space-1);
        border-bottom: 0;
    }
    .pricing-matrix--checkout td { padding: 0 var(--space-2) var(--space-4) 0; }
    .pricing-amount { font-size: 24px; }
    .pendingpage-kinds { grid-template-columns: 1fr; gap: var(--space-2); }
}
.today-email {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-4);
    margin: 0 0 var(--space-6);
    font-size: 13px;
    color: var(--color-neutral-700);
}
.today-email-switch,
.today-email-zone {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}
.today-email-zone select {
    width: auto;
    max-width: 16em;
    min-height: 32px;
    padding: var(--space-1) var(--space-2);
    font: inherit;
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-sm);
}
.today-add {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0 0 var(--space-1);
}
.today-add-field { flex: 1; min-width: 0; }
.today-add-help {
    margin: var(--space-1) 0 var(--space-4);
    font-size: 13px;
    color: var(--color-neutral-700);
}
.itemview-due-label {
    font-size: 13px;
    color: var(--color-neutral-700);
    margin-right: var(--space-2);
}
.tasklist-box {
    appearance: none;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 var(--space-2) 0 0;
    padding: 0;
    vertical-align: -0.15em;
    border: 1.5px solid var(--color-neutral-700);
    border-radius: 3px;
    background: var(--color-surface);
    color: inherit;
    line-height: 1;
    cursor: pointer;
    font: inherit;
}
.tasklist-box[aria-pressed="true"] {
    background: var(--color-neutral-700);
    box-shadow: inset 0 0 0 2px var(--color-surface);
}
.md li:has(> .tasklist-box), .md li:has(> p > .tasklist-box) { list-style: none; }
.inlineimg { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-top: var(--space-2); }
.inlineimg-panel { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.inlineimg-pick { padding: 0; border: 1px solid var(--color-divider); border-radius: var(--radius-sm); background: var(--color-surface); cursor: pointer; }
.inlineimg-pick img { display: block; width: 64px; height: 64px; object-fit: cover; }
.inlineimg-previews { display: flex; flex-wrap: wrap; gap: var(--space-2); flex-basis: 100%; }
.inlineimg-previews img { width: 64px; height: 64px; object-fit: cover; border-radius: var(--radius-sm); border: 1px solid var(--color-divider); }
.rowflash { margin: var(--space-2) 0; }
.flash-undo { display: inline; margin-left: var(--space-2); }
.rulemenu { display: inline; margin-left: var(--space-1); }
.rulemenu > summary {
    display: inline;
    padding: 0 var(--space-1);
    list-style: none;
}
.rulemenu > summary::-webkit-details-marker { display: none; }
.rulemenu-body {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin: var(--space-2) 0;
    padding: var(--space-2);
    font-size: 14px;
}
.sharewaiting {
    margin: 0 0 var(--space-4);
    padding: var(--space-3) var(--space-4);
    border-left: 3px solid var(--color-divider);
    border-radius: 6px;
    background: var(--color-neutral-200);
    color: var(--color-text);
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}
.pendingpage .sharewaiting { margin-top: var(--space-3); max-width: 36rem; }
.libraryanswer { margin: 0 0 var(--space-4); max-width: 46rem; }
.libraryanswer-text { margin: 0; font-size: 16px; line-height: 1.6; }
.libraryanswer-text a { text-decoration: none; font-weight: 600; }
.libraryanswer-note,
.libraryanswer-notice { margin: var(--space-2) 0 0; font-size: 13px; color: var(--color-neutral-700); }
.libraryanswer-notice { margin: 0 0 var(--space-4); }
.libraryanswer-ask { margin: 0 0 var(--space-4); }
.artistlist { list-style: none; margin: 0 0 var(--space-4); padding: 0; }
.artistlist-row { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-3); align-items: center; justify-content: space-between; padding: var(--space-2) 0; border-bottom: 1px solid var(--color-neutral-200); }
.artistlist-row form { margin: 0; }
.artistlist-name { font-weight: 600; }
.artistlist-note { display: block; font-weight: 400; font-size: 0.875rem; color: var(--color-neutral-600); }
.artistlist-credit { font-size: 0.875rem; color: var(--color-neutral-600); margin: 0 0 var(--space-6); }
.followartist { margin: var(--space-3) 0; }
.followartist form { margin: 0; }
.listen { margin: 0 0 var(--space-6); }
.listen-list { list-style: none; margin: 0; padding: 0; }
.listen-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-start; padding: var(--space-3) 0; border-bottom: 1px solid var(--color-neutral-200); }
.listen-body { flex: 1 1 16rem; min-width: 0; }
.listen-track { font-weight: 600; margin: 0; }
.listen-artist { margin: 0; }
.listen-reason { margin: var(--space-1) 0 var(--space-2); font-size: 0.875rem; color: var(--color-neutral-600); }
.listen-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.listen-actions form { margin: 0; }
.listen-feedback { font: inherit; font-size: 0.875rem; background: none; border: 1px solid var(--color-neutral-300); border-radius: 999px; padding: var(--space-1) var(--space-3); color: inherit; cursor: pointer; }
.listen-feedback[aria-pressed="true"] { background: var(--color-neutral-200); font-weight: 600; }
.musicswitch { margin: 0 0 var(--space-6); }
.tourline { margin: 0 0 var(--space-6); }
.tourline-list { margin: 0 0 var(--space-2); padding-left: var(--space-4); }
.tourline-list li { margin: 0 0 var(--space-1); }
.tourline-new { display: inline-block; font-size: 0.75rem; font-weight: 600; padding: 0 var(--space-2); border-radius: 999px; background: var(--color-neutral-200); }
.musicservice { padding: var(--space-3) 0; border-top: 1px solid var(--color-neutral-200); }
.musicservice h3 { margin: 0 0 var(--space-2); }
.musicservice form { margin: var(--space-2) 0 0; }
.discover-regular { margin-top: var(--space-6); }
.panel-prose > p + .settings-subheading { margin-top: var(--space-4); }