/* GatherRound Life After Decks: small additions to the design system's gr-lad / gr-art styles. */
/* Beaver Builder row, column and module spacing around the full-bleed templates. */
.fl-builder-content:has(.gr-lad-page) .fl-row-content-wrap,.fl-builder-content:has(.gr-lad-page) .fl-col-content{padding:0!important;margin:0!important}
.fl-builder-content:has(.gr-lad-page) .fl-row-fixed-width{max-width:none!important}
.fl-builder-content:has(.gr-lad-page) .fl-module,.fl-builder-content:has(.gr-lad-page) .fl-module-content{margin:0!important}
/* The page carries its own signup, so the footer's newsletter band steps aside. */
body:has(.gr-lad-page) .gr-foot__news{display:none}
/* Server-rendered list of every issue for search engines and no-JS visitors; the feed script replaces it. */
.gr-lad-seo{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Images inside an issue. */
.gr-art__body .gr-art__fig{margin:2rem 0}
.gr-art__body .gr-art__fig img,.gr-art__body p img{display:block;max-width:100%;height:auto}
.gr-art__body iframe{max-width:100%}
/* Fluent Form inside the masthead and article signup (paper field): email and button on one line. */
.gr-lad-sign.gr-ff{display:block}
.gr-lad-sign.gr-ff .fluentform form{margin:0}
.gr-lad-sign.gr-ff .fluentform form > fieldset{display:flex;gap:.6rem;align-items:flex-start;margin:0;padding:0;border:0;min-width:0}
.gr-lad-sign.gr-ff .fluentform .ff-el-group{flex:1 1 auto;min-width:0;margin:0}
.gr-lad-sign.gr-ff .fluentform .ff_submit_btn_wrapper{flex:0 0 auto;margin:0}
.gr-lad-sign.gr-ff .fluentform .ff-el-form-control{min-height:3.1rem}
.gr-lad-sign.gr-ff .ff-message-success{margin:0;padding:.75rem 0;border:0;background:none;box-shadow:none;color:var(--gr-slate);font-family:var(--gr-text);font-style:italic;text-align:center}
.gr-lad-sign.gr-ff .ff-message-success p{margin:0;color:inherit;font:inherit}
@media (max-width:40rem){.gr-lad-sign.gr-ff .fluentform form > fieldset{flex-direction:column;align-items:stretch}.gr-lad-sign.gr-ff .fluentform .ff_submit_btn_wrapper .ff-btn{width:100%}}
/* A quote block inside the copy (Beehiiv's ❝ block when it isn't the closing epigraph). */
.gr-art__body .gr-art__quote,.gr-art__body blockquote{margin:2rem 0;padding:0 0 0 1.25rem;border-left:2px solid var(--gr-lake)}
.gr-art__body .gr-art__quote p,.gr-art__body blockquote p{font-style:italic;margin:0}
.gr-art__body .gr-art__quote cite,.gr-art__body blockquote cite{display:block;margin-top:.5rem;font:500 .75rem/1.4 var(--gr-display);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--gr-slate)}
/* Test pages only: the theme's page title isn't part of these templates. */
body:has(.gr-lad-page) .fl-post-header{display:none}
/* The theme's 40px content margin above the masthead/cover. */
.fl-content:has(> .fl-builder-content .gr-lad-page),.fl-content:has(.gr-lad-page){margin-top:0!important;margin-bottom:0!important;padding-top:0!important}
/* The theme's input styles reset the search field's padding, so the text ran over the magnifier. */
.gr-lad-search input[type="search"]{-webkit-appearance:none;appearance:none;padding:.4rem .8rem .4rem 2.1rem!important;height:auto!important;line-height:1.2!important;box-shadow:none!important}
.gr-lad-search input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
.gr-art__body figure{margin:2rem 0}
.gr-art__body figure img{display:block;max-width:100%;height:auto}
.gr-art__body figcaption{margin-top:.6rem;font:italic 400 .9rem/1.5 var(--gr-text);color:var(--gr-slate)}
/* Portrait photos (reader snapshots) stay a sensible height. */
.gr-art__body figure img{max-height:32rem;width:auto;margin:0 auto}
.gr-art__body figcaption{text-align:center}
/* Editor's note above an issue (e.g. "From April 2026, ahead of the book's launch."). */
.gr-art__body .gr-art__note{margin:0 0 1.75rem;padding-bottom:1rem;border-bottom:1px solid var(--gr-line);font:italic 400 .95rem/1.5 var(--gr-text);color:var(--gr-slate)}

.gr-lad-start__more{margin:1.25rem 0 0;text-align:center}
.gr-lad-field a.gr-arrow{color:var(--gr-ember);--gr-rest:rgba(212,161,87,.4)}.gr-lad-field a.gr-arrow:hover{color:var(--gr-paper)}