/* ==========================================================================
   Paper · Nest's default theme. The type does most of the work: a serif
   masthead, generous margins and hairline rules; no colour beyond the one
   accent. Everything reads from tokens.css, so light and dark both work, and
   the owner's choices arrive as variables (colours, fonts, appended below by
   Nest) and as classes on <html> (o-<option>-<value>).
   No inline style anywhere: the Content Security Policy forbids it.
   ========================================================================== */

/* ---- the basics every public page needs ---------------------------------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:var(--r-2);box-shadow:var(--shadow-2)}
.skip:focus{left:8px}
.ic{flex:none;vertical-align:-.18em}
.ic .t,.ic .d{stroke:none}
.ic .d{fill:currentColor}
.ic.ic-fill .t,.ic.ic-fill .f{fill:var(--icon-fill)}
.cradle{display:block;flex:none}
.cradle-bowl{fill:currentColor}
.cradle-kept{fill:var(--accent)}
.lockup{display:inline-flex;align-items:center;gap:.3em;color:inherit}
.lockup .wordmark{font:480 1.15em/1 var(--font-display);letter-spacing:-.02em}
.tip{position:fixed;z-index:var(--z-tip);max-width:min(320px,calc(100vw - 16px));background:var(--ink);color:var(--bg);font:var(--ui-small);
  padding:5px 9px;border-radius:var(--r-1);box-shadow:var(--shadow-2);pointer-events:none}
.tip[hidden]{display:none}
html{background:var(--bg);scroll-padding-top:16px}
body.paper-site{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:var(--ui-body)}
h1,h2,h3,h4,h5,h6,p{margin:0}
img{max-width:100%;height:auto}

/* ---- the owner's choices --------------------------------------------------- */
.o-width-narrow{--content-w:620px}
.o-width-wide{--content-w:760px}
/* Paper tones: white and cool, in light and dark (warm is the design's own, straight from tokens.css) */
:root.o-paper-white[data-theme="light"]{--bg:#ffffff;--surface:#ffffff;--sunken:#f4f4f3;--cap:#efeeec;--line:#e1dfdb;--line-strong:#9a958e}
@media (prefers-color-scheme:light){:root.o-paper-white:not([data-theme="dark"]){--bg:#ffffff;--surface:#ffffff;--sunken:#f4f4f3;--cap:#efeeec;--line:#e1dfdb;--line-strong:#9a958e}}
:root.o-paper-white[data-theme="dark"]{--bg:#141414;--surface:#1c1c1c;--sunken:#101010;--cap:#242424;--line:#2f2f2f;--line-strong:#6d6d6d}
@media (prefers-color-scheme:dark){:root.o-paper-white:not([data-theme="light"]){--bg:#141414;--surface:#1c1c1c;--sunken:#101010;--cap:#242424;--line:#2f2f2f;--line-strong:#6d6d6d}}
:root.o-paper-cool[data-theme="light"]{--bg:oklch(0.975 0.006 240);--surface:oklch(0.993 0.003 240);--sunken:oklch(0.955 0.008 240);--cap:oklch(0.940 0.010 240);--line:oklch(0.865 0.012 240);--ink:oklch(0.240 0.018 250);--ink-2:oklch(0.460 0.016 250)}
@media (prefers-color-scheme:light){:root.o-paper-cool:not([data-theme="dark"]){--bg:oklch(0.975 0.006 240);--surface:oklch(0.993 0.003 240);--sunken:oklch(0.955 0.008 240);--cap:oklch(0.940 0.010 240);--line:oklch(0.865 0.012 240);--ink:oklch(0.240 0.018 250);--ink-2:oklch(0.460 0.016 250)}}
:root.o-paper-cool[data-theme="dark"]{--bg:oklch(0.195 0.012 250);--surface:oklch(0.228 0.012 250);--sunken:oklch(0.170 0.010 250);--cap:oklch(0.268 0.012 250);--line:oklch(0.335 0.012 250)}
@media (prefers-color-scheme:dark){:root.o-paper-cool:not([data-theme="light"]){--bg:oklch(0.195 0.012 250);--surface:oklch(0.228 0.012 250);--sunken:oklch(0.170 0.010 250);--cap:oklch(0.268 0.012 250);--line:oklch(0.335 0.012 250)}}

/* ---- the frame --------------------------------------------------------------- */
.p-wrap,.p-head-in,.p-foot-in,.p-foot-base,.p-entry,.p-narrow{--gutter:clamp(16px,4vw,32px)}
.preview-bar{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 12px;background:var(--warn-soft);color:var(--warn-ink);
  font:var(--ui-small);border-bottom:1px solid var(--warn-line)}
.preview-bar a{color:inherit;font-weight:600}

.p-head{border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink);position:relative;z-index:20}
.p-head-in{max-width:1120px;margin:0 auto;padding:0 var(--gutter);min-height:72px;display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap}
.p-site{font:inherit;margin:0;min-width:0;max-width:100%}
.p-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;padding:12px 0;min-width:0}
.p-brand:hover{color:var(--ink)}
.p-brand-t{display:grid;min-width:0}
.p-name{font:480 26px/1 var(--font-display);letter-spacing:-.01em}
.p-tag{font:var(--ui-small);font-size:12px;color:var(--ink-2);margin-top:4px}
.o-show_tagline-0 .p-tag{display:none}
.p-logo{display:block;height:44px;width:auto;max-width:180px;object-fit:contain}
.p-nav{flex:1;min-width:0}
.p-nav-gap{flex:1}
.p-menu,.p-menu .sub{list-style:none;margin:0;padding:0}
.p-menu{display:flex;flex-wrap:wrap;gap:4px}
.p-menu>li{position:relative}
.p-menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font:500 15px/1.2 var(--font-ui);color:var(--ink-2);text-decoration:none;
  text-underline-offset:.5em;text-decoration-thickness:2px}
.p-menu a:hover{color:var(--ink)}
.p-menu a[aria-current]{color:var(--ink);text-decoration:underline}
.p-menu a[aria-current="true"]{text-decoration-color:var(--line-strong)}
.p-menu .has-sub>a::after{content:"";width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.p-menu .sub{position:absolute;left:0;top:100%;min-width:220px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);
  box-shadow:var(--shadow-2);display:none;z-index:30}
.p-menu .sub a{display:flex;width:100%;min-height:40px;border-radius:var(--r-1);text-decoration:none}
.p-menu .sub a:hover,.p-menu .sub a[aria-current]{background:var(--sunken);color:var(--ink)}
.p-menu>li:hover>.sub,.p-menu>li:focus-within>.sub{display:block}
.p-tools{display:flex;align-items:center;gap:4px;margin-left:auto}
.p-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-2);color:var(--ink);border:0;background:none;cursor:pointer;padding:0}
.p-icon:hover{background:var(--sunken);color:var(--ink)}

.p-main{flex:1;width:100%}
.paper{overflow-x:clip}

/* phones: the menu folds behind a button (without JavaScript it simply stays open, below) */
@media (max-width:760px){
  .p-head-in{min-height:60px;gap:0 8px}
  .p-name{font-size:22px}
  .p-tag{display:none}
  .p-logo{height:36px}
  .p-nav{order:3;flex-basis:100%;padding-bottom:8px}
  .js .p-nav{display:none}
  .js .p-head.is-open .p-nav{display:block;border-top:1px solid var(--line);padding:8px 0 12px}
  .p-menu{flex-direction:column;gap:0}
  .p-menu a{display:flex;min-height:48px;font-size:17px;padding:0 4px;color:var(--ink)}
  .p-menu a[aria-current]{text-decoration:none;color:var(--accent-text);font-weight:600}
  .p-menu .has-sub>a::after{display:none}
  .p-menu .sub{position:static;display:block;box-shadow:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 4px 12px;margin-left:4px;background:none;min-width:0}
  .p-menu .sub a{min-height:44px;font-size:16px;color:var(--ink-2)}
}
@media (min-width:761px){.p-menu-btn{display:none!important}}

/* ---- shared pieces ---------------------------------------------------------------- */
.p-wrap{max-width:1120px;margin:0 auto;padding:40px var(--gutter) 56px}
.p-narrow{max-width:calc(var(--content-w) + 2 * var(--gutter));margin:0 auto;padding:48px var(--gutter) 64px}
.p-meta{font:var(--p-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin:0 0 14px}
.p-meta a{color:inherit;text-decoration:none}
.p-meta a:hover{text-decoration:underline}
.p-meta-plain{color:var(--ink-2);display:flex;gap:6px;align-items:center;margin-bottom:10px}
.p-meta-soft{color:var(--ink-2)}
/* 2026-10-13 (owner): "the post meta boxed, with icons". One bordered strip; every fact is an icon and its words; it wraps on a phone. */
.p-metabar{list-style:none;margin:0 0 22px;padding:10px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border:1px solid var(--line);border-radius:var(--r-2);
  background:var(--surface);color:var(--ink-2);font:var(--ui-small)}
.p-mi{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%}
.p-mi-ic{flex:none;color:var(--accent-text)}
.p-mi-t{min-width:0;overflow-wrap:anywhere}
.p-mi-t strong{color:var(--ink);font-weight:600}
.p-metabar a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong)}
.p-metabar a:hover{color:var(--accent-text);border-bottom-color:var(--accent)}
.p-metabar.is-compact{margin:0;padding:6px 10px;gap:4px 12px;font-size:13px;width:fit-content;max-width:100%}
.p-card-t .p-metabar.is-compact{margin:0 0 12px}
.p-grid .p-metabar.is-compact,.p-row .p-metabar.is-compact{background:none}
.p-lead .p-metabar.is-compact{font:var(--ui-small)}
.p-entry-head .p-metabar{margin-top:6px}
@media (max-width:560px){.p-metabar{padding:10px 12px;gap:6px 14px}}
.p-title{font:var(--p-title);letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance}
.p-title-sm{font:var(--p-h2);margin-bottom:20px}
.p-lead-p{font:var(--p-lead);color:var(--ink-2);margin:0 0 24px;text-wrap:pretty}
.p-section-h{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 20px}
.p-section-h h2,.p-section-h .p-section-k,.p-section-k{font:var(--p-meta);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;color:var(--ink)}
.p-count{font:var(--ui-small);color:var(--ink-2)}
.p-empty{font:var(--p-lead);color:var(--ink-2);padding:40px 0}
.p-btn{display:inline-grid;place-items:center;height:52px;min-width:52px;padding:0 20px;border:0;border-radius:var(--r-2);background:var(--accent);color:var(--on-accent);
  font:600 16px/1 var(--font-ui);cursor:pointer}
.p-btn:hover{background:var(--accent-hover)}
.p-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);
  text-decoration:none;font:500 14px/1 var(--font-ui)}
.p-pill:hover{border-color:var(--accent);color:var(--accent-text)}
.p-pill .ic{color:var(--ink-2)}

/* breadcrumbs */
.crumbs{margin:0 0 20px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 0;font:var(--ui-small);color:var(--ink-2)}
.crumbs li{display:inline-flex;align-items:center;min-width:0}
.crumbs li+li::before{content:"›";margin:0 8px;color:var(--ink-3)}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs [aria-current]{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}

/* ---- home: a lead story, a grid, or a list ------------------------------------------------ */
.p-welcome{max-width:var(--content-w);margin:40px auto;display:grid;gap:8px}
.p-lead{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px 40px;align-items:end;padding-bottom:40px;border-bottom:1px solid var(--line)}
.p-lead:not(.has-pic){grid-template-columns:1fr;max-width:860px}
.p-lead .p-card-pic img{aspect-ratio:4/3}
.p-lead-h{font:var(--p-title);letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance}
.p-lead-h a{color:var(--ink);text-decoration:none}
.p-lead-h a:hover{color:var(--accent-text)}
.p-lead .p-card-s{font:var(--p-lead);color:var(--ink-2);margin:0 0 16px}
.p-lead .p-card-d{font:var(--p-small)}
.p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:32px 40px}
.p-card{display:grid;gap:8px;align-content:start;min-width:0}
.p-grid .p-card{padding-top:16px;border-top:1px solid var(--line)}
.p-card-pic{display:block;border-radius:var(--r-1);overflow:hidden;background:var(--ph)}
.p-card-pic img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform var(--dur-3) var(--ease-out)}
.p-card-pic:hover img{transform:scale(1.02)}
.p-grid .p-card-pic{margin-bottom:6px}
.p-grid .p-meta{color:var(--ink-2);margin:0}
.p-card-h{font:var(--p-h3);margin:0;text-wrap:balance}
.p-card-h a{color:var(--ink);text-decoration:none}
.p-card-h a:hover{color:var(--accent-text)}
.p-card-s{font:var(--p-body);font-size:17px;color:var(--ink-2);margin:0;text-wrap:pretty}
.p-card-d{font:var(--ui-small);color:var(--ink-2)}
.o-home_layout-grid .p-section-h{margin-top:0}

/* lists: a category, a tag, the home page as a list */
.p-list-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px 40px;align-items:end;padding-bottom:28px;border-bottom:2px solid var(--ink);margin-bottom:8px}
.p-list-head .p-title{margin:0}
.p-list-desc{font:var(--p-body);color:var(--ink-2);text-wrap:pretty}
.p-count-line{white-space:nowrap}
.p-feed-link{display:inline-grid;place-items:center;width:32px;height:32px;vertical-align:middle;color:var(--ink-2);border-radius:var(--r-2)}
.p-feed-link:hover{background:var(--sunken);color:var(--accent-text)}
.p-row{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}
.p-row.has-pic{grid-template-columns:minmax(0,200px) minmax(0,1fr)}
.p-row-pic{display:block;border-radius:var(--r-1);overflow:hidden;background:var(--ph)}
.p-row-pic img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.p-row-t{display:grid;gap:8px;min-width:0}
.p-row-d{font:var(--ui-small);color:var(--ink-2)}
.p-row-d a{color:inherit}
.p-row-h{font:var(--p-h3);text-wrap:balance}
.p-row-h a{color:var(--ink);text-decoration:none}
.p-row-h a:hover{color:var(--accent-text)}
.p-row-s{font:var(--p-body);font-size:17px;color:var(--ink-2);text-wrap:pretty}
@media (max-width:560px){.p-row.has-pic{grid-template-columns:minmax(0,1fr) 96px;gap:14px}.p-row.has-pic .p-row-pic{order:2}.p-row-s{display:none}}

/* the sidebar, beside lists, when the owner switched it on */
.p-with-side{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}
.p-col{min-width:0}
.p-side{display:grid;gap:28px;position:sticky;top:24px}
.p-side-h{font:var(--p-meta);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.p-side-list{list-style:none;margin:0;padding:0;display:grid}
.p-side-list li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line)}
.p-side-list a{color:var(--ink);text-decoration:none;font:500 15px/1.35 var(--font-ui)}
.p-side-list a:hover{color:var(--accent-text)}
.p-side .p-search .p-btn{height:44px;min-width:44px;padding:0}
.p-side .p-search-box{height:44px}
@media (max-width:900px){.p-with-side{grid-template-columns:1fr}.p-side{position:static;border-top:2px solid var(--ink);padding-top:24px}}

/* the pager */
.p-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:40px;font:600 15px/1 var(--font-ui)}
.p-pg-n,.p-pg-step{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 12px;border-radius:var(--r-2);
  color:var(--ink);text-decoration:none;border:1px solid var(--line)}
a.p-pg-n:hover,.p-pg-step:hover{border-color:var(--ink);color:var(--ink)}
.p-pg-n[aria-current]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.p-pg-gap{display:inline-grid;place-items:center;min-width:24px;color:var(--ink-2)}

/* ---- one post, one page ----------------------------------------------------------------- */
.p-entry{max-width:1120px;margin:0 auto;padding:40px var(--gutter) 56px}
.p-entry-head{max-width:var(--content-w);margin:0 auto 32px}
.p-byline{font:var(--p-small);color:var(--ink-2)}
.p-byline strong{color:var(--ink);font-weight:600}
.p-entry .prose{max-width:var(--content-w);margin:0 auto}
.p-entry-foot{max-width:var(--content-w);margin:40px auto 0;display:grid;gap:32px}
.p-tags{display:flex;gap:8px;flex-wrap:wrap}
.p-around{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.p-around-a{display:grid;gap:4px;align-content:start;color:var(--ink);text-decoration:none}
.p-around-a:hover .p-around-t{color:var(--accent-text)}
.p-around-next{text-align:right}
.p-around-k{display:flex;gap:4px;align-items:center;font:var(--ui-small);color:var(--ink-2)}
.p-around-next .p-around-k{justify-content:flex-end}
.p-around-t{font:600 18px/1.3 var(--font-display)}
@media (max-width:560px){.p-around{grid-template-columns:1fr}.p-around-next{text-align:left}.p-around-next .p-around-k{justify-content:flex-start}}
.p-page .p-entry-head{margin-bottom:28px}
.p-children{max-width:var(--content-w);margin:48px auto 0}
.p-children ul,.p-perhaps{list-style:none;margin:0;padding:0}
.p-children li,.p-perhaps li{border-top:1px solid var(--line)}
.p-children li:last-child,.p-perhaps li:last-child{border-bottom:1px solid var(--line)}
.p-children a,.p-perhaps a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;font:var(--p-h4);color:var(--ink);text-decoration:none}
.p-children a:hover,.p-perhaps a:hover{color:var(--accent-text)}

/* the reading column: what the blocks do not style themselves */
.prose{font:var(--p-body);color:var(--ink)}
.prose>*{margin:0 0 1.2em}
.prose>:last-child{margin-bottom:0}
.prose p{text-wrap:pretty}
.prose h2{font:var(--p-h2);margin-top:1.6em;margin-bottom:.6em}
.prose h3{font:var(--p-h3);margin-top:1.4em;margin-bottom:.5em}
.prose h4{font:var(--p-h4);margin-top:1.2em;margin-bottom:.4em}
/* 2026-10-13 (owner): headings go to level 6. The two new ones stay small: h5 as a bold line of body size, h6 as a small-caps label */
.prose h5{font:var(--p-h4);font-size:1rem;font-weight:700;margin-top:1.1em;margin-bottom:.35em}
.prose h6{font:var(--p-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:1.1em;margin-bottom:.35em}
.prose a{color:var(--accent-text)}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.3em}
.prose blockquote{font:var(--p-quote);border-left:2px solid var(--ink);padding-left:20px;margin-left:0;margin-right:0}
.prose blockquote p{margin:0}
.prose cite{display:block;font:var(--ui-small);font-style:normal;color:var(--ink-2);margin-top:8px}
.prose hr{border:0;border-top:1px solid var(--line-strong);margin:2em auto;width:40%}
.prose mark{background:var(--highlight);color:var(--ink)}
.prose code{font:var(--p-code);font-size:.85em;background:var(--code-bg);padding:.1em .3em;border-radius:var(--r-1)}
.prose pre code{background:none;padding:0;font-size:inherit}

/* ---- search, and "not found" --------------------------------------------------------------- */
.p-search{display:flex;gap:8px;margin-bottom:12px}
.p-search-box{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface);color:var(--ink-2)}
.p-search-box:focus-within{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.p-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:var(--ink);font:400 19px/1 var(--font-text);padding:0}
.p-search input::-webkit-search-cancel-button{cursor:pointer}
.p-search.is-big .p-search-box{height:56px;border:1.5px solid var(--ink)}
.p-search.is-big input{font-size:22px}
.p-search.is-big .p-btn{height:56px}
.p-found{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:8px 0 24px}
.p-found-n{font:var(--p-small);color:var(--ink-2)}
.p-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.p-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-pill);
  color:var(--ink);text-decoration:none;font:500 14px/1 var(--font-ui)}
.p-chip span{opacity:.75}
.p-chip:hover{border-color:var(--ink);color:var(--ink)}
.p-chip[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.p-results{list-style:none;margin:0;padding:0}
.p-results li{padding:20px 0;border-top:1px solid var(--line)}
.p-res-k{display:flex;gap:6px;align-items:center;font:var(--ui-small);color:var(--ink-2);margin-bottom:6px}
.p-res-h{font:var(--p-h3)}
.p-res-h a{color:var(--ink);text-decoration-color:var(--line-strong);text-underline-offset:.15em}
.p-res-h a:hover{color:var(--accent-text)}
.p-res-s{margin-top:6px;font:var(--p-body);font-size:17px;color:var(--ink-2)}
.p-results mark{background:var(--highlight);color:var(--ink);padding:0 .1em;border-radius:2px}
.p-none{padding:24px 0 8px;border-top:1px solid var(--line)}
.p-none-h{font:var(--p-h3);margin-bottom:12px}
.p-tips{margin:0;padding-left:1.2em;font:var(--p-small);color:var(--ink-2);display:grid;gap:6px}
.p-recent{margin-top:40px}
.p-404{padding-top:72px;padding-bottom:88px}
.p-code{font:var(--ui-mono);color:var(--ink-2);margin-bottom:16px}
.p-404 .p-search{margin-bottom:40px}
.p-404 .p-section-k{margin-bottom:8px}

/* ---- coming soon ----------------------------------------------------------------------------- */
.tpl-soon .p-main{display:flex}
.p-soon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:12px;min-height:70vh}
.p-soon-logo{height:72px;width:auto;margin-bottom:8px}
.p-soon-name{font:420 clamp(40px,8vw,80px)/1.02 var(--font-display);letter-spacing:-.02em}
.p-soon-tag{font:var(--p-lead);color:var(--ink-2)}
.p-soon-line{font:var(--p-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-top:12px}

/* ---- the footer ------------------------------------------------------------------------------ */
.p-foot{border-top:2px solid var(--ink);background:var(--bg);color:var(--ink);margin-top:auto}
.p-foot-in{max-width:1120px;margin:0 auto;padding:40px var(--gutter) 28px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.p-foot-name{font:480 24px/1.1 var(--font-display)}
.p-foot-text{margin-top:8px;font:var(--p-small);color:var(--ink-2);max-width:36ch}
.p-foot-h{font:600 15px/1.3 var(--font-ui);margin-bottom:8px}
.p-foot-menu,.p-foot-menu .sub{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.p-foot-menu .sub{padding-left:14px}
.p-foot-menu a{min-height:32px;display:flex;align-items:center;font:500 15px/1.3 var(--font-ui);color:var(--ink);text-decoration:none}
.p-foot-menu a:hover{color:var(--accent-text);text-decoration:underline}
.p-rss{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:var(--ink);text-decoration:none;font:500 15px/1.3 var(--font-ui)}
.p-rss .ic{color:var(--accent-text)}
.p-rss:hover{color:var(--accent-text)}
.p-foot-base{max-width:1120px;margin:0 auto;padding:16px var(--gutter) 28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font:var(--ui-small);color:var(--ink-2);border-top:1px solid var(--line)}
.runs-on{display:inline-flex;align-items:center;gap:6px}
.runs-on .lockup{font-size:13px;color:var(--ink-2)}
.p-foot-bare{justify-content:center;padding:20px;font:var(--ui-small);color:var(--ink-2)}

@media print{.p-head,.p-foot,.p-around,.preview-bar,.crumbs{display:none}.p-entry{padding:0}}

/* A post behind a password */
.p-locked{text-align:center}
.p-lock-ic{color:var(--accent-text,currentColor);margin:0 0 8px}
.p-lock-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.p-lock-form input{min-width:min(280px,100%);padding:10px 12px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit}
.p-lock-form button{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:0;border-radius:6px;background:var(--accent,#1f6f6f);color:var(--on-accent,#fff);font:inherit;cursor:pointer}
.p-lock-err{color:var(--err,#b3261e);margin-top:10px}

/* A post's own links: where else it lives, and the files it points to */
.p-links{max-width:var(--content-w);margin:40px auto 8px}
.p-links .p-section-k{margin:24px 0 12px}
.p-link-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.p-link-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line,#ccc);border-radius:12px;text-decoration:none;color:inherit;
  background:var(--surface,transparent);transition:border-color .15s ease,transform .15s ease,background .15s ease}
.p-link-btn:hover,.p-link-btn:focus-visible{border-color:var(--accent,#1f6f6f);transform:translateY(-1px)}
.p-link-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--sunken,rgba(0,0,0,.05));color:var(--accent-text,currentColor);flex:none}
.p-link-t{display:flex;flex-direction:column;min-width:0;flex:1}
.p-link-t b{font-weight:600;font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.p-link-t small{font-size:13px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-link-go{opacity:.5;flex:none}
.p-link-btn.is-youtube .p-link-ic{color:#e0342a}.p-link-btn.is-spotify .p-link-ic{color:#1db954}.p-link-btn.is-twitch .p-link-ic{color:#9146ff}
.p-link-btn.is-soundcloud .p-link-ic{color:#ff5500}.p-link-btn.is-instagram .p-link-ic{color:#d6249f}.p-link-btn.is-facebook .p-link-ic{color:#1877f2}
.p-link-btn.is-linkedin .p-link-ic{color:#0a66c2}.p-link-btn.is-patreon .p-link-ic{color:#f96854}.p-link-btn.is-vimeo .p-link-ic{color:#1ab7ea}
@media (prefers-reduced-motion:reduce){.p-link-btn{transition:none}.p-link-btn:hover{transform:none}}

/* ==========================================================================
   M6 · comments and the contact form (public side). Owned by the comments
   part (parts/comments.php, parts/comment-form.php, parts/comment-count.php)
   and the "Contact form" block (Block\Render::bForm).
   ========================================================================== */
.nest-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.p-comments{max-width:var(--content-w);margin:48px auto 0;border-top:2px solid var(--ink);padding-top:24px;scroll-margin-top:16px}
.p-comments-h{display:flex;align-items:center;gap:10px;font:var(--p-h3);margin-bottom:16px}
.p-comments-h .ic{color:var(--accent-text)}
.p-cm-list,.p-cm-replies{list-style:none;margin:0;padding:0}
.p-cm-list>.p-cm{border-bottom:1px solid var(--line);padding:20px 0}
.p-cm-list>.p-cm:first-child{padding-top:8px}
.p-cm{scroll-margin-top:24px}
.p-cm-replies{margin:18px 0 0 20px;padding-left:36px;border-left:2px solid var(--line);display:grid;gap:18px}
.p-cm-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;border-radius:var(--r-2);transition:background var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}
.p-cm:target>.p-cm-item{background:var(--accent-soft);box-shadow:0 0 0 10px var(--accent-soft)}
.p-av{--av:oklch(0.55 0.09 195);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:600 14px/1 var(--font-ui);letter-spacing:.03em;
  background:color-mix(in oklch,var(--av) 22%,var(--surface));color:color-mix(in oklch,var(--av) 75%,var(--ink));border:1px solid color-mix(in oklch,var(--av) 30%,var(--line))}
.p-av-1{--av:oklch(0.58 0.12 30)}.p-av-2{--av:oklch(0.60 0.11 75)}.p-av-3{--av:oklch(0.56 0.10 145)}.p-av-4{--av:oklch(0.55 0.10 250)}
.p-av-5{--av:oklch(0.55 0.11 300)}.p-av-6{--av:oklch(0.57 0.11 350)}.p-av-7{--av:oklch(0.52 0.03 70)}
.p-cm-body{min-width:0}
.p-cm-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.p-cm-name{font:600 16px/1.35 var(--font-ui);color:var(--ink)}
.p-cm-name a{color:inherit;text-decoration-color:var(--line-strong)}
.p-cm-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text);font:var(--ui-micro)}
.p-cm-when{font:var(--ui-small);color:var(--ink-2);text-decoration:none}
.p-cm-when:hover{color:var(--ink);text-decoration:underline}
.p-cm-text{font:400 17px/1.62 var(--font-text);color:var(--ink);margin-top:6px;overflow-wrap:anywhere}
.p-cm-text p+p{margin-top:.75em}
.p-cm-text a{color:var(--accent-text)}
.p-cm-held{display:flex;gap:8px;align-items:center;margin-top:8px;padding:6px 10px;border-radius:var(--r-2);background:var(--warn-soft);color:var(--warn-ink);
  border:1px solid var(--warn-line);font:var(--ui-small);width:fit-content;max-width:100%}
.p-cm-item.is-held .p-cm-text{color:var(--ink-2)}
.p-cm-actions{margin-top:6px}
.p-cm-reply{display:inline-flex;align-items:center;gap:6px;min-height:36px;font:600 14px/1 var(--font-ui);color:var(--accent-text);text-decoration:none}
.p-cm-reply:hover{color:var(--ink)}
.p-cm-none,.p-cm-closed{display:flex;gap:8px;align-items:center;color:var(--ink-2);font:var(--p-small);margin:12px 0 0}
.p-cm-pages{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.p-cm-pos{font:var(--ui-small);color:var(--ink-2)}
.p-respond{margin-top:32px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);scroll-margin-top:16px}
.p-cm .p-respond{margin:16px 0 0}
.p-respond-h{font:450 24px/1.2 var(--font-display);margin-bottom:14px}
.p-replying{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:var(--ui-small);color:var(--ink-2);margin-bottom:12px}
.p-replying[hidden]{display:none}
.p-cm-err,.b-form-err{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-2);background:var(--err-soft);color:var(--err-ink);
  border:1px solid var(--err-line);font:var(--ui-body);margin:0 0 14px}
.p-cm-form,.b-form-f{display:grid;gap:14px}
.p-field,.b-form-field{display:grid;gap:6px;min-width:0;margin:0}
.p-field-l,.b-form-l{font:var(--ui-label);color:var(--ink)}
.p-field-soft{font-weight:400;color:var(--ink-2)}
.p-field input,.p-field textarea,.b-form-field input,.b-form-field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-2);
  background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--font-ui)}
.p-field textarea,.b-form-field textarea{min-height:128px;resize:vertical;font:400 17px/1.55 var(--font-text)}
.p-field input:focus,.p-field textarea:focus,.b-form-field input:focus,.b-form-field textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:transparent}
.p-cm-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.p-cm-send,.b-form-send{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.p-cm-send .p-btn,.b-form-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border:0;border-radius:var(--r-2);background:var(--accent);color:var(--on-accent);
  font:600 16px/1 var(--font-ui);cursor:pointer}
.b-form-btn:hover{background:var(--accent-hover)}
.p-cm-note,.p-cm-plain,.p-cm-as,.b-form-note{font:var(--ui-small);color:var(--ink-2);margin:0}
.p-cm-as{display:flex;gap:6px;align-items:center}
.p-cm-count{display:inline-flex;align-items:center;gap:4px;font:var(--ui-small);color:var(--ink-2);text-decoration:none;vertical-align:middle}
.p-cm-count:hover{color:var(--accent-text)}

/* the "Contact form" block */
.prose>.b-form{margin-top:1.6em;margin-bottom:1.6em}
.b-form{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);font:var(--ui-body);scroll-margin-top:16px}
.b-form-h,.prose .b-form-h{font:450 26px/1.2 var(--font-display);margin:0 0 6px}
.prose .b-form p{margin:0}
.prose .b-form .b-form-intro{margin:0 0 16px}
.prose .b-form .b-form-again{margin:12px 0 0}
.prose .b-form .b-form-err{margin:0 0 14px}
.b-form-intro{color:var(--ink-2);margin:0 0 16px}
.b-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.b-form-row.is-one{grid-template-columns:1fr}
.b-form-opt{font:var(--ui-small);color:var(--ink-2);font-weight:400}
.b-form-ok{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-2);background:var(--ok-soft);color:var(--ok-ink);border:1px solid var(--ok-line);margin:0}
.b-form-ok p{margin:0}
.b-form-again{margin:12px 0 0;font:var(--ui-small)}
@media (max-width:700px){
  .p-cm-fields,.b-form-row{grid-template-columns:1fr}
  .p-cm-replies{margin-left:8px;padding-left:14px}
  .p-cm-item{grid-template-columns:32px minmax(0,1fr);gap:12px}
  .p-av{width:32px;height:32px;font-size:12px}
  .p-respond,.b-form{padding:16px}
}
@media print{.p-respond,.b-form,.p-cm-actions{display:none}}

/* ==========================================================================
   M7 · the newsletter (public side). Owned by the newsletter part: the signup
   form (Newsletter\Web::form, drawn by the block, the footer box and the
   /newsletter page), and the confirm, manage and unsubscribe pages.
   ========================================================================== */
.p-nl{scroll-margin-top:16px}
.prose>.b-newsletter{margin:1.6em 0}
.b-newsletter .p-nl,.p-nl-page .p-nl{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);font:var(--ui-body)}
.p-nl-h,.prose .p-nl-h{font:450 26px/1.2 var(--font-display);margin:0 0 6px}
.p-nl-text,.prose .p-nl-text{color:var(--ink-2);margin:0 0 16px}
.p-nl-form{display:grid;gap:14px}
.prose .p-nl-form p,.prose .p-nl p{margin:0}
.p-nl-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}
.p-nl-choice{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.p-nl-choice legend{padding:0;margin:0 0 6px;float:left;width:100%}
.p-nl-radio,.p-nl-check{display:inline-flex;align-items:center;gap:8px;font:var(--ui-body);cursor:pointer}
.p-nl-radio input,.p-nl-check input{width:18px;height:18px;margin:0;accent-color:var(--accent)}
.p-nl-send{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.p-nl-send .p-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border:0;border-radius:var(--r-2);background:var(--accent);color:var(--on-accent);font:600 16px/1 var(--font-ui);cursor:pointer;text-decoration:none}
.p-nl-send .p-btn:hover{background:var(--accent-hover)}
.p-nl-note,.prose .p-nl-note{font:var(--ui-small);color:var(--ink-2);margin:0}
.p-nl-ok{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-2);background:var(--ok-soft);color:var(--ok-ink);border:1px solid var(--ok-line);margin:0 0 14px}
.p-nl-ok p,.prose .p-nl-ok p{margin:0}
.p-nl-err,.prose .p-nl-err{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-2);background:var(--err-soft);color:var(--err-ink);border:1px solid var(--err-line);font:var(--ui-body);margin:0 0 14px}
.p-nl-acts,.prose .p-nl-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 0}
.p-nl-acts .p-btn{display:inline-flex;align-items:center;height:48px;padding:0 20px;text-decoration:none}
.p-nl-how,.prose .p-nl-how{display:flex;gap:8px;align-items:center;color:var(--ink-2);font:var(--p-small);margin:16px 0 0}
/* the footer box: one line, a compact form */
.p-foot-nl .p-nl{display:grid;gap:8px;max-width:420px}
.p-foot-nl .p-nl-h{font:600 15px/1.3 var(--font-ui);margin:0}
.p-foot-nl .p-nl-text{font:var(--p-small);margin:0}
.p-foot-nl .p-nl-row{grid-template-columns:1fr}
.p-foot-nl .p-nl-form{gap:10px}
.p-foot-nl .p-field input{min-height:40px;padding:6px 10px;font:400 15px/1.4 var(--font-ui)}
.p-foot-nl .p-nl-send .p-btn{height:40px;padding:0 14px;font-size:15px}
.p-foot-nl .p-nl-choice{gap:6px 14px}
.p-foot-nl .p-nl-radio{font:var(--ui-small)}
@media (max-width:700px){.p-nl-row{grid-template-columns:1fr}.b-newsletter .p-nl,.p-nl-page .p-nl{padding:16px}}
@media print{.p-nl,.p-foot-nl{display:none}}
/* 0.1.1 · a feed opened in a browser */
.p-feed-box{margin:28px 0 36px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-3,12px);background:var(--sunken)}
.p-feed-box p{margin:0 0 12px;color:var(--ink-2)}
.p-feed-h{font:var(--p-h3,600 20px/1.3 inherit);margin:0 0 10px}
.p-feed-label{display:block;font-weight:600;margin:4px 0 6px}
.p-feed-url{width:100%;box-sizing:border-box;padding:10px 12px;font:15px/1.4 var(--font-mono,ui-monospace,monospace);border:1px solid var(--line-strong,var(--line));border-radius:var(--r-2,8px);background:transparent;color:var(--ink)}
.p-feed-readers{margin-top:12px!important;font-size:.95em}

/* Members-only posts: the "log in" page, the mark in lists, and a post's Details list (custom fields) */
.p-members-mark{display:inline-flex;align-items:center;gap:4px;font:var(--ui-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.p-members-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:6px;background:var(--accent,#1f6f6f);color:var(--on-accent,#fff);text-decoration:none;font:inherit}
.p-members-btn:hover{filter:brightness(1.08)}
.p-members-note{margin-top:14px;font:var(--ui-small);color:var(--ink-2)}
.p-details{max-width:var(--content-w);margin:40px auto 8px}
.p-details-list{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 24px}
.p-detail{padding:10px 0;border-top:1px solid var(--line);min-width:0}
.p-detail dt{font:var(--ui-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 2px}
.p-detail dd{margin:0;font:var(--ui-small);color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}

/* ---- the owner's own kinds of content (src/Kinds.php) --------------------------------------
   The list at /<word>: a bar to sort and filter, cards with a few facts. The item: its picture and fact box above the text. */
.p-kbar{margin:20px 0 28px;padding:16px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);display:grid;gap:14px}
.p-kf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px 16px;align-items:end}
.p-kf{display:grid;gap:4px;min-width:0}
.p-kf label,.p-kf-l{font:var(--ui-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.p-kf input,.p-kf select{width:100%;min-width:0;height:44px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--bg);color:var(--ink);font:400 16px/1 var(--font-ui)}
.p-kf input:focus,.p-kf select:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.p-kf-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center;color:var(--ink-2)}
.p-kf-pair{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.p-kf-pair select:last-child{width:auto}
.p-kf-sort{grid-column:span 2}
@media (max-width:480px){.p-kf-sort{grid-column:auto}}
.p-kbar-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.p-btn-sm{height:40px;min-width:0;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--font-ui);cursor:pointer}
.p-kclear{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--ink-2);text-decoration:none;font:500 15px/1 var(--font-ui)}
.p-kclear:hover{color:var(--accent-text)}
.p-kgrid{margin-top:8px}
.p-kmini{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 14px;font:var(--ui-small);color:var(--ink-2)}
.p-kmini-k{text-transform:uppercase;letter-spacing:.05em;font:var(--ui-micro)}
.p-kmini-v{color:var(--ink);font-weight:600}
.p-kmini-yes{display:inline-flex;gap:4px;align-items:center;color:var(--ok-ink,var(--accent-text))}
.p-empty{padding:32px 0;color:var(--ink-2)}
.p-kind-top{max-width:var(--content-w);margin:0 auto 32px;display:grid;gap:24px}
.p-kind-top.has-pic{max-width:960px;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start}
.p-kind-pic{margin:0;border-radius:var(--r-1);overflow:hidden;background:var(--ph)}
.p-kind-pic img{display:block;width:100%;height:auto}
@media (max-width:700px){.p-kind-top.has-pic{grid-template-columns:minmax(0,1fr)}}
.p-facts{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);padding:16px 18px;min-width:0}
.p-facts .p-section-k{margin:0 0 6px}
.p-facts-list{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 24px}
.p-fact{padding:10px 0;border-top:1px solid var(--line);min-width:0}
.p-fact dt{font:var(--ui-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 2px}
.p-fact dd{margin:0;font:600 17px/1.35 var(--font-ui);overflow-wrap:anywhere}
.p-fact dd a{color:var(--accent-text);font-weight:600;display:inline-flex;gap:6px;align-items:center}
.p-fact-longtext,.p-fact-picture{grid-column:1/-1}
.p-fact-longtext dd{font-weight:400}
.p-fact-img{display:block;max-width:100%;border-radius:var(--r-1)}
.p-yn{display:inline-flex;gap:6px;align-items:center}
.p-yn.is-yes{color:var(--ok-ink,var(--accent-text))}
.p-yn.is-no{color:var(--ink-2);font-weight:500}

/* The owner's choices (Themes · Customize) */
:root{--font-display:"Nest Display","Newsreader",Georgia,"Times New Roman",serif;--font-text:"Nest Text","Literata",Georgia,serif}