/* www.sesamecreate.com, from the Claude Design canvas "sesamecreate.com Website Design".
   Tokens and .ss-* components are in css/ds (copied unchanged from the design system); this file is page layout.
   Class prefix: wb-. Type roles (.h1, .h2, .h3, .body, .body-sm, .label, .mono-label) are the design system's. */

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--pink-600)}
a:hover{color:var(--pink-700)}
:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
[id]{scroll-margin-top:96px}

.skip-link{position:absolute;left:12px;top:-60px;z-index:300;background:var(--ink-900);color:#fff;padding:8px 12px;border-radius:var(--radius-2);font:600 13px var(--font-body)}
.skip-link:focus{top:12px;color:#fff}

/* Type roles */
.display{font:700 clamp(48px,6.4vw,88px)/1.02 var(--font-display);letter-spacing:-.035em;margin:0}
.h1{font:700 clamp(36px,4.6vw,48px)/1.05 var(--font-display);letter-spacing:-.035em;margin:0}
.h2{font:600 clamp(28px,3.4vw,36px)/1.1 var(--font-display);letter-spacing:-.015em;margin:0}
.h3{font:600 22px/1.2 var(--font-display);margin:0}
.h3--lg{font-size:28px}
.body{font:400 16px/1.5 var(--font-body);margin:0}
.body-sm{font:400 14px/1.5 var(--font-body);margin:0}
.label{font:600 13px/1.3 var(--font-body)}
.mono-label{font:500 11px/1.3 var(--font-mono);letter-spacing:.06em}
.muted{color:var(--ink-500)}

/* Layout */
.wb-wrap{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}
.wb-section{padding:96px 0}
.wb-section--white{background:var(--white)}
.wb-section--hero{padding:35px 0 80px}
.wb-section--intro{padding:96px 0 48px}
.wb-section--band{padding:48px 0}
.wb-section--ruled{border-top:1px solid var(--ink-200);border-bottom:1px solid var(--ink-200)}
.wb-stack{display:flex;flex-direction:column;gap:var(--gap,24px)}
.wb-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap,12px)}
.wb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min,260px),100%),1fr));gap:var(--gap,24px)}
.wb-grid--fill{grid-template-columns:repeat(auto-fill,minmax(min(var(--min,220px),100%),1fr))}
.wb-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:var(--gap,48px);align-items:var(--align,start)}
.wb-head{display:flex;flex-direction:column;gap:16px;max-width:760px}
.wb-head--center{align-items:center;text-align:center;max-width:860px;margin:0 auto;gap:20px}
.wb-headrow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.wb-eyebrow{font:500 11px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pink-600)}
.wb-meta{font:500 11px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500)}
.wb-metas{display:flex;flex-wrap:wrap;gap:8px 20px}
.wb-lede{margin:0;font-size:18px;line-height:1.55;color:var(--ink-500);max-width:var(--max,680px)}
.wb-prose-lg{margin:0;font-size:18px;line-height:1.65}

/* Links and buttons */
.wb-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 15px/1.5 var(--font-body);color:var(--pink-600);text-decoration:none;align-self:flex-start}
.wb-more:hover{color:var(--pink-700)}
.wb-more--sm{font-size:14px;line-height:1}
.wb-more--ink{color:var(--ink-900)}
.ss-btn.wb-btn--xl{height:52px;padding:0 26px;font-size:16px}
.ss-btn.wb-btn--dark-outline{background:transparent;color:#fff;border-color:var(--ink-500)}
.ss-btn.wb-btn--dark-outline:hover{border-color:#fff}

/* Blocks */
.wb-step{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--ink-900);padding-top:20px}
.wb-tile{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:24px;display:flex;flex-direction:column;gap:10px}
.wb-tile--page{background:var(--bg-page)}
.wb-tile--lg{padding:32px;gap:16px}
.wb-feature{display:flex;flex-direction:column;gap:10px}
.wb-stat{border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:28px;display:flex;flex-direction:column;gap:8px;background:var(--bg-page)}
.wb-stat--white{background:var(--white)}
.wb-stat__num{font:700 clamp(44px,5vw,64px)/1 var(--font-display);letter-spacing:-.035em}
.wb-check{display:flex;gap:12px;align-items:flex-start}
.wb-check .ss-icon{margin-top:3px}
.wb-quote{border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:20px;background:var(--bg-page);display:flex;gap:12px;align-items:flex-start}
.wb-quote .ss-icon{margin-top:3px}
.wb-badges{display:flex;flex-wrap:wrap;gap:8px}
.wb-note{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border:1px solid var(--info-600);background:var(--info-100);border-radius:var(--radius-2);color:var(--info-600)}
.wb-note p{color:var(--ink-900)}
.wb-note .ss-icon{margin-top:2px}
.wb-panel{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-2);overflow:hidden}
.wb-panel--shadow{box-shadow:var(--shadow-overlay)}
.wb-panel__body{padding:24px;display:flex;flex-direction:column;gap:18px}
.wb-panel__body--lg{padding:28px}
.wb-sales{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:32px;align-items:center}
.ss-stripe.wb-stripe--3{height:3px}
.ss-stripe.wb-stripe--8{height:8px}
.ss-stripe.wb-stripe--2{height:2px}

/* Header */
.wb-header{position:sticky;top:0;z-index:50;background:rgba(247,245,240,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-200)}
.wb-header__in{max-width:var(--container-max);margin:0 auto;padding:12px var(--gutter);display:flex;align-items:center;gap:8px 32px}
.wb-logo{display:flex;align-items:center;min-height:44px}
.wb-logo img{height:22px;width:auto;display:block}
.wb-nav{display:flex;flex-wrap:wrap;gap:0 22px;flex:1 1 auto}
.wb-nav a,.wb-header__link{display:inline-flex;align-items:center;min-height:44px;font:600 14px/1 var(--font-body);color:var(--ink-900);text-decoration:none}
.wb-nav a:hover,.wb-header__link:hover{color:var(--pink-600)}
.wb-nav a[aria-current=page]{color:var(--pink-600)}
.wb-header__link--muted{color:var(--ink-500)}
.wb-header__actions{display:flex;align-items:center;gap:8px 20px}
.wb-header .ss-btn{height:44px;padding:0 18px}
.wb-menu{display:none;margin-left:auto}
.wb-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--ink-300);border-radius:var(--radius-2);background:var(--white);font:600 14px/1 var(--font-body)}
.wb-menu summary::-webkit-details-marker{display:none}
.wb-menu__panel{position:absolute;left:0;right:0;top:100%;background:var(--bg-page);border-bottom:1px solid var(--ink-200);box-shadow:var(--shadow-overlay);padding:8px var(--gutter) 20px;display:flex;flex-direction:column}
.wb-menu__panel a:not(.ss-btn){display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--ink-200);font:600 16px/1 var(--font-body);color:var(--ink-900);text-decoration:none}
.wb-menu__panel .ss-btn{margin-top:16px}
@media(max-width:1040px){.wb-header__in{position:relative}.wb-nav,.wb-header__actions{display:none}.wb-menu{display:block}}

/* Footer */
.wb-footer{background:var(--white);border-top:1px solid var(--ink-200)}
.wb-footer__in{max-width:var(--container-max);margin:0 auto;padding:64px var(--gutter) 32px;display:flex;flex-direction:column;gap:48px}
.wb-footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:32px}
.wb-footer__col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.wb-footer__col--brand{gap:12px}
.wb-footer__col--brand img{height:20px;width:auto}
.wb-footer a,.wb-footer .wb-linkbtn{font:400 14px/1.5 var(--font-body);color:var(--ink-900);text-decoration:none}
.wb-footer a:hover,.wb-footer .wb-linkbtn:hover{color:var(--pink-600)}
.wb-footer__base{display:flex;flex-direction:column;gap:16px}
.wb-footer__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.wb-linkbtn{background:none;border:0;padding:0;cursor:pointer;text-align:left}
.wb-linkbtn[hidden]{display:none}

/* Closing band */
.wb-cta{padding:96px 0;background:var(--ink-900);color:#fff}
.wb-cta__in{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.wb-cta__title{margin:0;font:700 clamp(36px,4.5vw,64px)/1.05 var(--font-display);letter-spacing:-.035em;max-width:860px}
.wb-cta__text{margin:0;font-size:18px;line-height:1.55;color:var(--ink-300);max-width:640px}
.wb-cta .wb-meta{color:var(--ink-300)}

/* Home: hero and the build panel */
.wb-hero__title{margin:0;font:700 clamp(44px,6.4vw,88px)/1.02 var(--font-display);letter-spacing:-.035em}
.wb-hero__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.wb-hero__form .ss-field{flex:1 1 260px}
.wb-build__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--ink-200)}
.wb-build__row:last-child{border-bottom:0}

/* Home: copywriter cards open on hover or focus */
.wb-persona{position:relative;overflow:hidden;height:340px;background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:24px;display:flex;flex-direction:column;gap:14px;transition:border-color var(--dur-base) var(--ease-out)}
.wb-persona img{width:88px;height:88px;border-radius:var(--radius-2);display:block}
.wb-persona__more{position:absolute;inset:0;background:var(--white);padding:24px;display:flex;flex-direction:column;gap:12px;transform:translateY(100%);opacity:0;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out)}
.wb-persona__more .wb-more{margin-top:auto}
.wb-persona:hover,.wb-persona:focus-within{border-color:var(--ink-900)}
.wb-persona:hover .wb-persona__more,.wb-persona:focus-within .wb-persona__more{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.wb-persona__more{transition:opacity var(--dur-fast) linear}}
/* No hover on touch screens: the details sit in the card instead, without repeating the name and teaser. */
@media (hover:none){
  .wb-persona{height:auto}
  .wb-persona__more{position:static;inset:auto;padding:0;transform:none;opacity:1;background:none}
  .wb-persona__more [aria-hidden=true]{display:none}
}

/* Home: example sites, each with a screenshot of its home page (wwwroot/img/examples) */
.wb-example .ss-card__media{border-bottom:1px solid var(--ink-200)}
.wb-example .ss-card__media img{display:block}
.wb-example .ss-card__body{display:flex;flex-direction:column;gap:2px}
.wb-example .ss-card__title{font-size:20px}

/* Home: the page editor mock */
.wb-editor{border:1px solid var(--ink-200);border-radius:var(--radius-2);overflow:hidden;background:var(--bg-page);box-shadow:var(--shadow-overlay)}
.wb-editor__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:var(--white);border-bottom:1px solid var(--ink-200)}
.wb-editor__body{display:flex;flex-wrap:wrap}
.wb-editor__nav{flex:1 1 200px;max-width:100%;background:var(--white);border-right:1px solid var(--ink-200);padding:20px;display:flex;flex-direction:column;gap:4px}
.wb-editor__nav .body-sm{padding:8px 10px}
.wb-editor__nav .wb-meta{padding-bottom:8px}
.wb-editor__nav .wb-meta + .wb-meta,.wb-editor__nav .body-sm + .wb-meta{padding:16px 0 8px}
.wb-editor__item--on{background:var(--pink-100);color:var(--pink-700);font-weight:600;border-radius:var(--radius-1)}
.wb-editor__item--sel{background:var(--ink-100);font-weight:600;border-radius:var(--radius-1)}
.wb-editor__canvas{flex:999 1 420px;min-width:0;padding:32px;display:flex;flex-direction:column;gap:20px}
.wb-editor__photo{height:220px;background:var(--ink-100);border-radius:var(--radius-2);display:grid;place-items:center}
.wb-editor__block{position:relative;border:2px solid var(--pink-500);border-radius:var(--radius-2);padding:24px;background:var(--white);display:flex;flex-direction:column;gap:10px}
.wb-editor__tag{position:absolute;top:-11px;left:16px;background:var(--pink-500);color:#fff;padding:3px 8px;border-radius:var(--radius-1);text-transform:uppercase}
.wb-editor__fakebtn{align-self:flex-start;padding:10px 16px;background:var(--ink-900);color:#fff;border-radius:var(--radius-2);font:600 14px/1 var(--font-body)}
.wb-editor__ghost{border:1px dashed var(--ink-300);border-radius:var(--radius-2);padding:20px;display:flex;flex-direction:column;gap:8px;opacity:.6}
.wb-editor__side{flex:1 1 280px;max-width:100%;background:var(--white);border-left:1px solid var(--ink-200);padding:24px;display:flex;flex-direction:column;gap:18px}
.wb-editor__thumb{width:72px;height:48px;background:var(--ink-100);border-radius:var(--radius-1)}
.wb-fake-input{display:flex;align-items:center;height:40px;padding:0 12px;background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-2);font-size:14px;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* Home: SESAME EDIT chat */
.wb-chat__me{align-self:flex-end;max-width:80%;background:var(--ink-900);color:#fff;border-radius:var(--radius-2);padding:12px 16px}
.wb-chat__ai{align-self:flex-start;max-width:85%;background:var(--bg-page);border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:14px 16px;display:flex;flex-direction:column;gap:10px}

/* Cards with a media box (themes) */
.wb-card .ss-card__media{font-size:12px;padding:16px;text-align:center}
.wb-card .ss-card__title{font-size:20px}
.wb-card__actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:8px}

/* Personas page */
.wb-copywriter{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-2);overflow:hidden;display:flex;flex-direction:column}
.wb-copywriter img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.wb-copywriter__body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto}
.wb-copywriter__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.wb-copywriter__body strong{color:var(--ink-900);font-weight:600}
.wb-copywriter .wb-more{margin-top:auto}
.wb-filters{display:flex;flex-wrap:wrap;gap:16px}
.wb-filters[hidden]{display:none}
.wb-filters .ss-field{flex:0 1 260px}
.wb-filtered[hidden]{display:none}
.wb-empty[hidden]{display:none}

/* Pricing */
.wb-plan{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:32px;display:flex;flex-direction:column;gap:20px}
.wb-plan--featured{border:2px solid var(--ink-900);padding:31px}
.wb-plan__price{display:flex;align-items:baseline;gap:8px}
.wb-plan__num{font:700 56px/1 var(--font-display);letter-spacing:-.035em}
.wb-plan__list{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--ink-200);padding-top:20px}
.wb-plan__list .wb-check{gap:10px}
.wb-plan .ss-btn{margin-top:auto}
.wb-faq{display:flex;flex-direction:column;border-top:1px solid var(--ink-900);max-width:880px}
.wb-faq details{border-bottom:1px solid var(--ink-200);padding:18px 0}
.wb-faq summary{cursor:pointer;font:600 18px/1.3 var(--font-display);display:flex;justify-content:space-between;gap:16px;list-style:none}
.wb-faq summary::-webkit-details-marker{display:none}
.wb-faq summary::after{content:"+";font:400 22px/1 var(--font-body);color:var(--ink-500)}
.wb-faq details[open] summary::after{content:"\2212"}
.wb-faq p{margin:12px 0 0}

/* Specifications */
.wb-spec{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--ink-900)}
.wb-spec__row{display:flex;flex-wrap:wrap;gap:8px 32px;padding:20px 0;border-bottom:1px solid var(--ink-200)}
.wb-spec dt{flex:0 0 240px;font:600 15px/1.3 var(--font-body)}
.wb-spec dd{margin:0;flex:1 1 420px;color:var(--ink-500)}

/* Integrations */
.wb-int-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px}
.wb-int-search[hidden]{display:none}
.wb-int-search .ss-field{flex:0 1 420px;min-width:0}
.wb-int-search .wb-meta{padding-bottom:14px}
.wb-chips{display:flex;flex-wrap:wrap;gap:8px}
.wb-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--ink-300);border-radius:var(--radius-2);background:var(--white);font:600 13px/1 var(--font-body);color:var(--ink-900);text-decoration:none}
.wb-chip:hover{border-color:var(--ink-900);color:var(--ink-900)}
.wb-chip[hidden]{display:none}
.wb-int-cat{display:flex;flex-direction:column;gap:20px}
.wb-int-cat[hidden]{display:none}
.wb-int-cat__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;border-top:1px solid var(--ink-900);padding-top:20px}
.wb-int{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.wb-int[hidden]{display:none}
.wb-int .label{font-size:15px}

/* Contact */
.wb-form{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-2);padding:32px;display:flex;flex-direction:column;gap:20px}
.wb-form__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:8px}
.wb-form__errors{padding:12px 16px;border:1px solid var(--danger);background:var(--danger-100);border-radius:var(--radius-2);color:var(--ink-900);font-size:14px}
.wb-form__errors ul{margin:0;padding-left:18px}
.wb-form__choice{display:flex;gap:8px;flex-wrap:wrap}
.ss-field__hint--error:empty{display:none}
.wb-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.wb-contact-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 18px/1 var(--font-body);color:var(--ink-900);text-decoration:none}
.wb-contact-link:hover{color:var(--pink-600)}
.wb-next{display:flex;gap:16px;align-items:flex-start}
.wb-next .mono-label{color:var(--pink-600);padding-top:4px}
.wb-next__text{display:flex;flex-direction:column;gap:4px}
.wb-next .label{font-size:15px}

/* Consent bar (Sesame.Partners' design) */
.wb-consent{position:fixed;left:24px;bottom:24px;z-index:210;width:min(420px,calc(100vw - 48px));padding:20px;background:var(--surface-card);border:1px solid var(--border-default);box-shadow:var(--shadow-overlay)}
.wb-consent[hidden]{display:none}
.wb-consent__title{margin:0 0 6px;font:600 16px/1.3 var(--font-display);color:var(--text-primary)}
.wb-consent__text{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--ink-700)}
.wb-consent__text a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}
.wb-consent__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* Legal pages */
.wb-prose{max-width:720px;margin:0 auto;padding:72px 24px 96px;font-size:16px;line-height:1.65;color:var(--ink-700)}
.wb-prose__title{font:700 clamp(36px,4.6vw,56px)/1.05 var(--font-display);letter-spacing:-.03em;margin:0 0 20px;color:var(--text-primary)}
.wb-prose__meta{margin:0 0 32px;font-size:14px;color:var(--text-secondary)}
.wb-prose__lede{font-size:18px;line-height:1.6;color:var(--text-primary)}
.wb-prose h2{font:600 24px/1.25 var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:56px 0 14px}
.wb-prose h3{font:600 17px/1.35 var(--font-display);color:var(--text-primary);margin:32px 0 8px}
.wb-prose p,.wb-prose ul,.wb-prose ol,.wb-prose address{margin:0 0 14px}
.wb-prose ul,.wb-prose ol{padding-left:22px}
.wb-prose li{margin:0 0 6px}
.wb-prose address{font-style:normal}
.wb-prose strong{font-weight:600;color:var(--text-primary)}
.wb-prose a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}
.wb-prose a:hover{color:var(--text-accent)}
.wb-prose code{font:500 14px var(--font-mono)}
.wb-prose__toc{margin:32px 0 8px;padding:20px 24px;background:var(--surface-card);border:1px solid var(--border-default)}
.wb-prose__toc ol{margin:0;columns:2;column-gap:32px;font-size:15px}
.wb-prose__toc li{break-inside:avoid}
.wb-prose__table{overflow-x:auto;margin:0 0 20px;border:1px solid var(--border-default);background:var(--surface-card)}
.wb-prose__table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.wb-prose__table th,.wb-prose__table td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--border-default)}
.wb-prose__table tr:last-child td{border-bottom:0}
.wb-prose__table th{font-weight:600;color:var(--text-primary);background:var(--surface-sunken)}

/* Phone width: 16px gutters, tighter sections */
@media(max-width:560px){
  :root{--gutter:16px}
  .wb-section{padding:64px 0}
  .wb-section--hero{padding:32px 0 56px}
  .wb-section--intro{padding:56px 0 32px}
  .wb-cta{padding:64px 0}
  .wb-hero__form .ss-btn{width:100%}
  .wb-tile--lg,.wb-form,.wb-plan,.wb-sales{padding:24px}
  .wb-plan--featured{padding:23px}
  .wb-editor__canvas{padding:20px}
  .wb-consent{left:16px;right:16px;bottom:16px;width:auto}
  .wb-prose{padding:48px 16px 72px}
  .wb-prose__toc ol{columns:1}
  .wb-spec dt{flex-basis:100%}
}