/* ============================================================================
   SuiteDreams pages (body.sd-dr; layer/dreams.php). R1 PREVIEW, 2026-10-12: nothing here is live.

   The suitedash.com redesign's language, nothing new: the canvas's tokens (site.css), square corners, hairlines, the
   56px blueprint grid behind the hero and the closing band, dark bands alternating with light ones (.sd-light, as the
   homepage and reading pages do), centered headings (D3), the button pair (white on #0A7BC2), mono kicker lines, and
   tiles joined edge to edge like the module wall and the /power-ups/ index. Gold is used nowhere (ratings only).
   Every word is in the page content; this file only lays it out. Loaded after site.css, on these two pages only.
   ========================================================================= */

/* ---------------------------------------------------------------- bands */
.sd-dr .sd-entry > .sd-row { padding: 96px var(--sd-gutter); }
.sd-dr .sd-entry > .sd-row > .wp-block-group__inner-container { max-width: var(--sd-max); margin-inline: auto; }
.sd-dr .sd-entry > .sd-row:not(.sd-light) + .sd-row:not(.sd-light, .sd-dr-watch) { border-top: 1px solid var(--line); } /* the video continues the hero */
.sd-dr .sd-entry .sd-light { border-block: 1px solid var(--line); }

/* section heads: eyebrow (mono, accent), H2, one lead line; all centered */
.sd-dr .sd-entry .sd-dr-eyebrow { margin: 0 0 14px; font: 500 12.5px/1.4 var(--f-num); letter-spacing: .06em; text-transform: uppercase; color: var(--accent); text-align: center; }
.sd-dr .sd-entry h2 { max-width: 28ch; margin: 0 auto 16px; font: 600 var(--t-h2)/1.08 var(--f-display); letter-spacing: -.02em; text-align: center; color: var(--text); }
.sd-dr .sd-entry .sd-dr-lead { max-width: 44rem; margin: 0 auto 56px; font-size: var(--t-lead); line-height: 1.55; text-align: center; color: var(--mute); text-wrap: pretty; }
.sd-dr .sd-entry .sd-dr-note { max-width: 44rem; margin: 40px auto 0; font: 400 13px/1.6 var(--f-num); text-align: center; color: var(--faint); }
.sd-dr .sd-entry .sd-dr-note a { color: var(--accent); }

/* ---------------------------------------------------------------- hero (title band) */
.sd-dr .sd-entry > .sd-dr-hero { padding-block: 104px 96px; text-align: center; }
.sd-dr .sd-entry .sd-dr-pill { display: inline-block; margin: 0 0 22px; padding: 4px 10px; border: 1px solid var(--accent); font: 500 12px/1.3 var(--f-num); letter-spacing: .04em; text-transform: uppercase; color: var(--accent); }
.sd-dr .sd-entry h1 { max-width: 18ch; margin: 0 auto 18px; font: 600 var(--t-h1)/1.04 var(--f-display); letter-spacing: -.02em; text-align: center; color: var(--text); }
.sd-dr .sd-entry h1 .sd-dr-nowrap, .sd-dr .sd-entry .sd-dr-nowrap { white-space: nowrap; }
.sd-dr .sd-entry .sd-dr-sub { max-width: 30ch; margin: 0 auto 18px; font: 600 clamp(1.25rem, 1.05rem + .8vw, 1.75rem)/1.25 var(--f-display); letter-spacing: -.015em; color: var(--accent); text-wrap: balance; }
.sd-dr .sd-entry .sd-dr-hero .sd-dr-lead { margin-bottom: 36px; }

/* the price, as on the /pricing/ band: "as low as $49 a month", the fee line under it */
.sd-dr .sd-entry .sd-dr-price { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 10px; margin: 0 0 6px; }
.sd-dr .sd-entry .sd-dr-price__lead, .sd-dr .sd-entry .sd-dr-price__suffix { font: 400 14px/1 var(--f-num); color: var(--mute); }
.sd-dr .sd-entry .sd-dr-price__amount { font: 600 clamp(2.5rem, 2rem + 2vw, 3.5rem)/1 var(--f-display); letter-spacing: -.03em; color: var(--text); }
.sd-dr .sd-entry .sd-dr-terms { margin: 0 0 32px; font: 400 13px/1.5 var(--f-num); color: var(--mute); }

.sd-dr .sd-entry .wp-block-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0; }
.sd-dr .sd-entry .wp-block-buttons + .sd-dr-kicker { margin-top: 28px; }
.sd-dr .sd-entry .is-style-quiet .wp-block-button__link { background: transparent; border-color: var(--line-2); color: var(--text) !important; }
.sd-dr .sd-entry .is-style-quiet .wp-block-button__link:hover { background: transparent; border-color: var(--accent); color: var(--accent) !important; }
.sd-dr .sd-entry .sd-dr-kicker { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 0; font: 400 12.5px/1.5 var(--f-num); color: var(--accent); }
.sd-dr .sd-entry .sd-dr-kicker::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--accent); } /* the small square mark */

/* the ten Power-Up icons under the hero: "every Power-Up included", shown, not told */
.sd-dr .sd-entry .sd-dr-icons { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 640px; margin: 44px auto 0; padding: 0; list-style: none; }
.sd-dr .sd-entry .sd-dr-icons li { margin: 0; padding: 0; }
.sd-dr .sd-entry .sd-dr-icons img { display: block; width: 48px; height: 48px; border: 1px solid var(--line-2); }

/* ---------------------------------------------------------------- the video, click to play (layer/dreams.js); 16:9 at the reading width */
.sd-dr .sd-entry > .sd-dr-watch { padding-block: 0 96px; }
.sd-dr .sd-entry .sd-dr-video { position: relative; max-width: 960px; margin: 0 auto; aspect-ratio: 16 / 9; border: 1px solid var(--line-2); background: var(--panel); }
.sd-dr .sd-entry .sd-dr-video :is(a, iframe) { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sd-dr .sd-entry .sd-dr-video__play { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; text-decoration: none; background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px); background-size: 56px 56px; background-position: center; }
.sd-dr .sd-entry .sd-dr-video__play::before { content: ""; width: 76px; height: 76px; background: var(--btn-fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 34px no-repeat; transition: background-color .15s; }
.sd-dr .sd-entry .sd-dr-video__play:hover::before { background-color: var(--btn-hover); }
.sd-dr .sd-entry .sd-dr-video__label { font: 500 13px/1.4 var(--f-num); letter-spacing: .04em; color: var(--mute); }
.sd-dr .sd-entry .sd-dr-video__play:hover .sd-dr-video__label { color: var(--text); }

/* ---------------------------------------------------------------- tiles joined edge to edge (module wall, /power-ups/ index) */
/* WordPress wraps a group's children in .wp-block-group__inner-container on a theme without theme.json (this one): the
   wrapper steps aside so the grid lays out the tiles themselves, with or without it */
.sd-dr .sd-entry :is(.sd-dr-tiles, .sd-dr-plans, .sd-dr-steps) > .wp-block-group__inner-container { display: contents; }
.sd-dr .sd-entry .sd-dr-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0 1px 1px 0; }
.sd-dr .sd-entry .sd-dr-tiles--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 960px; margin-inline: auto; }
.sd-dr .sd-entry .sd-dr-tiles--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sd-dr .sd-entry :is(.sd-dr-tiles, .sd-dr-tiles > .wp-block-group__inner-container) > .wp-block-group { position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0 -1px -1px 0; padding: 28px 26px 26px; border: 1px solid var(--line-2); background: var(--panel); text-align: left; }
.sd-dr .sd-entry :is(.sd-dr-tiles, .sd-dr-tiles > .wp-block-group__inner-container) > .wp-block-group > .wp-block-group__inner-container { display: flex; flex-direction: column; height: 100%; }
.sd-dr .sd-entry .sd-light :is(.sd-dr-tiles, .sd-dr-tiles > .wp-block-group__inner-container) > .wp-block-group { background: var(--raise); }
.sd-dr .sd-entry .sd-dr-tiles h3 { margin: 0 0 10px; font: 600 1.1875rem/1.25 var(--f-display); letter-spacing: -.01em; color: var(--text); text-align: left; }
.sd-dr .sd-entry .sd-dr-tiles p { margin: 0 0 14px; color: var(--c-copy); }
.sd-dr .sd-entry .sd-dr-tiles ul { margin: 0 0 18px; padding: 0; list-style: none; }
.sd-dr .sd-entry .sd-dr-tiles li { position: relative; margin: 0 0 8px; padding-left: 24px; color: var(--c-copy); line-height: 1.5; }
.sd-dr .sd-entry .sd-dr-tiles li::before { content: ""; position: absolute; left: 2px; top: .45em; width: 10px; height: 5px; border-left: 1.5px solid var(--accent); border-bottom: 1.5px solid var(--accent); transform: rotate(-45deg); }
.sd-dr .sd-entry .sd-dr-tiles .sd-dr-value { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line-2); font: 400 12.5px/1.5 var(--f-num); color: var(--mute); }
.sd-dr .sd-entry .sd-dr-tiles .sd-dr-value strong { font-weight: 500; color: var(--accent); }
.sd-dr .sd-entry .sd-dr-tiles .wp-block-image { margin: 0 0 18px; }
.sd-dr .sd-entry .sd-dr-tiles .wp-block-image img { display: block; width: 52px; height: 52px; border: 1px solid var(--line-2); }

/* Power-Up tiles: the whole tile is the link to its page (its name's link stretched over it) */
.sd-dr .sd-entry .sd-dr-pu { padding: 22px 20px 20px; transition: border-color .15s, background-color .15s; }
.sd-dr .sd-entry .sd-dr-pu h3 { font: 600 1rem/1.3 var(--f-text); letter-spacing: 0; }
.sd-dr .sd-entry .sd-dr-pu h3 a { color: var(--text); text-decoration: none; }
.sd-dr .sd-entry .sd-dr-pu h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.sd-dr .sd-entry .sd-dr-pu:hover { z-index: 2; border-color: var(--accent); }
.sd-dr .sd-entry .sd-dr-pu:focus-within { z-index: 2; outline: 2px solid var(--accent); outline-offset: -2px; }
.sd-dr .sd-entry .sd-dr-pu p { margin: 0 0 12px; font-size: 15px; line-height: 1.45; color: var(--mute); }
.sd-dr .sd-entry .sd-dr-pu .sd-dr-value { font-size: 12px; }
.sd-dr .sd-entry .sd-dr-tag { display: inline-block; margin: 0 0 12px; padding: 2px 7px; border: 1px solid var(--line-2); font: 500 10.5px/1.4 var(--f-num); letter-spacing: .05em; text-transform: uppercase; color: var(--mute); }
.sd-dr .sd-entry .sd-dr-tag--now { border-color: var(--accent); color: var(--accent); }
.sd-dr .sd-entry .sd-dr-tiles + .sd-dr-tiles { margin-top: 32px; }
.sd-dr .sd-entry .sd-dr-rowlabel { margin: 40px 0 14px; font: 500 12px/1.4 var(--f-num); letter-spacing: .06em; text-transform: uppercase; color: var(--faint); text-align: center; }
.sd-dr .sd-entry .sd-dr-rowlabel:first-of-type { margin-top: 0; }

/* ---------------------------------------------------------------- the three ways to pay (the /pricing/ plans' build: three panels joined by hairlines) */
.sd-dr .sd-entry .sd-dr-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; max-width: 1080px; margin: 0 auto; padding: 0 1px 1px 0; }
.sd-dr .sd-entry :is(.sd-dr-plans, .sd-dr-plans > .wp-block-group__inner-container) > .wp-block-group { margin: 0 -1px -1px 0; padding: 32px 28px 30px; border: 1px solid var(--line-2); background: var(--panel); text-align: center; }
.sd-dr .sd-entry .sd-dr-plans h3 { margin: 0 0 18px; font: 500 12.5px/1.4 var(--f-num); letter-spacing: .06em; text-transform: uppercase; color: var(--accent); text-align: center; }
.sd-dr .sd-entry .sd-dr-plans .sd-dr-plan__price { margin: 0 0 8px; font: 600 clamp(2rem, 1.6rem + 1.4vw, 2.75rem)/1 var(--f-display); letter-spacing: -.03em; color: var(--text); }
.sd-dr .sd-entry .sd-dr-plans .sd-dr-plan__price small { margin-left: 6px; font: 400 14px/1 var(--f-num); letter-spacing: 0; color: var(--mute); }
.sd-dr .sd-entry .sd-dr-plans .sd-dr-plan__then { margin: 0 0 18px; font: 400 13px/1.5 var(--f-num); color: var(--mute); }
.sd-dr .sd-entry .sd-dr-plans .sd-dr-plan__tag { display: inline-block; margin: 0; padding: 3px 8px; border: 1px solid var(--line-2); font: 500 11px/1.4 var(--f-num); letter-spacing: .05em; text-transform: uppercase; color: var(--mute); }
.sd-dr .sd-entry .sd-dr-plans .sd-dr-plan__total { margin: 0; padding-top: 16px; border-top: 1px solid var(--line-2); font: 400 12.5px/1.5 var(--f-num); color: var(--faint); }
.sd-dr .sd-entry .sd-dr-plans + .wp-block-buttons { margin-top: 40px; }

/* ---------------------------------------------------------------- the path: numbered steps on one line */
.sd-dr .sd-entry .sd-dr-steps { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0; counter-reset: sd-dr-step; }
.sd-dr .sd-entry .sd-dr-steps::before { content: ""; position: absolute; top: 22px; left: calc(100% / 6); right: calc(100% / 6); border-top: 1px solid var(--line-2); }
.sd-dr .sd-entry :is(.sd-dr-steps, .sd-dr-steps > .wp-block-group__inner-container) > .wp-block-group { position: relative; text-align: center; counter-increment: sd-dr-step; }
.sd-dr .sd-entry :is(.sd-dr-steps, .sd-dr-steps > .wp-block-group__inner-container) > .wp-block-group::before { content: counter(sd-dr-step, decimal-leading-zero); display: grid; place-items: center; width: 44px; height: 44px; margin: 0 auto 22px; border: 1px solid var(--accent); background: var(--bg); font: 500 14px/1 var(--f-num); color: var(--accent); }
.sd-dr .sd-entry .sd-dr-steps h3 { margin: 0 0 10px; font: 600 1.25rem/1.25 var(--f-display); letter-spacing: -.01em; text-align: center; color: var(--text); }
.sd-dr .sd-entry .sd-dr-steps p { max-width: 30ch; margin: 0 auto 10px; color: var(--c-copy); }
.sd-dr .sd-entry .sd-dr-steps ul { display: inline-block; margin: 6px 0 0; padding: 0; list-style: none; text-align: left; }
.sd-dr .sd-entry .sd-dr-steps li { position: relative; margin: 0 0 6px; padding-left: 22px; font-size: 15px; color: var(--c-copy); }
.sd-dr .sd-entry .sd-dr-steps li::before { content: ""; position: absolute; left: 2px; top: .45em; width: 9px; height: 5px; border-left: 1.5px solid var(--accent); border-bottom: 1.5px solid var(--accent); transform: rotate(-45deg); }

/* ---------------------------------------------------------------- a single panel (guarantee, trade-in invitation, example) */
.sd-dr .sd-entry .sd-dr-panel { max-width: 860px; margin: 64px auto 0; padding: 36px 40px; border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent); background: color-mix(in srgb, var(--accent) 6%, var(--panel)); text-align: center; }
.sd-dr .sd-entry .sd-dr-panel:first-child { margin-top: 0; }
.sd-dr .sd-entry .sd-dr-panel h3 { margin: 0 0 12px; font: 600 clamp(1.25rem, 1.05rem + .8vw, 1.75rem)/1.2 var(--f-display); letter-spacing: -.015em; text-align: center; color: var(--text); }
.sd-dr .sd-entry .sd-dr-panel p { max-width: 40rem; margin: 0 auto 12px; color: var(--c-copy); }
.sd-dr .sd-entry .sd-dr-panel ul { display: inline-block; margin: 8px 0 0; padding: 0; list-style: none; text-align: left; }
.sd-dr .sd-entry .sd-dr-panel li { position: relative; margin: 0 0 8px; padding-left: 24px; color: var(--c-copy); }
.sd-dr .sd-entry .sd-dr-panel li::before { content: ""; position: absolute; left: 2px; top: .45em; width: 10px; height: 5px; border-left: 1.5px solid var(--accent); border-bottom: 1.5px solid var(--accent); transform: rotate(-45deg); }
.sd-dr .sd-entry .sd-dr-panel .sd-dr-small { margin: 14px auto 0; font: 400 12.5px/1.5 var(--f-num); color: var(--faint); }
.sd-dr .sd-entry .sd-dr-panel .wp-block-buttons { margin-top: 24px; }

/* ---------------------------------------------------------------- trade-in: the credit menu and the worked example */
.sd-dr .sd-entry .sd-dr-menu { max-width: 860px; margin: 0 auto; border: 1px solid var(--line-2); }
.sd-dr .sd-entry .sd-dr-menu table { margin: 0; font-size: 1rem; }
.sd-dr .sd-entry .sd-dr-menu :is(th, td) { padding: 16px 22px; border: 0; border-bottom: 1px solid var(--line); }
.sd-dr .sd-entry .sd-dr-menu tr:last-child td { border-bottom: 0; }
.sd-dr .sd-entry .sd-dr-menu thead th { background: var(--panel); font: 500 12px/1.4 var(--f-num); letter-spacing: .05em; text-transform: uppercase; color: var(--faint); border-bottom-color: var(--line-2); }
.sd-dr .sd-entry .sd-dr-menu :is(th, td):last-child { text-align: right; white-space: nowrap; }
.sd-dr .sd-entry .sd-dr-menu td:last-child { font: 500 1rem/1.4 var(--f-num); color: var(--text); }
.sd-dr .sd-entry .sd-dr-menu td:first-child { color: var(--text); }
.sd-dr .sd-entry .sd-dr-menu td small { display: block; margin-top: 2px; font: 400 12.5px/1.4 var(--f-num); color: var(--faint); }
.sd-dr .sd-entry .sd-dr-menu figcaption { padding: 12px 22px; border-top: 1px solid var(--line); font: 400 12.5px/1.5 var(--f-num); color: var(--faint); text-align: left; }

.sd-dr .sd-entry .sd-dr-receipt { max-width: 640px; margin: 0 auto; padding: 32px 36px; border: 1px solid var(--line-2); background: var(--raise); }
.sd-dr .sd-entry .sd-dr-receipt h3 { margin: 0 0 6px; font: 600 1.25rem/1.25 var(--f-display); letter-spacing: -.01em; text-align: left; color: var(--text); }
.sd-dr .sd-entry .sd-dr-receipt > .wp-block-group__inner-container > p:first-of-type { color: var(--mute); }
.sd-dr .sd-entry .sd-dr-receipt dl { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0; margin: 20px 0 0; }
.sd-dr .sd-entry .sd-dr-receipt :is(dt, dd) { margin: 0; padding: 12px 0; border-bottom: 1px dashed var(--line-2); }
.sd-dr .sd-entry .sd-dr-receipt dt { color: var(--c-copy); }
.sd-dr .sd-entry .sd-dr-receipt dd { padding-left: 20px; font: 500 1rem/1.5 var(--f-num); color: var(--text); text-align: right; white-space: nowrap; }
.sd-dr .sd-entry .sd-dr-receipt :is(dt, dd).is-total { border-bottom: 0; border-top: 1px solid var(--text); font-weight: 600; color: var(--text); }
.sd-dr .sd-entry .sd-dr-receipt dd.is-total { font-size: 1.125rem; color: var(--accent); }
.sd-dr .sd-entry .sd-dr-receipt .sd-dr-small { margin: 18px 0 0; font: 400 12.5px/1.5 var(--f-num); color: var(--faint); }

/* ---------------------------------------------------------------- FAQ (core Details blocks: questions in the HTML, answers found by search) */
.sd-dr .sd-entry .sd-dr-faq { max-width: 46rem; margin: 0 auto; border-top: 1px solid var(--line-2); }
.sd-dr .sd-entry .sd-dr-faq details { border-bottom: 1px solid var(--line-2); }
.sd-dr .sd-entry .sd-dr-faq summary { position: relative; display: block; padding: 22px 48px 22px 0; cursor: pointer; list-style: none; font: 600 1.125rem/1.4 var(--f-text); color: var(--text); }
.sd-dr .sd-entry .sd-dr-faq summary::-webkit-details-marker { display: none; }
.sd-dr .sd-entry .sd-dr-faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; translate: 0 -50%; font: 400 22px/1 var(--f-num); color: var(--accent); }
.sd-dr .sd-entry .sd-dr-faq details[open] summary::after { content: "\2212"; }
.sd-dr .sd-entry .sd-dr-faq summary:hover { color: var(--accent); }
.sd-dr .sd-entry .sd-dr-faq details > :not(summary) { margin: 0 0 14px; color: var(--c-copy); }
.sd-dr .sd-entry .sd-dr-faq details > :last-child { margin-bottom: 24px; }
.sd-dr .sd-entry .sd-dr-faq details ul { padding-left: 1.2em; }

/* ---------------------------------------------------------------- the closing band (the site's CTA band, with its words in the content) */
.sd-dr .sd-entry > .sd-dr-cta { padding-block: 104px; text-align: center; }
.sd-dr .sd-entry > .sd-dr-cta h2 { margin-bottom: 14px; }
.sd-dr .sd-entry > .sd-dr-cta .sd-dr-lead { margin-bottom: 32px; }

/* ---------------------------------------------------------------- tablets and phones (no sideways scroll at 360px) */
@media (max-width: 1100px) {
	.sd-dr .sd-entry .sd-dr-tiles--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.sd-dr .sd-entry > .sd-row { padding: 72px var(--sd-gutter); }
	.sd-dr .sd-entry > .sd-dr-hero { padding-block: 72px; }
	.sd-dr .sd-entry .sd-dr-tiles, .sd-dr .sd-entry .sd-dr-tiles--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sd-dr .sd-entry .sd-dr-plans { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
	.sd-dr .sd-entry .sd-dr-steps { grid-template-columns: minmax(0, 1fr); gap: 40px; max-width: 520px; margin-inline: auto; }
	.sd-dr .sd-entry .sd-dr-steps::before { display: none; }
	.sd-dr .sd-entry .sd-dr-lead { margin-bottom: 40px; }
}
@media (max-width: 600px) {
	.sd-dr .sd-entry > .sd-row { padding: 56px 18px; }
	.sd-dr .sd-entry > .sd-dr-hero { padding-block: 56px 64px; }
	.sd-dr .sd-entry > .sd-dr-watch { padding-block: 0 56px; }
	.sd-dr .sd-entry .sd-dr-video__play::before { width: 60px; height: 60px; background-size: 28px; }
	.sd-dr .sd-entry .sd-dr-tiles, .sd-dr .sd-entry .sd-dr-tiles--2 { grid-template-columns: minmax(0, 1fr); }
	.sd-dr .sd-entry .sd-dr-tiles--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sd-dr .sd-entry .sd-dr-pu { padding: 18px 14px; }
	.sd-dr .sd-entry .sd-dr-panel { padding: 28px 20px; margin-top: 48px; }
	.sd-dr .sd-entry .sd-dr-receipt { padding: 24px 18px; }
	.sd-dr .sd-entry .sd-dr-menu :is(th, td) { padding: 14px 14px; }
	.sd-dr .sd-entry .sd-dr-icons { max-width: 248px; gap: 8px; } /* five and five */
	.sd-dr .sd-entry .sd-dr-icons img { width: 43px; height: 43px; }
	.sd-dr .sd-entry .wp-block-buttons { flex-direction: column; align-items: stretch; }
	.sd-dr .sd-entry .wp-block-button__link { width: 100%; white-space: normal; }
}