/* Avelis «Кришталь» — inner pages (DA-4): the same world as the approved home, calmer.
   No pinned scenes and no scroll choreography; at most one expressive device per page.
   Phones (≤760): no live blur, no endless loops, no reveal on scroll — content is static and visible at once.
   Shared components (cards, rings, FAQ, reviews, medicine cards) live in b-base.css. */

/* ---------- page frame ---------- */
/* no scene under the header here: the same glass in the page's frost tone (b-base.css), a touch denser for AA over photos */
.site-header{--veil:rgba(237,242,244,.8)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header{--veil:var(--frost)}}
.pg{padding:76px 0 var(--section)}
.breadcrumbs{padding-top:clamp(12px,2vw,28px)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;font-size:var(--fs-micro);color:var(--muted)}
.breadcrumbs li{display:inline-flex;align-items:center;min-height:32px}
.breadcrumbs li+li::before{content:"";width:14px;height:1px;margin:0 10px;background:var(--silver)}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--ink)}
.breadcrumbs li:last-child{color:var(--ink)}

/* ---------- page head: title, lead, actions; --media adds a picture beside it ---------- */
.pg-head{padding-top:clamp(20px,3.2vw,48px)}
.pg-head__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:center}
.pg-head__text{display:grid;gap:18px;justify-items:start;align-content:center}
.pg-h1{font-size:clamp(28px,2.48vw + 20px,56px);font-weight:300;letter-spacing:-.035em;line-height:1.06;max-width:20ch}
.pg-lead{font-size:var(--fs-lead);color:var(--muted);max-width:56ch}
.pg-head .actions{margin-top:6px}
.pg-h1 .t-primary{color:var(--logo)}
.pg-tags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.pg-tags li{padding:7px 14px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--fs-micro);color:var(--muted)}
.pg-head__media{position:relative;margin:0;border-radius:32px;overflow:hidden;background:var(--mist);aspect-ratio:1}
.pg-head__media img{width:100%;height:100%;object-fit:cover}
.pg-head__media .prep-card__ring{right:22px;top:22px;width:128px;height:128px}

/* ---------- sections ---------- */
.pg-sec{padding-top:var(--section)}
.pg-sec__head{display:grid;gap:14px;margin-bottom:clamp(28px,3.4vw,48px);max-width:820px}
.pg-eyebrow,.pg-label{display:flex;align-items:center;gap:12px;font-size:var(--fs-small);color:var(--logo)}
.pg-eyebrow::before,.pg-label::before{content:"";width:24px;height:2px;border-radius:2px;background:currentColor}
.pg-h2{font-size:var(--fs-h2);font-weight:300;max-width:20ch;overflow-wrap:break-word}
.pg-h1,.pg-h3,.pg-cta h2,.b-card h3{overflow-wrap:break-word}
.pg-sub{font-size:var(--fs-lead);color:var(--muted);max-width:60ch}
.pg-note{margin-top:20px;font-size:var(--fs-small);color:var(--muted);max-width:68ch}
.pg-note a,.pg-sub a,.b-card a,.b-list a{color:var(--logo);text-decoration-color:rgba(12,88,129,.35)}
.pg-note a:hover,.pg-sub a:hover,.b-card a:hover,.b-list a:hover{color:var(--ink);text-decoration-color:currentColor}

/* ---------- cards in a grid ---------- */
.b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.b-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.b-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.b-card h3{font-family:var(--f-body);font-weight:600;font-size:var(--fs-lead);letter-spacing:0;line-height:1.3}
.b-card p{color:var(--muted);font-size:var(--fs-small)}
.b-card ul{display:grid;gap:8px;margin-top:6px}
.b-card li{position:relative;padding-left:22px;font-size:var(--fs-small)}
.b-card li::before{content:"";position:absolute;left:0;top:.68em;width:12px;height:2px;border-radius:2px;background:var(--ink)}
.b-card__icon svg{stroke-width:1.8}
/* a big quiet mark on a card: step number, degree, receptor */
.b-card__mark{font-family:var(--f-display);font-weight:300;font-size:clamp(30px,2.6vw,40px);letter-spacing:-.04em;line-height:1;color:var(--logo);margin-bottom:10px}

/* ---------- ruled list: many short points (contraindications) ---------- */
.b-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);border-top:1px solid var(--line)}
.b-list>*{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
.b-list>*>[aria-hidden="true"]{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.b-list>*>[aria-hidden="true"] svg{width:16px;height:16px;stroke-width:1.8}
.b-list p{padding-top:4px}

/* ---------- dark ink panel (same as the home's advantages panel): numbers, offers ---------- */
.b-panel{border-radius:36px;background:var(--ink);color:var(--white);padding:clamp(32px,4.4vw,64px)}
.b-panel :focus-visible{outline-color:var(--ice)}
.b-panel .btn{background:var(--ice);color:var(--ink)}
.b-panel .btn:hover{background:var(--white)}
.b-panel .btn--outline{background:transparent;color:var(--white);border-color:var(--line-dark)}
.b-panel .btn--outline:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.b-panel a:not(.btn){color:var(--ice)}
.b-stats{container-type:inline-size;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));margin:clamp(32px,4vw,56px) calc(-1 * clamp(32px,4.4vw,64px)) calc(-1 * clamp(32px,4.4vw,64px));border-top:1px solid var(--line-dark)}
.b-stat{display:grid;align-content:start;gap:14px;padding:clamp(28px,3vw,40px) clamp(20px,2.6vw,40px) clamp(32px,3.4vw,48px);border-left:1px solid var(--line-dark)}
.b-stat:first-child{border-left:0;padding-left:clamp(32px,4.4vw,64px)}
.b-stat__value{font-family:var(--f-display);font-weight:300;font-size:min(clamp(40px,4.4vw,68px),calc(12.4cqi / var(--n,3)));letter-spacing:-.05em;line-height:1;white-space:nowrap}
.b-stat p{color:var(--muted-dark);font-size:var(--fs-small);max-width:30ch}

/* ---------- call to action on ink ---------- */
.pg-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px clamp(28px,5vw,80px);align-items:end}
.pg-cta__copy{display:grid;gap:14px}
.pg-cta h2{font-size:clamp(28px,3vw,44px);font-weight:300;line-height:1.1;max-width:18ch}
.pg-cta p{color:var(--muted-dark);max-width:46ch}
.pg-cta .actions{justify-content:flex-end}

/* ---------- comparison table: two formats side by side ---------- */
.b-table-wrap{border-radius:30px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(8px,2vw,24px) clamp(20px,3vw,40px)}
.b-table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}
.b-table th,.b-table td{padding:18px 16px 18px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.b-table tbody tr:last-child>*{border-bottom:0}
.b-table thead th{padding-top:16px;font:400 var(--fs-h3)/1.15 var(--f-display);letter-spacing:-.025em;border-bottom-color:var(--ink)}
.b-table thead th:first-child{font:500 var(--fs-small)/1.3 var(--f-body);letter-spacing:0;color:var(--muted)}
.b-table tbody th{width:22%;font-weight:500;font-size:var(--fs-small);color:var(--muted)}
.b-table td strong{font:400 clamp(20px,1.8vw,26px)/1.1 var(--f-display);letter-spacing:-.03em;white-space:nowrap}

/* ---------- FAQ block: title on the left, the list on the right (classes feed the FAQ JSON-LD) ---------- */
.pg-faq__wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start}
.pg-faq__wrap>.pg-h2{position:sticky;top:110px}
.faq__q>span:first-child{flex:1}

/* the short questions on «Схуднення» are <details>: same look, native toggle */
.b-details{border-top:1px solid var(--line)}
.b-details details{border-bottom:1px solid var(--line)}
.b-details summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;list-style:none;font:300 clamp(18px,1.5vw,22px)/1.25 var(--f-display);letter-spacing:-.02em}
.b-details summary::-webkit-details-marker{display:none}
.b-details summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);
  background:linear-gradient(var(--ink),var(--ink)) center/12px 1.6px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.6px 12px no-repeat}
.b-details details[open] summary::after{background:linear-gradient(var(--white),var(--white)) center/12px 1.6px no-repeat,var(--ink)}
.b-details summary:hover{color:var(--logo)}
.b-details details>p{padding:0 0 22px;color:var(--muted);max-width:62ch}

/* ---------- long text ---------- */
.prose{display:grid;gap:16px;max-width:68ch;line-height:1.65}
.prose h2{font-size:var(--fs-h3);font-weight:400;margin-top:clamp(16px,2vw,28px)}
.prose h3{font:600 var(--fs-lead)/1.3 var(--f-body);letter-spacing:0;margin-top:8px}
.prose ul,.prose ol{display:grid;gap:10px}
.prose li{position:relative;padding-left:26px}
.prose ul>li::before{content:"";position:absolute;left:0;top:.78em;width:14px;height:2px;border-radius:2px;background:var(--ink)}
.prose a{color:var(--logo);text-decoration-color:rgba(12,88,129,.35)}
.prose a:hover{color:var(--ink);text-decoration-color:currentColor}

/* ---------- kontakty: the phone on an ink panel, the rest as light cards ---------- */
.pg-sec--near{padding-top:clamp(28px,3.6vw,48px)}
.kt-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto 1fr;gap:clamp(12px,1.6vw,20px)}
.kt-main{grid-row:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.kt-label{font:500 var(--fs-small)/1.3 var(--f-body);letter-spacing:0;color:var(--muted-dark)}
.b-panel .contacts__phone{color:var(--white);font-size:clamp(26px,3.6vw,52px);margin-top:8px}
.b-panel .contacts__email{color:var(--white);text-decoration:underline;text-decoration-color:var(--line-dark);text-underline-offset:5px}
.b-panel .contacts__email:hover,.b-panel .contacts__phone:hover{color:var(--ice)}
.kt-note{color:var(--muted-dark)}
.kt-actions{margin-top:auto;padding-top:clamp(20px,3vw,40px)}
.kt-card .contacts__social{margin:4px 0}
.kt-addr{font-size:var(--fs-body);color:var(--ink)}

/* ---------- medicine pages: the CTA panel keeps its source order (title, text, buttons) ---------- */
.pg--flush{padding-bottom:0}
.pg-cta>h2,.pg-cta>p{grid-column:1}
.pg-cta>.actions{grid-column:2;grid-row:1 / span 2;align-self:end}
.pg-h3{font-size:var(--fs-h3);font-weight:300;margin-bottom:clamp(18px,2vw,28px)}
.pg-related{padding-bottom:var(--section)}
.pg-related__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.pg-related .prep-card{display:grid;gap:6px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r-card);background:var(--white);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--t-fast)}
.pg-related .prep-card:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.pg-related .prep-card+.prep-card{box-shadow:inset 0 0 0 1px var(--line)}
.pg-related .prep-card+.prep-card:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.pg .prep-cards__grid{margin-top:0}
.pg-after{margin-top:clamp(24px,3vw,40px)}

/* ---------- «Схуднення» and other long pages: heading beside its text, stacked panels ---------- */
/* story-hero3 (patient + doctor): a square crop keeps the pen (40%) and both faces (to 83%) in the frame */
.pg-head__media--scene{aspect-ratio:1/1;max-height:min(680px,calc(78 * var(--vh, 1svh)));width:100%}
.pg-head__media--scene .scene-img{object-position:76% 30%}
.pg-head__media .illu{right:auto;left:14px;bottom:14px}
.pg-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px clamp(28px,5vw,80px);align-items:start}
.pg-split__body{display:grid;gap:16px;justify-items:start;font-size:var(--fs-lead);color:var(--muted);max-width:60ch}
.pg-split__body .actions{margin-top:8px}
.pg-stack{display:grid;gap:clamp(12px,1.6vw,20px)}
.pg-steps{list-style:none;margin:0;padding:0}
/* a text block set as a card of the «3 steps» kind (client edits 3): the card keeps the body's lead size */
.pg-split__body.b-card{max-width:none}
.pg-split__body.b-card p{font-size:var(--fs-lead)}
/* one standalone remark under a row of cards («Важливо: …») */
.pg-important{display:block;margin-top:clamp(12px,1.6vw,20px);color:var(--muted)}
.pg-important strong{color:var(--ink)}
.b-panel>.pg-h2{max-width:22ch}
.b-card--ink{background:var(--ink);border-color:var(--ink);color:var(--white)}
.b-card--ink li::before{background:var(--ice)}
.pg-quiz{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 32px;text-decoration:none;color:inherit;transition:border-color var(--t-fast)}
.pg-quiz:hover{border-color:var(--ink)}
.pg-quiz__copy{display:grid;gap:6px}
.pg-quiz__go{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:var(--r-control);background:var(--ink);color:var(--white);font-weight:600;font-size:15px;white-space:nowrap;transition:background var(--t-fast)}
.pg-quiz:hover .pg-quiz__go{background:var(--logo)}
.reviews .reviews__title{margin-bottom:clamp(24px,3vw,44px)}
.pg-mini__value{font-family:var(--f-display);font-weight:300;font-size:clamp(30px,2.8vw,42px);letter-spacing:-.04em;line-height:1;margin-top:4px}

/* ---------- «Про клініку»: text beside the two doctors (cards as on the home), facts as rows on ink ---------- */
.ab-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px clamp(28px,5vw,80px);align-items:start}
.ab-body>p:first-child{font-size:var(--fs-lead);line-height:1.5}
.ab-docs__list{display:grid;gap:clamp(12px,1.6vw,20px)}
.ab-doc .about__photo-wrap{aspect-ratio:4/3}
.ab-doc{position:relative;border-radius:var(--r-card);overflow:hidden}
.ab-doc .about__card{left:10px;right:10px;bottom:10px;padding:14px 16px;border-radius:16px}
.ab-req{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(28px,5vw,80px)}
.ab-req__head{display:grid;gap:28px;align-content:space-between;justify-items:start}
.b-rows{margin:0}
.b-rows>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:6px 24px;padding:18px 0;border-top:1px solid var(--line-dark)}
.b-rows>div:last-child{border-bottom:1px solid var(--line-dark)}
.b-rows dt{font-size:var(--fs-small);color:var(--muted-dark);padding-top:3px}
.b-rows dd{margin:0;font-size:var(--fs-lead);color:var(--white)}
.b-panel .b-rows a{color:var(--white)}
.b-panel .b-rows a:hover{color:var(--ice)}

/* ---------- blog: the home's article cards; articles are calm prose under the page head, the CTA on ink ---------- */
.pg .blog-grid{margin-top:0}
.blog-card__excerpt{color:var(--muted);font-size:var(--fs-small);max-width:52ch}
.pg-article__body>p:first-child{font-size:var(--fs-lead);line-height:1.5}
/* the template's CTA is filled by blog-live.js with .cta-box__title/.cta-box__actions; empty — no panel */
.pg-cta .cta-box__title{font:300 clamp(28px,3vw,44px)/1.1 var(--f-display);letter-spacing:-.03em;max-width:18ch;text-wrap:balance}
.pg-cta>.cta-box__actions{display:flex;flex-wrap:wrap;gap:12px;grid-column:2;grid-row:1 / span 2;align-self:end;justify-content:flex-end}
@media (min-width:961px){.pg-cta>.cta-box__title:nth-last-child(2)+.cta-box__actions{grid-row:1}}
.pg-cta:empty,.pg-sec:has(>.wrap>.pg-cta:empty){display:none}

/* ---------- documents (privacy, terms): numbered sections apart on hairlines, the edition date as a quiet label ---------- */
.prose--doc>p:first-child{font-size:var(--fs-small);color:var(--muted)}
.prose--doc h2{margin-top:clamp(8px,1.2vw,16px);padding-top:clamp(20px,2.2vw,28px);border-top:1px solid var(--line)}

/* ---------- 404: the giant number is the page's one device; the door scene beside it, never under the text ---------- */
.nf__code{font:300 clamp(104px,15vw,216px)/.8 var(--f-display);letter-spacing:-.055em;color:var(--ink);margin:0 0 6px -.04em}
.nf__scene .scene-img{object-position:53% 50%}
.nf__links{margin-top:10px}
.nf__links li{padding:0}
.nf__links a{display:block;padding:10px 16px;border-radius:var(--r-pill);color:var(--muted);text-decoration:none;transition:color var(--t-fast),box-shadow var(--t-fast)}
.nf__links a:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}

/* ---------- motion: the only movement is a reaction to an action; reveal once per section on wide screens ---------- */
@media (prefers-reduced-motion:reduce){.pg-head__media .prep-card__ring{animation:none}}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .b-grid,.b-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-faq__wrap,.pg-cta{grid-template-columns:1fr}
  .pg-faq__wrap>.pg-h2{position:static}
  .kt-grid{grid-template-columns:1fr}
  .pg-split{grid-template-columns:1fr}
  .kt-main{grid-row:auto}
  .ab-grid,.ab-req{grid-template-columns:1fr}
  .ab-req__head{display:contents}
  .ab-req__head .actions{order:2}
  .pg-cta .actions{justify-content:flex-start}
  .pg-cta>.actions,.pg-cta>.cta-box__actions{grid-column:1;grid-row:auto}
  .pg-cta>.cta-box__actions{justify-content:flex-start}
}
@media (max-width:959px){.pg{padding-top:64px}}
@media (min-width:561px) and (max-width:960px){.ab-docs__list{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-doc .about__photo-wrap{aspect-ratio:4/5}}
@media (min-width:421px) and (max-width:560px){.ab-doc .about__photo-wrap{aspect-ratio:4/3}}
@media (max-width:420px){.ab-doc .about__photo-wrap{aspect-ratio:360/440}}
/* long Ukrainian/Russian words in the wide display face: keep them on 320–420 screens */
@media (max-width:420px){.b-table thead th{font-size:15px}.pg-h2{font-size:clamp(24px,7.4vw,30px)}.pg-h1{font-size:clamp(26px,8vw,30px)}}
/* tablets 761–960: «Схуднення» first screen as on the phone — heading and button, then the wide photo */
@media (min-width:761px) and (max-width:960px){
  .pg-head__grid{grid-template-columns:1fr;gap:28px}
  .pg-head__media--scene{aspect-ratio:16/10;max-height:none}
  .pg-head__media--scene .scene-img{object-position:70% 30%}
}
@media (max-width:760px){
  .pg-head__grid{grid-template-columns:1fr;gap:24px}
  .pg-head__media{aspect-ratio:4/3;border-radius:24px}
  .pg-head__media img{object-position:50% 0}
  .pg-head__media--scene{aspect-ratio:4/3;max-height:none}
  .pg-head__media--scene .scene-img{object-position:100% 30%}
  .pg-quiz{grid-template-columns:1fr}
  .pg-quiz__go{justify-content:center}
  .pg-mini .b-card{padding:18px}
  .pg-head__media .prep-card__ring{width:92px;height:92px;right:14px;top:14px}
  .prep-card__ring{animation:none}
  /* head buttons on phones: full width, stacked, the filled one first (source order) */
  .pg-head .actions{flex-direction:column;align-items:stretch;justify-self:stretch;width:100%}
  .pg-head .actions .btn{flex:none;width:100%}
  .b-grid,.b-grid--2{grid-template-columns:1fr;gap:12px}
  .b-grid.b-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .b-list{grid-template-columns:1fr}
  .pg-related__grid{grid-template-columns:1fr}
  .about__card{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(244,248,250,.94)}
  .b-rows>div{grid-template-columns:1fr;padding:16px 0}
  .ab-req__head .actions .btn{flex:1 1 100%}
  /* panels run edge to edge on phones, like the home's numbers panel */
  .b-panel{margin-inline:calc(-1 * var(--gutter));border-radius:0;padding:40px var(--gutter)}
  .b-stats{grid-template-columns:1fr;margin:32px calc(-1 * var(--gutter)) -40px}
  .b-stat,.b-stat:first-child{gap:8px;padding:20px var(--gutter) 22px;border-left:0;border-top:1px solid var(--line-dark)}
  .b-stat:first-child{border-top:0}
  .b-stat__value{font-size:clamp(32px,9.4vw,44px)}
  .pg-cta .actions .btn,.pg-cta .cta-box__actions .btn,.kt-actions .btn{flex:1 1 100%}
  .nf__scene{order:2}
  .nf__scene .scene-img{object-position:56% 40%}
  .b-panel .contacts__phone{font-size:clamp(25px,7.4vw,34px)}
  /* the table turns into rows: the two formats stay as two columns, the criterion becomes a small label */
  .b-table-wrap{padding:8px 18px;border-radius:24px}
  .b-table,.b-table thead,.b-table tbody,.b-table tr{display:block}
  .b-table thead tr,.b-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px}
  .b-table thead tr{border-bottom:1px solid var(--ink)}
  .b-table thead th{padding:14px 0 12px;border:0;font-size:17px}
  .b-table thead th:first-child{display:none}
  .b-table tbody tr{row-gap:6px;padding:14px 0;border-bottom:1px solid var(--line)}
  .b-table tbody tr:last-child{border-bottom:0}
  .b-table tbody th{grid-column:1/-1;width:auto;padding:0;border:0;font-size:var(--fs-micro)}
  .b-table td{padding:0;border:0;font-size:15px;line-height:1.45}
  .b-table th,.b-table td{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
  .b-table td strong{font-size:20px;white-space:normal}
}