/*
 * Content templates: the simple page, the blog index and archives, search, a single post and the 404 page.
 * These pages are not in the design export, so they are built from the shell's own tokens (global.css): the same
 * dark surfaces, the same type scale and the same buttons. Loaded only where these templates run
 * (dropp_enqueue_content_styles(), inc/content.php); the markup is described in docs/templates.md.
 *
 * Parts:  .dropp-content__head (title band)  .dropp-content__layout (text + sidebar)  .dropp-prose (what an editor
 *         writes)  .dropp-card / .dropp-result (a post in a list)  .dropp-sidebar / .dropp-widget  .dropp-notfound
 *         .dropp-legacy (content built with the old page builder, see src/Content/Legacy_Divi.php)
 */

/* ---- Title band and layout ---- */
.dropp-content__head{padding:88px 0 40px;border-bottom:1px solid var(--dropp-color-line)}
.dropp-content__head h1{font-size:clamp(36px,4.6vw,56px);line-height:1.04;letter-spacing:-.04em;max-width:880px;margin-bottom:14px}
.dropp-content__head .dropp-lede{font-size:19px;line-height:1.6;color:var(--dropp-color-soft);max-width:760px;margin-bottom:0}
.dropp-content__head .dropp-chips{margin-bottom:18px}
.dropp-content__head .dropp-meta{margin-top:18px}
.dropp-content__head .dropp-search{margin-top:24px}
.dropp-content__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;padding-top:48px;padding-bottom:96px}
.dropp-content__layout.has-sidebar{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.dropp-content__main{min-width:0}

/* Chips: a category, a tag or a filter. */
.dropp-chips{display:flex;flex-wrap:wrap;gap:8px}
.dropp-chip{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;background:rgba(41,184,229,.12);color:var(--dropp-color-cyan)}
a.dropp-chip:hover{background:rgba(41,184,229,.22);color:#fff}
.dropp-chips--filter{margin-bottom:30px}
.dropp-chips--filter .dropp-chip{background:transparent;border-color:var(--dropp-color-line2);color:var(--dropp-color-soft);font-size:12px;padding:5px 13px}
.dropp-chips--filter .dropp-chip[aria-current="page"]{background:var(--dropp-color-blue);border-color:var(--dropp-color-blue);color:#fff}

/* Meta line: date, author, reading time. */
.dropp-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--dropp-color-muted)}
.dropp-meta a:hover{color:var(--dropp-color-cyan)}

/* ---- Prose: what an editor writes in the block editor ---- */
.dropp-prose{font-size:18px;line-height:1.72;color:var(--dropp-color-soft);overflow-wrap:break-word}
.dropp-prose>*{max-width:780px}
.dropp-prose>*+*{margin-top:1.15em;margin-bottom:0}
.dropp-prose h2{font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.03em;color:var(--dropp-color-text);margin-top:1.9em}
.dropp-prose h3{font-size:24px;line-height:1.2;letter-spacing:-.02em;color:var(--dropp-color-text);margin-top:1.7em}
.dropp-prose h4,.dropp-prose h5,.dropp-prose h6{font-size:17px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--dropp-color-text);margin-top:1.6em}
/* Only a plain link in the text is styled as one; a button, a chip or a card inside it keeps its own look. */
.dropp-prose a:not([class]){color:var(--dropp-color-cyan);text-decoration:underline;text-underline-offset:3px}
.dropp-prose a:not([class]):hover{color:#fff}
.dropp-prose strong,.dropp-prose b{color:var(--dropp-color-text)}
.dropp-prose ul,.dropp-prose ol{padding-left:1.4em}
.dropp-prose li+li{margin-top:.4em}
.dropp-prose blockquote{margin-left:0;margin-right:0;padding:4px 0 4px 22px;border-left:3px solid var(--dropp-color-blue);color:var(--dropp-color-text);font-size:1.06em}
.dropp-prose blockquote cite{display:block;margin-top:.6em;font-size:14px;font-style:normal;color:var(--dropp-color-muted)}
.dropp-prose pre{padding:16px 18px;border:1px solid var(--dropp-color-line);border-radius:12px;background:var(--dropp-color-panel);color:var(--dropp-color-text);font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}
.dropp-prose code{padding:2px 6px;border-radius:6px;background:var(--dropp-color-panel2);font:.9em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.dropp-prose pre code{padding:0;background:none;font-size:inherit}
.dropp-prose img,.dropp-prose video{max-width:100%;height:auto;border-radius:12px}
.dropp-prose figure{margin-left:0;margin-right:0}
.dropp-prose figcaption{margin-top:8px;font-size:14px;color:var(--dropp-color-muted)}
.dropp-prose table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.dropp-prose th,.dropp-prose td{border:1px solid var(--dropp-color-line);padding:10px 13px;text-align:left}
.dropp-prose th{color:var(--dropp-color-text);background:var(--dropp-color-panel)}
.dropp-prose hr{border:0;border-top:1px solid var(--dropp-color-line);margin:2.4em 0;max-width:none}
.dropp-prose iframe,.dropp-prose embed,.dropp-prose .wp-video{max-width:100%}
.dropp-prose .wp-block-embed__wrapper{position:relative}
.dropp-prose .wp-block-button__link,.dropp-prose .button{display:inline-flex;align-items:center;min-height:50px;padding:0 23px;border-radius:10px;background:var(--dropp-color-blue);color:#fff;font-weight:700;text-decoration:none}
.dropp-prose .wp-block-button__link:hover{background:var(--dropp-color-blue2);color:#fff}
.dropp-prose .alignwide,.dropp-prose .alignfull{max-width:none}
.dropp-prose .alignleft{float:left;margin:.3em 1.4em 1em 0}
.dropp-prose .alignright{float:right;margin:.3em 0 1em 1.4em}
.dropp-prose .aligncenter{margin-left:auto;margin-right:auto}
.dropp-prose::after{content:"";display:block;clear:both}
.dropp-prose .page-links{font-size:15px;color:var(--dropp-color-muted)}
/* A page built with the old page builder is a layout of its own, wider than a reading column. */
.dropp-prose--wide>*{max-width:none}
/* A list of cards inside the text (the old blog module) keeps the card's own type. */
.dropp-prose .dropp-card__title{margin:0;font-size:21px;line-height:1.22;letter-spacing:-.02em;color:var(--dropp-color-text)}
.dropp-prose .dropp-card__excerpt,.dropp-prose .dropp-card .dropp-meta{margin-top:0}
.dropp-prose .dropp-card a{color:inherit;text-decoration:none}
.dropp-prose .dropp-card a:hover{color:var(--dropp-color-cyan)}

/* ---- Featured image of a page or post ---- */
.dropp-feature{margin:0 0 40px}
.dropp-feature img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:16px;border:1px solid var(--dropp-color-line)}

/* ---- Post cards (blog index, archives) ---- */
.dropp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
/* margin:0: the grid's gap spaces the cards; the starter theme's ".post { margin: 0 0 1.5em }" (a card has the post's
   classes) added 24px more under each. */
.dropp-card{margin:0;display:flex;flex-direction:column;background:var(--dropp-color-panel);border:1px solid var(--dropp-color-line);border-radius:14px;overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.dropp-card:hover{border-color:var(--dropp-color-line2);transform:translateY(-2px)}
.dropp-card__media{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--dropp-color-panel2),var(--dropp-color-bg2))}
/* Out of the flow: a square or tall picture would otherwise make the 16:9 box taller (aspect-ratio gives way to its
   content), and its card taller than the others in the row. */
.dropp-card__media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.dropp-card__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px 22px 22px}
.dropp-card__title{font-size:21px;line-height:1.22;letter-spacing:-.02em;margin:0}
.dropp-card__title a:hover{color:var(--dropp-color-cyan)}
.dropp-card__excerpt{margin:0;font-size:15.5px;line-height:1.55;color:var(--dropp-color-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dropp-card .dropp-meta{margin-top:auto;font-size:13px;padding-top:4px}

/* ---- Related articles: under a post (dropp_post_related()) and the Related Articles block ---- */
/* Under a post: below the text and the sidebar, after a line, as many cards in a row as fill it evenly. */
.dropp-post-related{padding-bottom:96px}
.dropp-post-related .dropp-related{border-top:1px solid var(--dropp-color-line);padding-top:48px}
.dropp-related__title{margin:0 0 26px;font-size:clamp(26px,3vw,34px);line-height:1.12;letter-spacing:-.03em}
.dropp-related .dropp-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.dropp-related .dropp-cards--cols-1{grid-template-columns:minmax(0,420px)}
.dropp-related .dropp-cards--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Two classes: in a page section (the block), `.dropp-page-section h3` would win. */
.dropp-related .dropp-card__title{font-size:19px;margin:0}
/* Inside a post's text (the block placed there) the column is narrow: two in a row. */
.dropp-prose .dropp-related .dropp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}

/* A search result: a row, not a card. */
.dropp-result{padding:22px 0;border-top:1px solid var(--dropp-color-line)}
.dropp-result:first-child{border-top:0;padding-top:0}
.dropp-result__title{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:8px 0 6px}
.dropp-result__title a:hover{color:var(--dropp-color-cyan)}
.dropp-result p{margin:0 0 8px;color:var(--dropp-color-soft)}

/* A list with nothing in it. */
.dropp-empty h2{font-size:28px;margin-bottom:10px}
.dropp-empty p{color:var(--dropp-color-soft);margin-bottom:22px}

/* ---- Pagination and previous/next ---- */
.navigation.pagination{margin-top:44px}
.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.navigation.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--dropp-color-line2);border-radius:10px;color:var(--dropp-color-soft);font-weight:600}
.navigation.pagination a.page-numbers:hover{border-color:var(--dropp-color-cyan);color:#fff}
.navigation.pagination .page-numbers.current{background:var(--dropp-color-blue);border-color:var(--dropp-color-blue);color:#fff}
.navigation.pagination .page-numbers.dots{border-color:transparent}
.post-navigation{margin-top:56px;padding-top:32px;border-top:1px solid var(--dropp-color-line)}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.post-navigation a{display:block;padding:18px 20px;border:1px solid var(--dropp-color-line);border-radius:12px;background:var(--dropp-color-panel);height:100%}
.post-navigation a:hover{border-color:var(--dropp-color-line2)}
.post-navigation .nav-next{text-align:right;grid-column:2}
.post-navigation .nav-subtitle{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dropp-color-muted);margin-bottom:6px}
.post-navigation .nav-title{font-weight:700;color:var(--dropp-color-text)}

/* ---- Post footer: tags ---- */
.dropp-post-foot{margin-top:44px;padding-top:24px;border-top:1px solid var(--dropp-color-line)}
.dropp-post-foot .dropp-chip{background:transparent;border-color:var(--dropp-color-line2);color:var(--dropp-color-soft)}
.dropp-post-foot .edit-link{display:inline-block;margin-top:18px;font-size:14px;color:var(--dropp-color-muted)}

/* ---- Search form ---- */
.dropp-search{display:flex;gap:10px;max-width:560px}
.dropp-search .dropp-search__field{flex:1;width:100%;min-width:0;height:50px;padding:0 16px;border:1px solid var(--dropp-color-line2);border-radius:10px;background:var(--dropp-color-panel);color:var(--dropp-color-text)}
.dropp-search .dropp-search__field::placeholder{color:var(--dropp-color-muted)}
.dropp-search .dropp-search__field:focus-visible{outline:2px solid var(--dropp-color-cyan);outline-offset:1px}
.dropp-search .dropp-btn{border:0;cursor:pointer}

/* ---- Sidebar and widgets ---- */
/* minmax(0,1fr): a grid track never shrinks below what is inside it (a search field is 220px wide by default), which pushed the widgets out of their column. */
.dropp-sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.dropp-widget{min-width:0;padding:22px;border:1px solid var(--dropp-color-line);border-radius:14px;background:var(--dropp-color-panel)}
.dropp-widget__title{margin:0 0 14px;font-size:13px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--dropp-color-muted)}
.dropp-widget ul{margin:0;padding:0;list-style:none}
.dropp-widget li{padding:8px 0;border-top:1px solid var(--dropp-color-line);font-size:15.5px;line-height:1.4}
.dropp-widget li:first-child{border-top:0;padding-top:0}
.dropp-widget li:last-child{padding-bottom:0}
.dropp-widget a:hover{color:var(--dropp-color-cyan)}
.dropp-widget [aria-current="page"]{color:var(--dropp-color-cyan);font-weight:700}
.dropp-widget .dropp-search{max-width:none}
.dropp-widget p:last-child{margin-bottom:0}
.dropp-widget select{width:100%;height:44px;border:1px solid var(--dropp-color-line2);border-radius:10px;background:var(--dropp-color-bg2);color:var(--dropp-color-text);padding:0 12px}

/* ---- Comments ---- */
.comments-area{margin-top:64px;padding-top:36px;border-top:1px solid var(--dropp-color-line);max-width:780px}
.comments-title,.comment-reply-title{font-size:26px;line-height:1.2;letter-spacing:-.02em;margin-bottom:22px}
.comment-list{list-style:none;margin:0 0 32px;padding:0}
.comment-list .children{list-style:none;margin:0;padding-left:26px}
.comment-body{padding:18px 0;border-top:1px solid var(--dropp-color-line)}
.comment-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:14px;color:var(--dropp-color-muted)}
.comment-author .fn{font-weight:700;color:var(--dropp-color-text);font-style:normal}
.comment-author .avatar{border-radius:50%;vertical-align:middle;margin-right:10px}
.comment-content{margin-top:10px;color:var(--dropp-color-soft)}
.reply a{font-size:14px;font-weight:600;color:var(--dropp-color-cyan)}
.comment-form label{display:block;margin-bottom:6px;font-size:14px;color:var(--dropp-color-soft)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--dropp-color-line2);border-radius:10px;background:var(--dropp-color-panel);color:var(--dropp-color-text)}
.comment-form p{margin-bottom:16px}
.comment-form .form-submit .submit{border:0;cursor:pointer}
.no-comments{color:var(--dropp-color-muted)}

/* ---- Not found ---- */
.dropp-notfound{padding:96px 28px 110px;text-align:center}
.dropp-notfound .dropp-notfound__code{max-width:none;font-size:clamp(90px,16vw,170px);line-height:1;font-weight:700;letter-spacing:-.06em;color:var(--dropp-color-blue);margin:0 0 12px}
.dropp-notfound h1{max-width:none;margin:0 auto 14px;font-size:clamp(30px,4vw,44px)}
.dropp-notfound p{max-width:560px;margin:0 auto 26px;color:var(--dropp-color-soft)}
.dropp-notfound .dropp-search{margin:0 auto 34px}
.dropp-notfound .dropp-btns{justify-content:center;margin-top:0}
.dropp-notfound__recent{max-width:640px;margin:56px auto 0;text-align:left}
.dropp-notfound__list{margin:0;padding:0;list-style:none}
.dropp-notfound__list li{padding:10px 0;border-top:1px solid var(--dropp-color-line)}
.dropp-notfound__list a:hover{color:var(--dropp-color-cyan)}

/* ---- Old page-builder content (src/Content/Legacy_Divi.php): sections, rows and columns as plain blocks ---- */
.dropp-legacy__section{margin:0 0 40px}
.dropp-legacy__row{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 24px}
.dropp-legacy__col{flex:1 1 100%;min-width:0}
/* Modules stacked in a column (a heading, a video, a text ...) keep the row's 24px between them. */
.dropp-legacy__col > * + *{margin-top:24px}
.dropp-legacy__col--1_2{flex-basis:calc(50% - 12px)}
.dropp-legacy__col--1_3{flex-basis:calc(33.333% - 16px)}
.dropp-legacy__col--2_3{flex-basis:calc(66.666% - 8px)}
.dropp-legacy__col--1_4{flex-basis:calc(25% - 18px)}
.dropp-legacy__col--3_4{flex-basis:calc(75% - 6px)}
.dropp-legacy__col--1_5{flex-basis:calc(20% - 19px)}
.dropp-legacy__col--2_5{flex-basis:calc(40% - 14px)}
.dropp-legacy__col--3_5{flex-basis:calc(60% - 10px)}
.dropp-legacy__col--1_6{flex-basis:calc(16.666% - 20px)}
.dropp-legacy__image{margin:0}
.dropp-legacy__image img{display:block;max-width:100%;height:auto}
.dropp-legacy__button--center{text-align:center}
.dropp-legacy__button--right{text-align:right}
.dropp-legacy__blurb{display:flex;flex-direction:column;gap:8px}
.dropp-legacy__blurb h3{margin:0}
.dropp-legacy__blurb img{max-width:64px;height:auto}
.dropp-legacy__cta{padding:26px 28px;border:1px solid var(--dropp-color-line);border-radius:14px;background:var(--dropp-color-panel)}
.dropp-legacy__divider{border:0;border-top:1px solid var(--dropp-color-line);margin:2em 0}
.dropp-legacy__toggle{border:1px solid var(--dropp-color-line);border-radius:12px;padding:14px 18px;background:var(--dropp-color-panel)}
.dropp-legacy__toggle summary{cursor:pointer;font-weight:700;color:var(--dropp-color-text)}
.dropp-legacy__social{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;padding:0}
.dropp-legacy__video{max-width:860px}
.dropp-legacy__video iframe,.dropp-legacy__video video{display:block;max-width:100%}
/* Where an old contact form was (Legacy_Divi::form()): the address to write to, until a form is chosen in Site Settings. */
.dropp-legacy__notice{padding:18px 22px;border:1px solid var(--dropp-color-line);border-radius:14px;background:var(--dropp-color-panel)}
.dropp-legacy__testimonial{margin:0;padding:0 0 0 22px;border-left:3px solid var(--dropp-color-blue)}
.dropp-legacy__testimonial cite{display:block;margin-top:.6em;font-size:14px;font-style:normal;color:var(--dropp-color-muted)}
/* An old post's own sidebar column, left out (Legacy_Divi::leave_out(): the theme prints its sidebar beside the post)
   when nothing else is in it: its column goes and the text takes the whole row, whoever draws it (this layer, or the
   Divi Builder plugin, which sets column widths with #et-boc rules, hence !important). */
.dropp-legacy__col:has(> .dropp-legacy__no-sidebar:only-child),
.dropp-content__main .et_pb_column:has(> .dropp-legacy__no-sidebar:only-child){display:none !important}
.dropp-legacy__row:has(> .dropp-legacy__col > .dropp-legacy__no-sidebar:only-child) > .dropp-legacy__col{flex-basis:100%}
.dropp-content__main .et_pb_row:has(> .et_pb_column > .dropp-legacy__no-sidebar:only-child) > .et_pb_column{width:100% !important;margin-right:0 !important}
/* A post's old "Header" section without its title, date and author (Legacy_Divi::without_post_header_fields()): the
   columns it emptied close, and what is left (a publication's logo, a photo, a credit line) starts at the text's edge. */
.dropp-post-header .dropp-legacy__col:empty,
.dropp-content__main .dropp-post-header .et_pb_column_empty{display:none !important}
.dropp-content__main .dropp-post-header .et_pb_column{width:auto !important;max-width:100%;margin-right:0 !important}
/* The Divi Builder plugin draws a toggle (a transcript, a "Full Article") as a white box made for the old white pages,
   and its text took the theme's light colour: 2:1, unreadable on 4 posts. The theme stays dark (the owner's choice,
   2026-10-02), so a toggle takes the theme's panel, like the toggles this layer draws. !important: Divi styles them
   with #et-boc rules. */
.dropp-prose #et-boc .et_pb_toggle{background-color:var(--dropp-color-panel) !important;border:1px solid var(--dropp-color-line) !important;border-radius:12px}
.dropp-prose #et-boc .et_pb_toggle .et_pb_toggle_title{color:var(--dropp-color-text) !important}
.dropp-prose #et-boc .et_pb_toggle .et_pb_toggle_title::before{color:var(--dropp-color-cyan) !important}
.dropp-prose #et-boc .et_pb_toggle .et_pb_toggle_content{color:var(--dropp-color-soft) !important}
/* The old theme's own classes for page content (its Additional CSS, which WordPress prints only for that theme), where
   the Divi Builder plugin draws an old page; this layer draws them through Legacy_Divi::DEVICE_COPIES or not at all.
   pa-inline-buttons: a column's buttons side by side (Learn more about Dropp). Its phone and tablet rules are below. */
.dropp-prose #et-boc .pa-inline-buttons .et_pb_button_module_wrapper{display:inline-block}

/*
 * A module the old builder showed only on some devices (Legacy_Divi::hide_on()): its phone is up to 720px here, its
 * tablet up to 960px, its desktop wider. Hidden on phone and tablet = up to 960px. The builder's "tablet only" hiding
 * is not used by any page and is not drawn (the module shows). The old theme's classes for phones and tablets (its
 * 980px, so 960px here): the Quick Start Guide's text in a desktop and a phone copy (qs-desktop, qs-mobile) and its
 * screenshots centred (qs-img, !important over Divi's #et-boc alignment); a row's columns in another order
 * (custom_row with first-on-mobile, second-on-mobile: the text above its picture on the old Features and Merchants).
 */
@media (min-width: 961px) {
	.dropp-sidebar{position:sticky;top:98px} /* The sidebar sticks beside a long text on wide screens. */
	.dropp-legacy__hide-desktop,.dropp-prose #et-boc .qs-mobile{display:none}
}
@media (max-width: 960px) {
	.dropp-content__layout.has-sidebar{grid-template-columns:minmax(0,1fr)}
	.dropp-related .dropp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dropp-legacy__hide-phone.dropp-legacy__hide-tablet,.dropp-prose #et-boc .qs-desktop{display:none}
	.dropp-prose #et-boc .qs-img{text-align:justify !important;margin:0 auto !important}
	.dropp-prose #et-boc .custom_row{display:flex;flex-wrap:wrap}
	.dropp-prose #et-boc .first-on-mobile{order:1}
	.dropp-prose #et-boc .second-on-mobile{order:2}
	.dropp-prose #et-boc .custom_row:last-child .et_pb_column:last-child{margin-bottom:30px}
}
@media (max-width: 720px) {
	.dropp-content__head{padding:64px 0 30px}
	.dropp-content__layout{padding-top:34px;padding-bottom:70px}
	.dropp-post-related{padding-bottom:70px}
	.dropp-post-related .dropp-related{padding-top:34px}
	.dropp-related .dropp-cards,.dropp-prose .dropp-related .dropp-cards{grid-template-columns:minmax(0,1fr)}
	.post-navigation .nav-links{grid-template-columns:1fr}
	.post-navigation .nav-next{grid-column:1;text-align:left}
	.dropp-legacy__col{flex-basis:100%}
	.dropp-legacy__hide-phone{display:none}
}