/* Art Gilding Studio page kit (stage 3): shared look of every page rebuilt in blocks, design 03 "Studio".
   Used by: scripts/pagekit.py (generates the markup), the front end of every page whose content contains an ".ag-sec" section
   (inc/pages.php loads this file and adds the body class "ag-kit"), and the block editor (add_editor_style).
   Every section is a full-width band: <section class="wp-block-group ag-sec ag-xxx"> holding <div class="wp-block-group ag-inner">.
   Page specific rules do NOT go here: put them in assets/css/pages/<post_name>.css (loaded automatically for that page only).
   Palette: dark green #23372c, ink #f0ead9, gold #d1b273. */
.ag-sec{--g:#23372c;--g2:#1b2b23;--g3:#2c4234;--ink:#f0ead9;--muted:#cfd2c2;--line:#516044;--gold:#d1b273;--gold2:#e4cf9d;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,sans-serif;
  background:var(--g);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;padding:76px 0;margin:0;border-top:1px solid var(--line)}
.ag-sec:nth-of-type(even){background:var(--g2)}
.ag-sec .ag-inner{width:calc(100% - 112px);max-width:1180px;margin-inline:auto}
.ag-sec .ag-inner>*{margin-block:0}
.ag-sec h1,.ag-sec h2,.ag-sec h3,.ag-sec h4{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.02em;line-height:1.1;margin:0;text-wrap:balance}
/* defaults for the sections of the kit that do not set their own sizes (every specific rule below wins: same specificity, later) */
.ag-sec h2{font-size:clamp(32px,3.4vw,46px)}
.ag-sec h3{font-size:clamp(26px,2.6vw,34px)}
.ag-sec h4{font-size:22px}
.ag-sec h5,.ag-sec h6{font:600 12px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0}
.ag-sec p{margin:0 0 1.1em;color:var(--muted)}
.ag-sec ul,.ag-sec ol{margin:0 0 1.1em;padding-left:1.3em;color:var(--muted)}
.ag-text li,.ag-prose li,.ag-intro li{margin-bottom:.35em}
.ag-sec table{width:100%;border-collapse:collapse;color:var(--muted);font-size:15px}
.ag-sec th,.ag-sec td{padding:10px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.ag-sec th{background:var(--g3);color:var(--ink);font-weight:600}
.ag-sec a{color:var(--gold2);text-decoration:underline;text-decoration-color:#7d825b;text-underline-offset:4px}
.ag-sec a:hover{color:#fff4da}
.ag-sec img{display:block;width:100%;height:auto}
.ag-sec strong{color:var(--ink);font-weight:600}

/* buttons: gold outline, filled on hover */
.ag-sec .wp-block-buttons{margin:26px 0 0}
.ag-sec .wp-block-button__link{display:inline-block;padding:14px 26px;border:1px solid var(--gold);border-radius:0;background:transparent;color:var(--gold2);font:600 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.ag-sec .wp-block-button__link:hover{background:var(--gold);color:var(--g2)}

/* shared two-column rows */
.ag-sec .wp-block-columns{display:flex;flex-wrap:nowrap;gap:64px;align-items:center;margin:0}
.ag-sec .wp-block-column{flex:1 1 0;min-width:0;margin:0}

/* hero (variant "split": title across the top, sub-lines in two columns) */
.ag-hero{padding:96px 0 84px;border-top:0}
.ag-hero .ag-inner{display:grid;grid-template-columns:1.15fr 1fr;column-gap:72px;align-items:start}
.ag-hero h1{grid-column:1/-1;font-size:clamp(50px,8vw,112px);line-height:.98;letter-spacing:-.03em;color:#f4edda}
.ag-sec.ag-hero .ag-inner>h1{margin-bottom:48px}
.ag-hero h2{grid-column:1;grid-row:2/span 2;font-size:clamp(28px,3.1vw,42px);line-height:1.18;font-style:italic;color:var(--gold2)}
.ag-hero h3{grid-column:2;grid-row:2;font:400 19px/1.7 var(--sans);letter-spacing:0;color:var(--ink);padding-top:6px}
.ag-sec.ag-hero .ag-inner>h3{margin-bottom:22px}
.ag-hero p{grid-column:2;grid-row:3;font-size:16px;max-width:60ch}

/* gold panel: a column with a gold ground and dark text (the "Art Gilding Academy" block of the home page) */
.ag-sec .ag-panel{background:var(--gold);color:var(--g2);padding:44px 44px 48px}
.ag-sec .ag-panel h2{font-size:44px;color:var(--g2);padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid #23372c55}
.ag-sec .ag-panel h3{font-size:30px;color:var(--g2);margin-top:30px}
.ag-sec .ag-panel h2+h3{margin-top:0}
.ag-sec .ag-panel p{color:#2d3a2c;margin:8px 0 0}
.ag-sec .ag-panel strong{color:var(--g2)}
.ag-sec .ag-panel .wp-block-buttons{margin-top:18px}
.ag-sec .ag-panel .wp-block-button__link{background:var(--g2);border-color:var(--g2);color:var(--ink)}
.ag-sec .ag-panel .wp-block-button__link:hover{background:var(--g);color:#fff4da}

/* feature rows: text and photo; every second row is mirrored (visual only, reading order stays) */
.ag-feature .ag-feature-text{padding-block:8px}
.ag-feature h3{font-size:clamp(34px,3.6vw,50px);line-height:1.08;margin-bottom:20px}
.ag-feature h4{font:600 11px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:-6px 0 18px}
.ag-feature .wp-block-list{margin:0 0 .6em;padding:0;list-style:none;color:var(--muted)}
.ag-feature .wp-block-list li{padding:7px 0 7px 22px;position:relative;border-bottom:1px solid #3b4c3e}
.ag-feature .wp-block-list li:before{content:"";position:absolute;left:0;top:1.2em;width:8px;height:1px;background:var(--gold)}
.ag-feature .ag-feature-media{align-self:stretch;display:flex}
.ag-feature .ag-feature-media .wp-block-image{width:100%;margin:0}
.ag-feature .ag-feature-media img{width:100%;height:100%;min-height:340px;max-height:560px;object-fit:cover}
.ag-feature .ag-feature-media .wp-block-image,.ag-feature .ag-feature-media a{display:block;height:100%}
.ag-feature:nth-of-type(odd) .wp-block-columns{flex-direction:row-reverse}

/* story: the long text in two columns on wide screens */
.ag-story .ag-inner{max-width:1080px}
.ag-story p{font-size:16px;line-height:1.85}
@media(min-width:1000px){.ag-story .ag-inner{column-count:2;column-gap:64px;max-width:1180px}.ag-story p{break-inside:avoid-column}}

/* FAQ: the question heading holds a real <button> that toggles its answer (assets/js/pagekit.js adds the button and the class
   .ag-faq-js; without the script all answers stay visible and the headings are plain headings). The question is the item's
   direct heading child of ANY level (faq(items, level=N) keeps the level of the live page): every rule here is level-agnostic. */
.ag-faq .ag-faq-list{max-width:900px;margin-inline:auto}
.ag-faq .ag-faq-item{border-top:1px solid var(--line);padding:26px 0}
.ag-faq .ag-faq-item:last-child{border-bottom:1px solid var(--line)}
.ag-faq .ag-faq-item>:is(h1,h2,h3,h4,h5,h6){font-size:clamp(26px,2.6vw,34px);margin-bottom:14px;color:var(--gold2)}
.ag-faq-js .ag-faq-item>:is(h1,h2,h3,h4,h5,h6){margin-bottom:0}
.ag-faq-js .ag-faq-item.is-open>:is(h1,h2,h3,h4,h5,h6){margin-bottom:16px}
.ag-faq-js .ag-faq-item:not(.is-open)>:not(h1,h2,h3,h4,h5,h6){display:none}

/* closing line */
.ag-closing{padding:84px 0 92px}
.ag-closing h4{max-width:900px;margin-inline:auto;text-align:center;font-size:clamp(26px,3vw,40px);line-height:1.3;font-style:italic;color:var(--gold2)}

/* ---- kit components -------------------------------------------------------------------------------------------------- */
/* explicit side of the photo in a feature row (default: alternates, see above) */
.ag-feature.ag-media-right .wp-block-columns{flex-direction:row}
.ag-feature.ag-media-left .wp-block-columns{flex-direction:row-reverse}
/* columns that stretch to the height of the tallest one (gold panel row) */
.ag-sec .ag-cols-stretch{align-items:stretch}
.ag-sec .ag-side{align-self:center}
.ag-sec .ag-side h2{font-size:clamp(34px,4vw,52px);letter-spacing:.02em;color:var(--gold2)}
.ag-sec .ag-side h4{font:400 19px/1.65 var(--sans);letter-spacing:0;color:var(--muted);margin:14px 0 28px}

/* hero, simple variant: one column */
.ag-hero-simple .ag-inner{display:block}
.ag-hero-simple .ag-inner>h1{margin-bottom:34px}
.ag-hero-simple .ag-inner>h2{margin-bottom:22px}
.ag-hero-simple .ag-inner>h3{margin-bottom:18px}
.ag-hero-simple .ag-inner>p{max-width:68ch}

/* intro, text and prose bands: left aligned, comfortable measure; top-level blocks are spaced by the rules below
   (".ag-sec .ag-inner>*" above zeroes every margin, so these selectors carry ".ag-inner>" to win) */
.ag-intro .ag-inner>*,.ag-text .ag-inner>*,.ag-prose .ag-inner>*{max-width:820px}
.ag-intro .ag-inner>*+*,.ag-text .ag-inner>*+*,.ag-prose .ag-inner>*+*,.ag-hero-simple .ag-inner>*+*{margin-top:1.1em}
.ag-intro .ag-inner>h1,.ag-intro .ag-inner>h2{font-size:clamp(36px,4.4vw,60px);line-height:1.06;font-style:italic;color:var(--gold2);margin-bottom:.45em}
.ag-intro .ag-inner>p{font-size:18px;line-height:1.8}
.ag-text .ag-inner>p,.ag-prose .ag-inner>p{font-size:17px;line-height:1.85}
.ag-text .ag-inner>h2,.ag-prose .ag-inner>h2{margin-top:1.7em;margin-bottom:.35em}
.ag-text .ag-inner>h3,.ag-prose .ag-inner>h3{margin-top:1.5em;margin-bottom:.3em}
.ag-text .ag-inner>h4,.ag-prose .ag-inner>h4{margin-top:1.4em;margin-bottom:.25em}
.ag-text .ag-inner>h2+*,.ag-text .ag-inner>h3+*,.ag-text .ag-inner>h4+*,.ag-prose .ag-inner>h2+*,.ag-prose .ag-inner>h3+*,.ag-prose .ag-inner>h4+*{margin-top:0}
.ag-intro .ag-inner>:first-child,.ag-text .ag-inner>:first-child,.ag-prose .ag-inner>:first-child{margin-top:0}
.ag-prose .ag-inner>.wp-block-image,.ag-text .ag-inner>.wp-block-image{margin-top:2em;margin-bottom:2em}
/* an image wrapped in a link (image(..., href=...)) fills its figure like a plain image: the <a> is inline by default, so the img's width:100%
   used to resolve against the link (natural width) instead of the figure. Direct child only: a link inside a caption stays inline.
   Listed by section type (not .ag-sec): the home page's .ag-academy section has a linked image with its original inline spacing, and the
   home page must keep rendering exactly as before (.ag-feature already has its own block rule). */
:is(.ag-prose,.ag-text,.ag-intro,.ag-story,.ag-card,.ag-gallery,.ag-panel,.ag-quote,.ag-cta) .wp-block-image>a{display:block}
.ag-prose figcaption,.ag-text figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
.ag-prose .ag-inner>.wp-block-table,.ag-text .ag-inner>.wp-block-table{margin-top:1.8em;margin-bottom:1.8em;overflow-x:auto;max-width:none}
.ag-prose .ag-inner>.wp-block-buttons,.ag-text .ag-inner>.wp-block-buttons{margin-top:30px}
.ag-prose .ag-inner>hr,.ag-text .ag-inner>hr{border:0;border-top:1px solid var(--line);margin-top:2.4em;margin-bottom:2.4em}

/* quotation */
.ag-sec blockquote{margin:1.6em 0;padding:0 0 0 24px;border:0;border-left:2px solid var(--gold)}
.ag-sec blockquote p{font:italic 400 22px/1.5 var(--serif);color:var(--ink);margin-bottom:.6em}
.ag-sec blockquote cite{display:block;font:600 11px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--muted)}
.ag-quote .ag-inner{max-width:900px}
.ag-quote blockquote{margin:0;padding:0;border:0;text-align:center}
.ag-quote blockquote:before{content:"\201C";display:block;font:400 84px/.6 var(--serif);color:var(--gold);margin-bottom:18px}
.ag-quote blockquote p{font-size:clamp(26px,3vw,40px);line-height:1.3;color:var(--gold2);margin-bottom:22px}

/* ruled list (gold dashes), two columns on wide screens inside a list band */
.ag-sec .ag-ruled{margin:0 0 .6em;padding:0;list-style:none;color:var(--muted)}
.ag-sec .ag-ruled li{padding:7px 0 7px 22px;position:relative;border-bottom:1px solid #3b4c3e;margin:0}
.ag-sec .ag-ruled li:before{content:"";position:absolute;left:0;top:1.2em;width:8px;height:1px;background:var(--gold)}
.ag-listband .ag-inner>:not(.ag-ruled){max-width:820px}
.ag-listband .ag-inner>h2,.ag-listband .ag-inner>h3{margin-bottom:22px}
@media(min-width:1000px){.ag-listband .ag-ruled{column-count:2;column-gap:64px}.ag-listband .ag-ruled li{break-inside:avoid}}

/* card grid */
.ag-cardband .ag-inner>:not(.ag-cards){max-width:820px;margin-bottom:34px}
.ag-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ag-cards.ag-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-cards.ag-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ag-card{display:flex;flex-direction:column;background:var(--g3);border:1px solid var(--line)}
.ag-card>*{margin-block:0}
.ag-card .wp-block-image{margin:0}
.ag-card img{aspect-ratio:4/3;object-fit:cover}
.ag-card .ag-card-body{display:flex;flex:1 1 auto;flex-direction:column;padding:26px 26px 30px}
.ag-card .ag-card-body>*{margin-block:0}
.ag-card h2,.ag-card h3,.ag-card h4{font-size:28px;line-height:1.12;margin-bottom:12px}
.ag-card p{margin-bottom:.8em}
.ag-card .wp-block-buttons{margin-top:auto;padding-top:14px}

/* gallery grid */
.ag-gallerysec .ag-inner>:not(.ag-gallery){max-width:820px;margin-bottom:34px}
.ag-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ag-gallery.ag-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-gallery.ag-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ag-gallery>*{margin-block:0}
.ag-gallery .wp-block-image{margin:0}
.ag-gallery .wp-block-image img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.ag-gallery figcaption{margin-top:8px;font-size:13px;color:var(--muted)}

/* call-to-action band (gold ground) */
.ag-sec.ag-cta,.ag-sec.ag-cta:nth-of-type(even){background:var(--gold);color:var(--g2);border-top:0}
.ag-cta .ag-inner{max-width:900px;text-align:center}
.ag-cta h1,.ag-cta h2,.ag-cta h3,.ag-cta h4{color:var(--g2);margin-bottom:16px}
.ag-cta p{color:#2d3a2c;font-size:18px}
.ag-cta strong{color:var(--g2)}
.ag-cta .wp-block-buttons{justify-content:center;gap:14px}
.ag-cta .wp-block-button__link{background:var(--g2);border-color:var(--g2);color:var(--ink)}
.ag-cta .wp-block-button__link:hover{background:var(--g);color:#fff4da}

@media(max-width:1000px){.ag-cards,.ag-cards.ag-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-gallery.ag-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ag-cards,.ag-cards.ag-cols-2,.ag-cards.ag-cols-4{grid-template-columns:1fr;gap:22px}.ag-gallery,.ag-gallery.ag-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ag-gallery.ag-cols-2{grid-template-columns:1fr}.ag-quote blockquote:before{font-size:64px}}

/* tablets and phones */
@media(max-width:1000px){
  .ag-sec{padding:56px 0}.ag-sec .ag-inner{width:calc(100% - 56px)}
  .ag-sec .wp-block-columns{gap:40px}
  .ag-hero{padding:64px 0 56px}.ag-hero .ag-inner{grid-template-columns:1fr}
  .ag-hero h2,.ag-hero h3,.ag-hero p{grid-column:1;grid-row:auto}.ag-sec.ag-hero .ag-inner>h1{margin-bottom:30px}.ag-sec.ag-hero .ag-inner>h2{margin-bottom:26px}
  .ag-sec .ag-panel{padding:34px 28px}
}
@media(max-width:781px){
  .ag-sec .wp-block-columns,.ag-feature:nth-of-type(odd) .wp-block-columns{flex-direction:column;gap:34px;align-items:stretch}
  .ag-feature:nth-of-type(odd) .wp-block-columns{flex-direction:column}
  .ag-feature .ag-feature-media img{min-height:0;height:auto;max-height:none;aspect-ratio:4/3}
  .ag-sec .ag-panel h2{font-size:36px}
}
@media(max-width:700px){
  .ag-sec{padding:44px 0}.ag-sec .ag-inner{width:calc(100% - 40px)}
  .ag-hero{padding:48px 0 44px}.ag-hero h3{font-size:17px}
  .ag-closing{padding:52px 0 58px}
  /* the fixed back-to-top button would sit on the text of this narrow layout */
  body.ag-kit #back-to-top{display:none}
}

/* page frame on kit pages: the parchment sheet of the shell is replaced by the full-width bands above */
body.ag-kit #main-container>.container,body.ag-kit #main-container>.container.wrap{width:100%;max-width:none;margin:0;padding:0;background:transparent;box-shadow:none}
/* pages and posts WITH a sidebar, comments or related items: the shell's Bootstrap rows (.inner-page-wrap.row, the comment form, related posts) have -15px side
   margins that the parchment container's padding used to absorb; the full-width kit frame has no padding, so they would stick 15px out of the window */
body.ag-kit #main-container .row{margin-inline:0}
/* The shell AROUND the kit sections (post info, previous/next, share links, related posts, comments, sidebar widgets): the parchment sheet is gone on
   kit pages, so the shell's dark-on-paper palette is swapped for the kit's light-on-green one. The shell takes all its dark colours from these four
   variables, so redefining them here turns the whole post frame readable at once. Forms get the same dark fields and gold outline buttons as in the sections. */
body.ag-kit #main-container>.container{color:var(--ink);--dark:#f0ead9;--dmuted:#cfd2c2;--dline:#516044;--link:#e4cf9d}
body.ag-kit #page-wrap input[type="text"],body.ag-kit #page-wrap input[type="email"],body.ag-kit #page-wrap input[type="tel"],body.ag-kit #page-wrap input[type="search"],body.ag-kit #page-wrap input[type="password"],body.ag-kit #page-wrap input[type="number"],body.ag-kit #page-wrap select,body.ag-kit #page-wrap textarea{background:var(--g2);color:var(--ink);border:1px solid var(--line)}
body.ag-kit #page-wrap button,body.ag-kit #page-wrap input[type="submit"]{background:transparent;color:var(--gold2);border:1px solid var(--gold);border-radius:0}
body.ag-kit #page-wrap button:hover,body.ag-kit #page-wrap input[type="submit"]:hover{background:var(--gold);color:var(--g2)}
body.ag-kit #page-wrap .ag-sec h1,body.ag-kit #page-wrap .ag-sec h2,body.ag-kit #page-wrap .ag-sec h3,body.ag-kit #page-wrap .ag-sec h4{color:var(--ink)}
body.ag-kit #page-wrap .ag-hero h1{color:#f4edda}
body.ag-kit #page-wrap .ag-hero h2,body.ag-kit #page-wrap .ag-faq .ag-faq-item>:is(h1,h2,h3,h4,h5,h6),body.ag-kit #page-wrap .ag-closing h4{color:var(--gold2)}
body.ag-kit #page-wrap .ag-panel h2,body.ag-kit #page-wrap .ag-panel h3{color:var(--g2)}
body.ag-kit #page-wrap .ag-sec a{color:var(--gold2);text-decoration:underline;text-decoration-color:#7d825b;text-underline-offset:4px}
body.ag-kit #page-wrap .ag-sec .wp-block-button__link{color:var(--gold2);text-decoration:none}
body.ag-kit #page-wrap .ag-sec .wp-block-button__link:hover{background:var(--gold);color:var(--g2)}
body.ag-kit #page-wrap .ag-panel .wp-block-button__link{color:var(--ink);background:var(--g2)}
body.ag-kit #page-wrap .ag-panel .wp-block-button__link:hover{background:var(--g);color:#fff4da}
body.ag-kit #page-wrap .ag-intro h1,body.ag-kit #page-wrap .ag-intro h2,body.ag-kit #page-wrap .ag-quote blockquote p{color:var(--gold2)}
body.ag-kit #page-wrap .ag-sec blockquote p{color:var(--ink)}
body.ag-kit #page-wrap .ag-quote blockquote p{color:var(--gold2)}
body.ag-kit #page-wrap .ag-card h2,body.ag-kit #page-wrap .ag-card h3,body.ag-kit #page-wrap .ag-card h4{color:var(--ink)}
body.ag-kit #page-wrap .ag-side h2{color:var(--gold2)}
body.ag-kit #page-wrap .ag-cta h1,body.ag-kit #page-wrap .ag-cta h2,body.ag-kit #page-wrap .ag-cta h3,body.ag-kit #page-wrap .ag-cta h4{color:var(--g2)}
body.ag-kit #page-wrap .ag-cta .wp-block-button__link{color:var(--ink);background:var(--g2)}
body.ag-kit #page-wrap .ag-cta .wp-block-button__link:hover{background:var(--g);color:#fff4da}
body.ag-kit #page-wrap .ag-cta a:not(.wp-block-button__link){color:var(--g2)}
body.ag-kit #page-wrap .ag-sec th{color:var(--ink)}
body.ag-kit #page-wrap .ag-sec th,body.ag-kit #page-wrap .ag-sec td{border:1px solid var(--line);color:var(--muted)}
body.ag-kit #page-wrap .ag-sec th{background:var(--g3);color:var(--ink)}
/* forms printed by plugins (WPForms, Contact Form 7) inside the dark bands */
body.ag-kit #page-wrap .ag-sec label,body.ag-kit #page-wrap .ag-sec .wpforms-field-label,body.ag-kit #page-wrap .ag-sec legend{color:var(--ink);font-size:14px;font-weight:500}
body.ag-kit #page-wrap .ag-sec .wpforms-required-label,body.ag-kit #page-wrap .ag-sec .wpcf7-not-valid-tip{color:var(--gold2)}
body.ag-kit #page-wrap .ag-sec input[type="text"],body.ag-kit #page-wrap .ag-sec input[type="email"],body.ag-kit #page-wrap .ag-sec input[type="tel"],body.ag-kit #page-wrap .ag-sec input[type="date"],body.ag-kit #page-wrap .ag-sec input[type="number"],body.ag-kit #page-wrap .ag-sec select,body.ag-kit #page-wrap .ag-sec textarea{background:#f6f1e3;color:#292b25;border:1px solid #c9bfa3;border-radius:0;max-width:100%}
body.ag-kit #page-wrap .ag-sec input[type="submit"],body.ag-kit #page-wrap .ag-sec button[type="submit"],body.ag-kit #page-wrap .ag-sec .wpforms-submit{background:transparent;color:var(--gold2);border:1px solid var(--gold);border-radius:0;padding:14px 26px;font:600 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
body.ag-kit #page-wrap .ag-sec input[type="submit"]:hover,body.ag-kit #page-wrap .ag-sec button[type="submit"]:hover,body.ag-kit #page-wrap .ag-sec .wpforms-submit:hover{background:var(--gold);color:var(--g2)}
body.ag-kit #page-wrap .ag-cta input[type="submit"],body.ag-kit #page-wrap .ag-cta button[type="submit"]{background:var(--g2);color:var(--ink);border-color:var(--g2)}
/* sans-serif sub-lines (the shell sets a serif on every #page-wrap heading, so these need the id as well) */
body.ag-kit #page-wrap .ag-hero h3{font:400 19px/1.7 var(--sans);letter-spacing:0}
body.ag-kit #page-wrap .ag-feature h4{font:600 11px/1.6 var(--sans);letter-spacing:.16em}
@media(max-width:700px){body.ag-kit #page-wrap .ag-hero h3{font-size:17px}}

/* FAQ button (after the generic #page-wrap button rule of the shell, which has the same specificity as the first selectors here) */
body.ag-kit #page-wrap .ag-faq-q{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:none;cursor:pointer}
body.ag-kit #page-wrap .ag-faq-q:hover{background:none;color:inherit}
body.ag-kit #page-wrap .ag-faq-q:after{content:"+";content:"+" / "";flex:0 0 auto;font:300 32px/1 var(--sans);color:var(--gold)}
body.ag-kit #page-wrap .ag-faq-item.is-open .ag-faq-q:after{content:"\2212";content:"\2212" / ""}
body.ag-kit #page-wrap .ag-faq-q:focus-visible{outline:2px solid var(--gold);outline-offset:6px}