/*
 * Glensburg Core: brand 4.4 for the practice's own publications.
 *
 * Briefings and Guides carry their house stylesheet inside their own HTML
 * (the Briefing page standard, and the Glensburg Guides system), written for
 * brand 3.x. This file brings them to 4.4 without editing a post: it sets
 * their tokens from the site's (--g-*, with the 4.4 values as fallbacks),
 * draws their marks in summit gold, opens their panels and draws the byline
 * mark as the summit G. Their layout, their serif headlines (the publication
 * standard's choice) and their words are left as they are.
 *
 * Every rule carries two ids' weight (:not(#_):not(#_)), above the posts'
 * own rules wherever those do not use !important; where they do, this file
 * answers in kind.
 */

/* Tokens. --gg-band is the dark band's ground on a band and the solid
   buttons' pointer colour everywhere else (the posts use one token for both). */
.gg-guide:not(#_):not(#_){
  --gg-deep:var(--g-green,#143F25);
  --gg-band:var(--g-green-deep,#0E2A19);
  --gg-bone:var(--g-bone,#F2EDE3);
  --gg-sage:var(--g-bone,#F2EDE3);
  --gg-brass:var(--g-brass-text,#846629);
  --gg-brass-d:var(--g-brass,#CDAF83);
  --gg-ink:var(--g-ink,#181C17);
  --gg-muted:var(--g-muted,#5A6159);
  --gg-on-dark:rgba(242,237,227,.88);
  --gg-line:rgba(20,63,37,.14);
  --gg-line-2:rgba(20,63,37,.28);
  --gg-grid-fine:rgba(242,237,227,.05);
  --gg-grid-major:rgba(242,237,227,.1);
  --gg-head:var(--g-font-head,"Inter","Inter Display Fallback",Arial,sans-serif);
  --gg-text:var(--g-font-text,"Inter","Inter Fallback",Arial,sans-serif);
  --gg-serif:var(--g-font-reading,"Source Serif 4","Source Serif 4 Fallback",Georgia,"Times New Roman",serif);
  --gb-summit:var(--g-summit,#A47B33);
  --gb-tint:var(--g-tint-5,#F3F5F4);
  --gb-tag:var(--g-tint-10,#E8ECE9);
  --gb-r:var(--g-radius,4px);
  --gb-rc:var(--g-radius-card,2px);
  font-optical-sizing:auto;
}
.gg-guide:not(#_):not(#_) .gg-band{--gg-band:var(--g-green,#143F25)}

/* The byline mark: the summit G tile, the brand's artwork, never a typed letter. */
.gg-guide:not(#_):not(#_) .gg-mark{
  overflow:hidden;
  border-radius:var(--gb-rc);
  background:var(--gg-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50.63 14.84 236.16 236.16'%3E%3Crect x='-50.63' y='14.84' width='236.16' height='236.16' fill='%23143F25'%3E%3C/rect%3E%3Cpath d='M134.70 64.63L113.50 85.11C104.84 80.66 94.94 78.44 83.78 78.44C67.80 78.44 55.66 83.21 47.36 92.75C39.06 102.29 34.91 114.82 34.91 130.34C34.91 146.32 38.83 159.43 46.66 169.67C54.50 179.91 66.17 185.03 81.69 185.03C93.79 185.03 102.95 183.01 109.15 178.98L109.15 148.26L93.93 148.26L93.93 122.89L140.57 122.89L140.57 196.90C125.99 206.83 106.44 211.79 81.92 211.79C56.48 211.79 36.46 203.92 21.88 188.17C7.29 172.42 0.00 153.45 0.00 131.27C0.00 109.08 7.64 90.19 22.92 74.60C38.21 59.00 58.73 51.21 84.48 51.21C105.33 51.21 122.07 55.68 134.70 64.63Z' fill='%23F2EDE3'%3E%3C/path%3E%3Cpath d='M81.36 135.57C81.36 146.68 72.35 155.69 61.24 155.69C50.13 155.69 41.13 146.68 41.13 135.57C41.13 124.46 50.13 115.46 61.24 115.46C72.35 115.46 81.36 124.46 81.36 135.57Z' fill='%23A47B33'%3E%3C/path%3E%3C/svg%3E") center / 100% 100% no-repeat;
  color:transparent;
  font-size:0;
  line-height:0;
}

/* Links in running text: green, underlined in the text brass (the older houses
   drew the underline in the brass for green, faint on white). */
.gg-guide:not(#_):not(#_) a{text-decoration-color:var(--gg-brass)}
.gg-guide:not(#_):not(#_) .gg-band a{text-decoration-color:var(--gg-brass-d)}

/* The standfirst in ink, as the site's lead; the meta row parted by small dots. */
.gg-guide:not(#_):not(#_) .gg-standfirst{color:var(--gg-ink)}
.gg-guide:not(#_):not(#_) .gg-byline-meta span+span{margin-left:0;padding-left:0;border-left:0}
.gg-guide:not(#_):not(#_) .gg-byline-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 10px;border-radius:50%;background:currentColor;vertical-align:.25em;opacity:.7}
@media screen and (max-width:720px){.gg-guide:not(#_):not(#_) .gg-byline-meta span+span::before{display:none}}

/* Buttons: 4 px corners; the outline in 1.5 px green. */
.gg-guide:not(#_):not(#_) .gg-btn{--a-b:1.5px solid var(--gg-deep);border-radius:var(--gb-r)}
.gg-guide:not(#_):not(#_) :is(a.gg-button,.gg-btn-solid){border-radius:var(--gb-r)}
.gg-guide:not(#_):not(#_) a.gg-button:is(:hover,:active,:focus){--a-c:var(--g-bone,#F2EDE3);--a-bg:var(--gg-band)}

/* Panels open, on bone, with 2 px corners: no rule above them. */
.gg-guide:not(#_):not(#_) :is(.gg-glance,.gg-summary,.gg-cta,.gg-citation,.gg-abstract){border-top:0;border-radius:var(--gb-rc)}
.gg-guide:not(#_):not(#_) .gg-glance dl>div{border-bottom:0;padding-bottom:0;margin-bottom:14px}
.gg-guide:not(#_):not(#_) .gg-glance dl>div:last-child{margin-bottom:0}
.gg-guide:not(#_):not(#_) .gg-glance dt{font-family:var(--gg-text);font-weight:400;font-size:14px;line-height:1.45;color:var(--gg-muted)}
.gg-guide:not(#_):not(#_) .gg-glance dd{font-size:15px;line-height:1.45}
.gg-guide.gg-publication:not(#_):not(#_) .gg-glance dt{font-family:var(--gg-text)!important}
.gg-guide:not(#_):not(#_) .gg-glance .gg-glance-label{color:var(--gg-brass)}

/* Notices: the site's notice (a green rule on the quiet tint). */
.gg-guide:not(#_):not(#_) :is(.gg-supersede,.gg-aside-note,.gg-definition,.gg-disclosure,.gg-example,.gg-hierarchy li){border:0;border-left:3px solid var(--gg-deep);border-radius:0 var(--gb-rc) var(--gb-rc) 0;background:var(--gb-tint)}

/* Marks in summit gold: bullets, the active bars, the progress bar, the quotation's rule. */
.gg-guide:not(#_):not(#_) :is(.gg-takeaways li,.gg-bullets>li,.gg-list>li)::before{background:var(--gb-summit)}
.gg-guide:not(#_):not(#_) :is(.gg-jump,.gg-toc) a:is(:hover,.is-active){--a-bl:2px solid var(--gb-summit);border-left-color:var(--gb-summit)}
.gg-guide:not(#_):not(#_) .gg-toc-progress span{background:var(--gb-summit)}
.gg-guide:not(#_):not(#_) .gg-quote{padding-top:6px;border-left:2px solid var(--gb-summit)}
.gg-guide.gg-publication:not(#_):not(#_) blockquote.gg-quote{border-left:2px solid var(--gb-summit)!important}

/* Steps: figures, no squares or circles, no connecting line. Each house names its
   own counter, so only the drawing changes here, never the content. On a green
   band the figures keep the brass for green. */
.gg-guide:not(#_):not(#_) .gg-steps:not(.gg-band .gg-steps)>li::before{top:.15em;width:auto;height:auto;display:block;background:none;color:var(--gg-brass);font-family:var(--gg-head);font-weight:500;font-size:17px;line-height:1.4;font-variant-numeric:tabular-nums}
.gg-guide:not(#_):not(#_) .gg-steps>li::after{content:none;display:none}
.gg-guide:not(#_):not(#_) .gg-olist>li::before{width:auto;height:auto;border:0;border-radius:0;justify-content:flex-start;background:none;color:var(--gg-brass);font-weight:500;font-variant-numeric:tabular-nums}

/* Tags: the phase label as the site's tag. */
.gg-guide:not(#_):not(#_) .gg-phase{background:var(--gb-tag);color:var(--gg-deep);border-radius:var(--gb-rc)}

/* Tables: open, a sentence-case header over one green rule, light row hairlines. */
.gg-guide:not(#_):not(#_) .gg-table thead th{background:none;color:var(--gg-muted);font-family:var(--gg-text);font-weight:400;border-bottom:1px solid var(--gg-deep);vertical-align:bottom}
.gg-guide.gg-publication:not(#_):not(#_) .gg-table thead th{font-family:var(--gg-text)!important}
.gg-guide:not(#_):not(#_) .gg-table :is(td,tbody th){border-bottom-color:#E8EBE9}

/* The FAQ's chevron is an icon: green on white. The houses draw it in --gg-brass
   (a border in one, a masked fill in another), so the token turns green inside
   the question alone. */
.gg-guide:not(#_):not(#_) .gg-faq summary{--gg-brass:var(--g-green,#143F25)}

/* Read next: open blocks; the title's underline shows the link. */
.gg-guide:not(#_):not(#_) .gg-readnext a.gg-card{--a-b:0;--a-bt:0;padding:0;gap:8px;border:0;background:none}
.gg-guide:not(#_):not(#_) .gg-readnext a.gg-card .gg-card-title{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.18em}
.gg-guide:not(#_):not(#_) .gg-readnext a.gg-card:is(:hover,:focus-visible) .gg-card-title{text-decoration-color:var(--gb-summit)}
.gg-guide:not(#_):not(#_) .gg-readnext-grid{gap:32px}