/* Frequently Updated post type — shared styles (loaded only on posts of
   the type, via _layouts/blog-post.html). One definition for every post
   of the type; per-post files never restyle these components.
   Variables are the blog layout's own tokens — do not invent new ones. */

/* Type banner (template-level, sits under the fixed nav). The negative
   bottom margin cancels the nav-height portion of .page-hd's top
   padding, so the header lands exactly one banner-height lower than on
   ordinary posts — the banner pushes content by its own height only. */
.fu-banner{margin-top:var(--nav-h);margin-bottom:calc(-1 * var(--nav-h));border-bottom:1px solid var(--line);background:var(--bg2)}
.fu-banner-in{width:min(1200px,92vw);margin:0 auto;padding:.65rem 0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}
.fu-type{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#180a00;background:var(--grad);border-radius:999px;padding:.28rem .6rem;white-space:nowrap}
.fu-freq{font-size:.86rem;color:var(--mut)}
.fu-freq strong{color:var(--txt)}

/* Notify actions (banner + in-article placements share these) */
.fu-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.fu-btn{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:.5rem .85rem;cursor:pointer;text-decoration:none;border:1px solid var(--line);color:var(--txt);background:transparent;line-height:1}
.fu-btn.fu-notify{border-color:rgba(255,176,58,.5);color:var(--amber)}
.fu-btn.fu-notify:hover{background:var(--grad);color:#180a00;border-color:transparent}
.fu-btn.fu-telegram:hover{border-color:var(--line-hot);color:var(--amber)}
.fu-btn[disabled]{opacity:.55;cursor:default}
.fu-status{font-size:.8rem;color:var(--mut);flex-basis:100%}
.callout .fu-actions{margin-top:.4rem}

/* Running list */
.watch-list .wl-checked{color:var(--mut);font-size:.94rem}
.watch-list h3 .wl-range{color:var(--mut);font-weight:400;font-size:.85em}
.watch-list .wl-where{color:var(--mut)}
.watch-list .wl-note{font-size:.92rem;color:var(--mut);border-left:2px solid var(--line);padding-left:.8rem}
.watch-list .wl-meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.03em;color:var(--mut);margin:.4rem 0 1.6rem}