/* css/pages/2026-10-23_page-guides.css
   "At a glance" summaries and "On this page" jump links for the long pages
   (About, Priorities, News), plus the Join form on the Trump Brief page.
   Loaded after 2026-09-03_rebuild.css on the pages that use it. */

/* ---------- At a glance ---------- */
.page-glance{background:var(--parchment);padding:clamp(22px,3.4vw,40px) 0;border-bottom:1px solid var(--line)}
.page-glance .glance-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:4px;padding:clamp(18px,2.6vw,28px)}
.page-glance .glance-title{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(1.3rem,2.2vw,1.6rem);line-height:1.25;color:var(--ink);margin:0 0 .85rem}
.glance-list{list-style:none;margin:0;padding:0}
.glance-list li{position:relative;padding-left:1.25rem;margin:0 0 .6rem;font-size:1.02rem;line-height:1.55;color:var(--ink)}
.glance-list li:last-child{margin-bottom:0}
.glance-list li::before{content:"";position:absolute;left:0;top:.62em;width:.5rem;height:.5rem;background:var(--gold);transform:rotate(45deg)}
.glance-list a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.glance-tag{display:inline-block;margin-left:.35rem;padding:.05rem .45rem;border:1px solid var(--gold);border-radius:3px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-text);white-space:nowrap;vertical-align:.1em}

/* Priorities: three groups side by side on wide screens. */
.glance-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px)}
.glance-group h3{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.12rem;line-height:1.3;margin:0 0 .65rem}
.glance-group h3 a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.glance-group .glance-list li{font-size:.97rem}
.glance-note{margin:1rem 0 0;font-size:.88rem;line-height:1.5;color:#34445b}

/* ---------- On this page (jump links) ---------- */
.jump-nav{margin:1.1rem 0 0}
.jump-nav .jump-label{display:block;margin:0 0 .5rem;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text)}
.jump-nav ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.jump-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .95rem;border:1px solid var(--ink);border-radius:999px;color:var(--ink);background:#fff;font-weight:600;font-size:.94rem;line-height:1.3;text-decoration:none}
.jump-nav a:hover{background:rgba(11,37,69,.08)}
.jump-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* Land below the sticky header when a jump link is used. */
#why-story,#about,#why-lead,#father,#library,#elections,#records,#standards,#where-i-stand,
#varner-barn-burner,#announcement,#press,#in-the-news,#share,#join-here{scroll-margin-top:96px}

/* News: short announcement excerpt with a link to the full text. */
.news-events-page .news-release-excerpt .reading-copy{margin:0 0 1rem;max-width:73ch}
.news-events-page .news-read-full{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* ---------- Join form on the Trump Brief page ---------- */
.rebuilt-trump .trump-join-form{max-width:640px;margin:0 auto;text-align:left}
.rebuilt-trump .trump-join-form .campaign-form{margin-top:0}
.rebuilt-trump .trump-join-form .form-more{margin:1.1rem 0 0;border-top:1px solid var(--line);padding-top:.9rem}
.rebuilt-trump .trump-join-form .form-more summary{cursor:pointer;font-weight:700;color:var(--ink);min-height:44px;display:flex;align-items:center}
.rebuilt-trump .trump-join-form .form-more fieldset{margin-top:.6rem}
.rebuilt-trump .trump-join-form button[type=submit]{width:100%}
.rebuilt-trump .trump-join .trump-join-actions.trump-join-donate{margin:1.4rem auto 0}
.rebuilt-trump .trump-join-form .form-more summary{list-style:none;justify-content:space-between;gap:12px}
.rebuilt-trump .trump-join-form .form-more summary::-webkit-details-marker{display:none}
.rebuilt-trump .trump-join-form .form-more summary::after{content:"+";flex:0 0 auto;font-size:1.4rem;line-height:1;color:var(--gold-text)}
.rebuilt-trump .trump-join-form .form-more[open] summary::after{content:"\2212"}

@media(max-width:860px){
  .glance-groups{grid-template-columns:1fr;gap:18px}
}
@media(max-width:600px){
  .page-glance{padding:18px 0}
  .glance-list li{font-size:.98rem}
  .jump-nav a{font-size:.9rem;padding:.4rem .8rem}
  .rebuilt-trump .trump-join-form .campaign-form{padding:20px 16px}
  .rebuilt-trump .trump-join-form .form-grid{grid-template-columns:1fr;gap:14px}
}

/* Priorities: the summary sits inside the page's own section, below the headline. */
.page-glance--inline{background:none;border:0;padding:0;margin:1.2rem 0 1.8rem}

/* Full announcement page. */
.news-events-page .news-announcement-actions{margin:1.6rem 0 0}
.news-events-page .news-back{margin:1.4rem 0 0}
.news-events-page .news-back a{font-weight:700;color:var(--ink);text-underline-offset:4px}
.rebuilt-trump .trump-join .trump-join-actions.trump-join-donate{justify-content:center}

/* Priorities summary (October 24, 2026): the Legislature tag sits at the right edge of its line;
   in the explanatory note below the list, the tag starts flush left with the paragraph. */
.glance-list li.has-tag{display:flex;align-items:flex-start;gap:12px}
.glance-list li.has-tag .glance-text{flex:1 1 auto;min-width:0}
.glance-list li.has-tag .glance-tag{flex:0 0 auto;margin-left:auto;margin-top:.12em}
.glance-note{text-align:left}
.glance-note .glance-tag{margin-left:0}