/* Article pages: per-section theme, reading comfort, drawn dividers, end-of-story block. Loaded after polish.css. */
.cat-wild{--sec:#e0707f;--sec2:#f2a8b1}
.cat-knowledge{--sec:#7aa2ff;--sec2:#bcd0ff}
.cat-onthisday{--sec:#3fd3ae;--sec2:#9be8d3}

/* reading bar takes the section colour; a small quill rides at its tip */
.cat-wild .fs-reading-progress{background:linear-gradient(90deg,#d86a79,#f2a8b1)}
.cat-knowledge .fs-reading-progress{background:linear-gradient(90deg,#5f8cf0,#bcd0ff)}
.cat-onthisday .fs-reading-progress{background:linear-gradient(90deg,#2fbf9b,#9be8d3)}
.fs-reading-quill{position:fixed;z-index:10000;top:2px;left:-13px;width:16px;height:16px;color:var(--sec2,#f1d893);pointer-events:none;opacity:0;transition:opacity .25s;will-change:transform;filter:drop-shadow(0 1px 2px #0009)}
.fs-reading-quill svg{display:block;transform:rotate(-24deg)}

/* header of the story */
.cat-wild .fs-article-badge{color:var(--sec2);background:#d86a7918;border-color:#d86a7945}
.cat-knowledge .fs-article-badge{color:var(--sec2);background:#7aa2ff18;border-color:#7aa2ff45}
.fs-article-tag{margin-left:.45rem;padding:.2rem .5rem;border:1.5px solid currentColor;border-radius:3px;font:800 .58rem/1 var(--font-body,"DM Sans",sans-serif);letter-spacing:.16em}
.cat-wild .fs-article-tag{color:var(--sec);transform:rotate(-2deg)}
.cat-knowledge .fs-article-tag{color:#9bb9ff;border-width:1px;border-radius:0;background:#0a1834aa}
.fs-article-title,.ds-teaser{text-wrap:balance}
.fs-article-hook{font:italic 500 clamp(1.12rem,4.6vw,1.3rem)/1.5 "Cormorant Garamond",Georgia,serif;color:#efe3b8;padding:.1rem 0 .1rem 1rem;border-left:3px solid var(--sec,#e8c97a)}

/* drawn dividers: a pinned thread / a measured line / a dotted timeline */
.cat-wild .fs-article-divider{height:14px;margin:1.8rem 0;border-radius:0;background:radial-gradient(circle,#d23a47 0 4.5px,transparent 5.5px) 50% 50%/14px 14px no-repeat,repeating-linear-gradient(90deg,#d86a79aa 0 7px,transparent 7px 13px) 0 50%/100% 2px no-repeat}
.cat-knowledge .fs-article-divider{height:14px;margin:1.8rem 0;border-radius:0;background:radial-gradient(circle,#0b1a38 0 3.5px,#7aa2ff 4px 5.5px,transparent 6px) 50% 50%/14px 14px no-repeat,linear-gradient(#7aa2ff,#7aa2ff) 0 50%/1px 12px no-repeat,linear-gradient(#7aa2ff,#7aa2ff) 100% 50%/1px 12px no-repeat,linear-gradient(#7aa2ff88,#7aa2ff88) 0 50%/100% 1px no-repeat}
.cat-onthisday .ds-divider{height:14px;margin:1.8rem 0;border-radius:0;background:radial-gradient(circle,#2fbf9b 0 5px,transparent 6px) 50% 50%/14px 14px no-repeat,radial-gradient(circle,#2fbf9baa 0 1.5px,transparent 2px) 0 50%/10px 6px repeat-x}
.ds-year::after{content:"";display:block;width:110px;height:10px;margin-top:.15rem;background:var(--accent,#2fbf9b);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 6'%3E%3Cpath d='M1 3Q4 0 7 3T13 3T19 3T25 3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") left center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 6'%3E%3Cpath d='M1 3Q4 0 7 3T13 3T19 3T25 3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") left center/contain no-repeat}

/* reading comfort */
.fs-article-body,.ds-body{font-size:1.0625rem;line-height:1.82;text-wrap:pretty}
.fs-article-body a,.ds-body a{color:var(--sec2,#e8c97a);text-decoration-thickness:1px;text-underline-offset:3px}
.fs-article-body h3,.ds-body h3{margin-top:2.2rem;color:#f5f0e8}
.fs-article-body h3,.ds-body h3{border-left-color:var(--sec,#e8c97a)}
.cat-wild .fs-article-body>p:first-of-type::first-letter,.cat-wild .fs-article-body .fs-section:first-child>p:first-of-type::first-letter,
.cat-knowledge .fs-article-body>p:first-of-type::first-letter,.cat-knowledge .fs-article-body .fs-section:first-child>p:first-of-type::first-letter,
.cat-onthisday .ds-body>p:first-of-type::first-letter{color:#e8c97a}
.fs-article-image-wrap,.ds-image-wrap{border-radius:14px;overflow:hidden}
@media(max-width:759px){.fs-article-body,.ds-body{font-size:1.04rem;line-height:1.8}}

/* A quiet invitation to keep exploring, without a completion seal. */
.fs-endmark{margin:2.6rem 0 .6rem;padding:1rem .5rem 1.2rem;text-align:center;border-top:1px dashed color-mix(in srgb,var(--sec,#e8c97a) 45%,transparent)}
.fs-endmark-line{margin:.2rem 0;font:italic 600 1.3rem/1.3 "Cormorant Garamond",Georgia,serif;color:#f5f0e8}
.fs-endmark-surprise{margin-top:.6rem;padding:.62rem 1.15rem;border:1px solid var(--sec,#e8c97a);border-radius:99px;background:transparent;color:var(--sec,#e8c97a);font:700 .8rem/1 var(--font-body,"DM Sans",sans-serif);letter-spacing:.04em;cursor:pointer;transition:background .25s,color .25s,transform .2s}
.fs-endmark-surprise:hover,.fs-endmark-surprise:focus-visible{background:var(--sec,#e8c97a);color:#10241b;outline:none}
.fs-endmark-surprise:active{transform:scale(.97)}
.cat-wild .next-story{border-top-color:var(--sec)}.cat-wild .next-story small{color:var(--sec2)}
.cat-knowledge .next-story{border-top-color:var(--sec)}.cat-knowledge .next-story small{color:var(--sec2)}
.cat-onthisday .next-story{border-top-color:var(--sec)}.cat-onthisday .next-story small{color:var(--sec2)}

@media(prefers-reduced-motion:reduce){
  .fs-reading-quill{transition:none}
}