/* Halfture Sow (1.2.0): light, in the app's parchment palette (ink text, deeper amber), scoped to .hs-root and
   .hs-page so it looks the same on any theme. [halfture_sow page="yes"] lays out the whole page. */
.hs-root, .hs-page {
	--hs-ground: #F6F1E7; --hs-surface: #FCF9F3; --hs-surface-2: #EFE8DB; --hs-raised: #FFFDF9;
	--hs-line: #DDD3C1; --hs-line-strong: #C9BCA6; --hs-line-warm: #C9A46E;
	--hs-text: #1F1A14; --hs-bright: #15110C; --hs-soft: #2C2620; --hs-muted: #4F473D; --hs-faint: #6E675D;
	--hs-accent: #9E5D0E; --hs-amber: #F2A541; --hs-accent-hover: #B86E14; --hs-on-accent: #FFFAF2; --hs-danger: #A33A22;
	--hs-glow: rgba(224, 133, 15, .16);
	--hs-serif: "EB Garamond", Garamond, "Times New Roman", serif;
	--hs-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
	--hs-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
	color-scheme: light;
}
.hs-root {
	box-sizing: border-box; max-width: 560px; margin: 24px auto; padding: 28px 24px;
	background: var(--hs-surface); color: var(--hs-text); border: 1px solid var(--hs-line-warm); border-radius: 22px;
	font: 400 16px/1.55 var(--hs-sans);
	display: flex; flex-direction: column; gap: 20px;
	box-shadow: 0 24px 60px -36px rgba(80, 52, 12, .35);
}
.hs-root *, .hs-root *::before, .hs-root *::after, .hs-page *, .hs-page *::before, .hs-page *::after { box-sizing: border-box; }
.hs-root p, .hs-root h2, .hs-root h3, .hs-root blockquote, .hs-root ol, .hs-root ul,
.hs-page p, .hs-page h1, .hs-page h2, .hs-page h3, .hs-page blockquote, .hs-page ol { margin: 0; }
.hs-root ol, .hs-root ul, .hs-page ol { list-style: none; padding: 0; }
.hs-root li, .hs-page li { grid-column: auto !important; border-top: 0; padding-top: 0; margin: 0; } /* themes that style every <li> */
.hs-root button { font: inherit; cursor: pointer; }
.hs-root :focus-visible, .hs-page :focus-visible { outline: 2px solid var(--hs-accent); outline-offset: 2px; }

.hs-wordmark { font: 600 13px/1 var(--hs-sans); letter-spacing: .32em; color: var(--hs-accent); }
.hs-head { display: grid; gap: 6px; }
.hs-title { font: 500 30px/1.15 var(--hs-serif); color: var(--hs-bright); margin-top: 4px !important; }
.hs-sub { font: italic 400 18px/1.4 var(--hs-serif); color: var(--hs-soft); }
.hs-verse { font: italic 400 19px/1.45 var(--hs-serif); color: var(--hs-soft); border: 0; border-left: 3px solid var(--hs-amber); padding: 2px 0 2px 16px; }
.hs-verse cite { display: block; margin-top: 8px; font: 500 12px/1 var(--hs-mono); font-style: normal; letter-spacing: .06em; color: var(--hs-muted); }
.hs-label { font: 500 12px/1 var(--hs-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--hs-muted); }
.hs-label.lit { color: var(--hs-accent); }
.hs-fine { font-size: 13px; line-height: 1.55; font-style: italic; color: var(--hs-faint); }
.hs-note { padding: 12px 14px; border-radius: 12px; background: var(--hs-surface-2); border: 1px solid var(--hs-line); color: var(--hs-soft); font-size: 14px; }
.hs-error { color: var(--hs-danger); font-size: 14px; min-height: 18px; }
.hs-stack { display: grid; gap: 14px; }
.hs-card { display: grid; gap: 12px; padding: 20px; border-radius: 18px; background: var(--hs-raised); border: 1px solid var(--hs-line); }
.hs-card.warm { border-color: var(--hs-line-warm); }

.hs-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.hs-chip { min-height: 46px; padding: 0 18px; border-radius: 23px; border: 1px solid var(--hs-line-strong); background: var(--hs-raised); color: var(--hs-soft); font: 500 15px/1 var(--hs-mono) !important; }
.hs-chip:hover { border-color: var(--hs-accent); }
.hs-chip[aria-pressed="true"] { background: var(--hs-accent); border-color: var(--hs-accent); color: var(--hs-on-accent); }
.hs-value { font: 500 14px/1.4 var(--hs-mono); color: var(--hs-accent); }
.hs-value small { display: block; font: italic 400 12px/1.4 var(--hs-sans); color: var(--hs-faint); }
.hs-seg { display: flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--hs-surface-2); border: 1px solid var(--hs-line); }
.hs-seg button { flex: 1; min-height: 44px; border: 0; border-radius: 10px; background: transparent; color: var(--hs-soft); font-weight: 500; }
.hs-seg button[aria-pressed="true"] { background: var(--hs-accent); color: var(--hs-on-accent); }
.hs-input { width: 100%; min-height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--hs-line-strong); background: var(--hs-raised); color: var(--hs-text); font: 400 16px/1 var(--hs-mono); }
.hs-input::placeholder { color: var(--hs-faint); }
.hs-field { display: grid; gap: 6px; font-size: 14px; font-weight: 500; }
.hs-check { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; min-height: 44px; }
.hs-check input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--hs-accent); }
.hs-check small { display: block; color: var(--hs-muted); font-size: 13px; }
.hs-primary { width: 100%; min-height: 56px; border-radius: 28px; border: 1px solid var(--hs-accent); background: var(--hs-accent); color: var(--hs-on-accent); font: 400 21px/1 var(--hs-serif) !important; }
.hs-primary:hover { background: var(--hs-accent-hover); }
.hs-primary:disabled { opacity: .55; cursor: not-allowed; }
.hs-ghost { min-height: 48px; padding: 0 16px; border-radius: 24px; border: 1px solid var(--hs-line-strong); background: var(--hs-raised); color: var(--hs-text); font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.hs-ghost:hover { border-color: var(--hs-accent); color: var(--hs-text); }
.hs-row { display: flex; gap: 10px; flex-wrap: wrap; }
.hs-row > * { flex: 1 1 140px; }
.hs-link { background: none; border: 0; padding: 10px 0; color: var(--hs-accent); font-weight: 500; text-decoration: none; cursor: pointer; }
.hs-big { font: 400 20px/1.2 var(--hs-mono); color: var(--hs-bright); }
.hs-between { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }

.hs-qr { justify-self: center; width: 220px; height: 220px; padding: 10px; border-radius: 12px; background: #fff; border: 1px solid var(--hs-line); }
.hs-qr svg, .hs-qr img { width: 100%; height: 100%; display: block; }
.hs-request { font: 400 12px/1.4 var(--hs-mono); color: var(--hs-muted); text-align: center; word-break: break-all; }
.hs-wait { display: flex; gap: 8px; align-items: center; justify-content: center; font-size: 14px; color: var(--hs-soft); }
.hs-wait i { width: 8px; height: 8px; border-radius: 4px; background: var(--hs-amber); box-shadow: 0 0 8px rgba(242,165,65,.8); animation: hs-pulse 1.6s ease-in-out infinite; }
@keyframes hs-pulse { 50% { opacity: .35; } }

/* The share card after a seed: Pip, the line and the block, drawn on a canvas so it can be saved or shared. */
.hs-share { width: 100%; max-width: 360px; aspect-ratio: 1; justify-self: center; border-radius: 20px; border: 1px solid var(--hs-line-warm); display: block; }

.hs-board { display: grid; gap: 14px; }
.hs-board h3 { font: 500 26px/1.2 var(--hs-serif); color: var(--hs-bright); }
.hs-periods { display: flex; gap: 4px; }
.hs-periods { flex: none; }
.hs-periods button { white-space: nowrap; min-height: 44px; padding: 0 8px; border: 0; background: transparent; color: var(--hs-muted); font-size: 13px; font-weight: 500; }
.hs-periods button[aria-pressed="true"] { color: var(--hs-text); text-decoration: underline; text-underline-offset: 6px; }
.hs-rows li { display: flex; align-items: center; gap: 14px; min-height: 52px; border-bottom: 1px solid var(--hs-line) !important; }
.hs-rank { flex: none; width: 30px; height: 30px; border-radius: 15px; border: 1px solid var(--hs-line-strong); display: flex; align-items: center; justify-content: center; font: 400 12px/1 var(--hs-mono); color: var(--hs-soft); }
.hs-rank.top { background: var(--hs-accent); border-color: var(--hs-accent); color: var(--hs-on-accent); }
.hs-who { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hs-who.anon { font-style: italic; color: var(--hs-muted); }
.hs-val { font: 400 13px/1 var(--hs-mono); }
.hs-you { display: flex; align-items: center; gap: 14px; min-height: 52px; padding: 0 12px; border-radius: 12px; border: 1px dashed var(--hs-line-warm); background: var(--hs-raised); }
.hs-you .hs-rank { border: 0; width: auto; color: var(--hs-accent); }
.hs-board-only { padding-top: 22px; }
.hs-empty { display: flex; gap: 14px; align-items: center; padding: 14px; border-radius: 14px; background: var(--hs-surface-2); }
.hs-empty canvas { flex: none; width: 70px; height: 60px; image-rendering: pixelated; }
.hs-empty p { font-size: 14px; color: var(--hs-soft); }

/* ---- The Sow page ([halfture_sow page="yes"]): full width, no sidebar, in bands like the home page. */
.site:has(.hs-page) { max-width: none !important; }
.site-content:has(.hs-page) { max-width: none !important; padding: 0 !important; }
.site-content:has(.hs-page) .widget-area { display: none; }
.site-content:has(.hs-page) .content-area { width: 100% !important; max-width: none !important; margin: 0 !important; }
.site-content:has(.hs-page) .site-main { margin: 0 !important; }
.site-content:has(.hs-page) .inside-article, .site-content:has(.hs-page) .entry-content { padding: 0 !important; max-width: none !important; margin: 0 !important; background: transparent; }
.inside-article:has(.hs-page) .entry-header { display: none; }
.entry-content:has(.hs-page) > p:empty { display: none; }

.hs-page { background: var(--hs-ground); color: var(--hs-text); font: 400 17px/1.6 var(--hs-sans); padding: 0 24px 72px; overflow-x: clip; }
.hs-page > section { max-width: 1080px; margin: 0 auto; }
.hs-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 48px; align-items: center; padding: 72px 0 48px; }
.hs-hero-words { display: grid; gap: 18px; }
.hs-h1 { font: 500 clamp(40px, 5.2vw, 62px)/1.04 var(--hs-serif); letter-spacing: -.01em; color: var(--hs-bright); }
.hs-h2 { font: 500 clamp(30px, 3.4vw, 40px)/1.1 var(--hs-serif); color: var(--hs-bright); }
.hs-lede { font-size: 19px; line-height: 1.55; color: var(--hs-soft); max-width: 560px; }
.hs-hero-pip { position: relative; display: flex; justify-content: center; }
.hs-hero-pip::before { content: ""; position: absolute; inset: -40px; background: radial-gradient(closest-side, var(--hs-glow), transparent); z-index: 0; }
.hs-pip { position: relative; z-index: 1; width: min(320px, 100%); height: auto; aspect-ratio: 14 / 12; image-rendering: pixelated; filter: drop-shadow(0 22px 34px rgba(80, 52, 12, .22)); }

.hs-main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 28px; align-items: start; }
.hs-main .hs-root { margin: 0; max-width: none; }
.hs-side { padding-top: 26px; }

.hs-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 64px 0 0; }
.hs-step { display: grid; gap: 8px; align-content: start; padding: 22px; border-radius: 18px; background: var(--hs-surface); border: 1px solid var(--hs-line); }
.hs-step h3 { font: 500 22px/1.2 var(--hs-serif); color: var(--hs-bright); }
.hs-step p { font-size: 15px; color: var(--hs-soft); }
.hs-step-n { display: inline-flex; width: 32px; height: 32px; border-radius: 16px; align-items: center; justify-content: center; background: var(--hs-accent); color: var(--hs-on-accent); font: 500 14px/1 var(--hs-mono); }
.hs-step-n.small { width: 26px; height: 26px; font-size: 12px; flex: none; }

.hs-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; padding: 28px 0 0; align-items: start; }
.hs-tithe-line { font: 500 24px/1.25 var(--hs-serif); color: var(--hs-bright); }
.hs-keeps { display: grid; gap: 16px; padding: 20px 4px; }
.hs-keeps ol { display: grid; gap: 12px; }
.hs-keeps li { display: flex; gap: 12px; align-items: center; font-size: 16px; }

.hs-faq { display: grid; gap: 10px; padding: 64px 0 0; max-width: 820px !important; }
.hs-faq .hs-h2 { margin-bottom: 10px; }
.hs-faq details { border-bottom: 1px solid var(--hs-line); padding: 6px 0; }
.hs-faq summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font: 500 18px/1.35 var(--hs-sans); color: var(--hs-text); list-style: none; }
.hs-faq summary::-webkit-details-marker { display: none; }
.hs-faq summary::after { content: "+"; margin-left: auto; padding-left: 16px; font: 400 22px/1 var(--hs-mono); color: var(--hs-accent); }
.hs-faq details[open] summary::after { content: "–"; }
.hs-faq details p { padding: 0 0 14px; color: var(--hs-soft); font-size: 16px; max-width: 680px; }
.hs-page-fine { max-width: 820px; margin: 48px auto 0 !important; text-align: center; }

@media (max-width: 860px) {
	.hs-hero, .hs-main, .hs-two { grid-template-columns: minmax(0, 1fr); }
	.hs-hero { padding: 40px 0 28px; gap: 24px; }
	.hs-hero-pip { order: -1; }
	.hs-pip { width: min(220px, 70%); }
	.hs-steps { grid-template-columns: minmax(0, 1fr); padding-top: 40px; }
}
@media (max-width: 420px) {
	.hs-page { padding: 0 16px 56px; }
	.hs-root { padding: 22px 16px; }
	.hs-qr { width: 196px; height: 196px; }
}
/* ---- [halfture_mini]: a small card for a blog sidebar (1.3.0). */
.hs-mini {
	--hs-surface: #FCF9F3; --hs-surface-2: #EFE8DB; --hs-line: #DDD3C1; --hs-line-warm: #C9A46E;
	--hs-text: #1F1A14; --hs-bright: #15110C; --hs-soft: #2C2620; --hs-muted: #4F473D; --hs-faint: #6E675D;
	--hs-accent: #9E5D0E; --hs-amber: #F2A541; --hs-accent-hover: #B86E14; --hs-on-accent: #FFFAF2;
	--hs-serif: "EB Garamond", Garamond, Georgia, serif; --hs-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; --hs-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
	box-sizing: border-box; display: grid; gap: 12px; padding: 18px; border-radius: 18px; background: var(--hs-surface); border: 1px solid var(--hs-line-warm);
	color: var(--hs-text); font: 400 14px/1.5 var(--hs-sans);
}
.hs-mini * { box-sizing: border-box; }
.hs-mini p, .hs-mini ol { margin: 0; }
.hs-mini ol { list-style: none; padding: 0; display: grid; gap: 4px; margin-top: 6px; }
.hs-mini li { display: flex; gap: 8px; align-items: center; font-size: 13px; margin: 0; }
.hs-mini li b { font: 500 11px/1 var(--hs-mono); width: 20px; height: 20px; border-radius: 10px; background: var(--hs-accent); color: var(--hs-on-accent); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.hs-mini li span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hs-mini li i { font: 400 11px/1 var(--hs-mono); font-style: normal; color: var(--hs-muted); }
.hs-mini-top { display: flex; gap: 12px; align-items: center; }
.hs-mini-top .hs-pip { width: 72px; height: auto; filter: none; image-rendering: pixelated; flex: none; }
.hs-mini-tag { font: italic 400 16px/1.25 var(--hs-serif); color: var(--hs-soft); margin-top: 4px !important; }
.hs-mini-stat { display: grid; gap: 4px; }
.hs-mini-height { font: 400 26px/1.1 var(--hs-serif); color: var(--hs-bright); font-variant-numeric: lining-nums tabular-nums; }
.hs-mini-next { font-size: 13px; color: var(--hs-soft); }
.hs-mini-btn { display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: 23px; font-size: 18px !important; text-decoration: none; }
.hs-mini-btn:hover { color: var(--hs-on-accent); }
.hs-mini .hs-label { font: 500 11px/1 var(--hs-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--hs-muted); }
.hs-mini .hs-label.lit { color: var(--hs-accent); }
.hs-mini .hs-wordmark { font: 600 12px/1 var(--hs-sans); letter-spacing: .3em; color: var(--hs-accent); }
.hs-mini .hs-fine { font-size: 12px; font-style: italic; color: var(--hs-faint); }
.hs-mini .hs-primary { background: var(--hs-accent); color: var(--hs-on-accent); border: 1px solid var(--hs-accent); font-family: var(--hs-serif) !important; }

/* ---- [halfture_countdown] (1.4.0). */
.hs-count {
	--hs-surface: #FCF9F3; --hs-line: #DDD3C1; --hs-line-warm: #C9A46E; --hs-text: #1F1A14; --hs-bright: #15110C;
	--hs-soft: #2C2620; --hs-muted: #4F473D; --hs-faint: #6E675D; --hs-accent: #9E5D0E; --hs-amber: #F2A541;
	--hs-serif: "EB Garamond", Garamond, Georgia, serif; --hs-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; --hs-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
	box-sizing: border-box; display: grid; gap: 18px; padding: 26px; border-radius: 22px; background: var(--hs-surface);
	border: 1px solid var(--hs-line-warm); color: var(--hs-text); font: 400 15px/1.5 var(--hs-sans); box-shadow: 0 24px 60px -36px rgba(80, 52, 12, .35);
}
.hs-count * { box-sizing: border-box; }
.hs-count p { margin: 0; }
.hs-count-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.hs-count-clock { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.hs-count-clock div { display: grid; justify-items: center; gap: 8px; padding: 18px 6px 14px; border-radius: 16px; background: #1F1A14; }
.hs-count-clock b { font: 400 clamp(34px, 6vw, 64px)/1 var(--hs-serif); font-variant-numeric: lining-nums tabular-nums; color: #FCF9F3; }
.hs-count-clock span { font: 500 10px/1 var(--hs-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--hs-amber); }
.hs-count-cell { display: grid; gap: 6px; align-content: start; }
.hs-count-cell b { font: 400 clamp(34px, 4.6vw, 54px)/1 var(--hs-serif); color: var(--hs-bright); font-variant-numeric: lining-nums tabular-nums; }
.hs-count-cell small { font-size: 13px; color: var(--hs-muted); }
.hs-count .hs-label { font: 500 11px/1 var(--hs-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--hs-muted); }
.hs-count .hs-label.lit { color: var(--hs-accent); }
.hs-count-bar { height: 10px; border-radius: 5px; background: #EFE8DB; overflow: hidden; }
.hs-count-bar i { display: block; height: 100%; width: 0; background: var(--hs-amber); border-radius: 5px; transition: width .8s ease; }
.hs-count-key { display: flex; justify-content: space-between; gap: 12px; font: 400 12px/1.4 var(--hs-mono); color: var(--hs-muted); }
.hs-count .hs-fine { font-size: 12px; font-style: italic; color: var(--hs-faint); }
@media (max-width: 640px) { .hs-count { padding: 18px; } .hs-count-clock { gap: 6px; } .hs-count-clock div { padding: 14px 2px 11px; border-radius: 12px; } .hs-count-clock b { font-size: 30px; } .hs-count-clock span { font-size: 9px; letter-spacing: .08em; } .hs-count-cell b { font-size: 30px; } .hs-count-key span:nth-child(2) { display: none; } }

/* The Ark (1.7.0). */
.hs-ark { display: grid; gap: 18px; max-width: 760px; margin: 0 auto 40px; }
.hs-ark .hs-card { display: grid; gap: 14px; }
.hs-ark .hs-ghost { justify-self: start; text-decoration: none; }
.hs-ark .hs-primary { text-decoration: none; display: flex; align-items: center; justify-content: center; text-align: center; }
.hs-ark .hs-ark-door { border: 0; background: none; box-shadow: none; padding: 0; }
.hs-ark .hs-ark-door .hs-sub { font-style: normal; }
.hs-ark-list, .hs-ark-thread { display: grid; gap: 14px; }
.hs-ark-new { display: grid; gap: 10px; }
.hs-ark-new[open] { padding: 16px; border: 1px solid var(--hs-line); border-radius: 18px; background: var(--hs-surface); }
.hs-ark-new > summary { list-style: none; cursor: pointer; display: inline-block; }
.hs-ark-new > summary::-webkit-details-marker { display: none; }
.hs-ark-new .hs-input, .hs-ark-thread .hs-input { width: 100%; margin-top: 10px; }
.hs-ark-text { font: inherit; resize: vertical; min-height: 96px; }
.hs-ark-row { display: grid; gap: 4px; width: 100%; text-align: left; padding: 16px 18px; border: 1px solid var(--hs-line); border-radius: 16px; background: var(--hs-surface); cursor: pointer; color: var(--hs-text); font: inherit; }
.hs-ark-row:hover { border-color: var(--hs-line-warm); }
.hs-ark-title { font: 500 20px/1.25 var(--hs-serif); color: var(--hs-bright); }
.hs-ark-sub, .hs-ark-meta { font-size: 13px; color: var(--hs-muted); }
.hs-ark-meta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.hs-ark-who { font-weight: 600; color: var(--hs-soft); }
.hs-ark-body p { margin: 0 0 10px; }
.hs-ark-reply { padding: 14px 0 4px; border-top: 1px solid var(--hs-line); }
.hs-ark-hide { font-size: 12px; }

/* The Ark, upgraded (1.8.0). */
.hs-ark-filters { flex-wrap: wrap; gap: 10px; }
.hs-ark-tabs { gap: 6px; }
.hs-ark-tabs .hs-chip { padding: 6px 14px; font-size: 14px; }
.hs-ark-card { display: grid; gap: 8px; padding: 18px 20px; border: 1px solid var(--hs-line); border-radius: 18px; background: var(--hs-raised); cursor: pointer; -webkit-user-select: none; user-select: none; transition: border-color .15s, box-shadow .15s; }
.hs-ark-card:hover, .hs-ark-card:focus { border-color: var(--hs-line-warm); box-shadow: 0 14px 34px -26px rgba(80, 52, 12, .45); outline: none; }
.hs-ark-card .hs-ark-title { margin: 0; }
.hs-ark-excerpt { margin: 0; color: var(--hs-muted); font-size: 15px; line-height: 1.5; }
.hs-ark-cat { display: inline-block; justify-self: start; padding: 2px 9px; border-radius: 999px; border: 1px solid var(--hs-line-warm); color: var(--hs-accent); font: 500 11px/1.5 var(--hs-mono); letter-spacing: .08em; text-transform: uppercase; }
.hs-ark-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; position: relative; }
.hs-ark-up, .hs-ark-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--hs-line); background: transparent; color: var(--hs-soft); font: 500 13px/1 var(--hs-sans); cursor: pointer; }
.hs-ark-up.on { background: var(--hs-accent); border-color: var(--hs-accent); color: #fff; }
.hs-ark-chip.on { background: rgba(158, 93, 14, .12); border-color: var(--hs-accent); color: var(--hs-accent); }
.hs-ark-arrow { font-size: 10px; }
.hs-ark-add { width: 34px; justify-content: center; padding: 0; font-size: 16px; }
.hs-ark-count { font-size: 13px; color: var(--hs-muted); }
.hs-ark-picker { display: flex; gap: 6px; flex-wrap: wrap; width: 100%; padding: 8px; border-radius: 14px; background: var(--hs-surface); border: 1px solid var(--hs-line-warm); box-shadow: 0 12px 30px -20px rgba(80, 52, 12, .5); }
.hs-ark-post { display: grid; gap: 10px; padding-bottom: 6px; -webkit-user-select: none; user-select: none; }
.hs-ark-post .hs-ark-body, .hs-ark-reply .hs-ark-body { -webkit-user-select: text; user-select: text; }
.hs-ark-reply { display: grid; gap: 8px; }
.hs-ark-reply-btn { font-size: 13px; }
/* 1.9.1: Your name in the Ark. */
.hs-ark-help { padding: 14px 16px; border: 1px solid var(--hs-line); border-radius: 14px; background: var(--hs-surface); }
.hs-ark-help ol { margin: 10px 0 8px; padding-left: 22px; list-style: decimal outside; font-size: 15px; }
.hs-ark-help li { display: list-item; margin: 0 0 6px; padding-left: 4px; }
.hs-ark-help li::marker { color: var(--hs-accent); font-weight: 600; }
.hs-ark-help .hs-fine { margin: 0; }
/* 1.9.0: emoji reactions; Delete for administrators. */
.hs-ark-emoji { font-size: 16px; line-height: 1; }
.hs-ark-pick { font-size: 22px; min-width: 44px; justify-content: center; padding: 4px 8px; }
.hs-ark-delete { color: #A12C2C; }
/* [halfture_ark_mini] in the sidebar. */
.hs-ark-mini { display: grid; gap: 8px; padding: 20px; border-radius: 18px; border: 1px solid var(--hs-line-warm); background: var(--hs-surface); font: 400 14px/1.5 var(--hs-sans); color: var(--hs-text); }
.hs-ark-mini-head { display: flex; justify-content: space-between; align-items: center; }
.hs-ark-mini-lock { font: 500 11px/1 var(--hs-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--hs-muted); padding: 4px 8px; border-radius: 999px; border: 1px solid var(--hs-line); }
.hs-ark-mini.open .hs-ark-mini-lock { color: var(--hs-accent); border-color: var(--hs-line-warm); }
.hs-ark-mini-title { margin: 0; font: 400 22px/1.2 var(--hs-serif); color: var(--hs-bright); }
.hs-ark-mini-text { margin: 0; color: var(--hs-muted); }
.hs-ark-mini-body { display: grid; gap: 10px; }
.hs-ark-mini-list { margin: 0; padding: 0; list-style: none; }
.hs-ark-mini-list li { display: grid; gap: 2px; padding: 9px 0; border-top: 1px solid var(--hs-line); }
.hs-ark-mini-list li:first-child { border-top: 0; padding-top: 0; }
.hs-ark-mini-list a { color: var(--hs-soft); text-decoration: none; font-weight: 500; }
.hs-ark-mini-list span { font-size: 12px; color: var(--hs-faint); }
.hs-ark-mini-link { justify-self: center; font-size: 13px; }

/* Weeds to pull (1.6.0): the steps' cards without numbers. */
.hs-weeds-title { margin: 56px 0 18px; }
.hs-weeds .hs-step h3 { font-style: italic; }

@media (prefers-reduced-motion: reduce) { .hs-wait i { animation: none; } }