/* Rich blog article layout */
.art {
  --art-pink:var(--primary-container);
  --art-card:rgba(255,255,255,0.035);
  --art-line:rgba(255,255,255,0.09);
  --art-line-pink:rgba(255,45,135,0.28);
  position:relative;
  padding:calc(var(--header-h) + 1.25rem) 0 4.5rem
}
.art__progress {
  position:fixed;
  top:var(--header-h);
  left:0;
  right:0;
  height:2px;
  z-index:40;
  pointer-events:none
}
.art__progress i {
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--art-pink),var(--primary))
}
.art__wrap {
  width:min(1180px,100% - 2rem);
  margin-inline:auto
}
.art-crumbs {
  display:flex;
  gap:0.5rem;
  font-size:0.8rem;
  color:var(--muted-soft);
  margin-bottom:1.1rem
}
.art-crumbs a {
  color:var(--muted)
}
.art-crumbs a:hover {
  color:var(--primary)
}
.art__grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:2.25rem;
  align-items:start
}
.art__main {
  min-width:0
}
.art-accent {
  color:var(--art-pink)
}

/* hero */
.art-kicker {
  display:inline-block;
  padding:0.35rem 0.8rem;
  border:1px solid var(--art-line-pink);
  border-radius:8px;
  background:rgba(255,45,135,0.08);
  color:var(--primary);
  font-size:0.7rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase
}
.art-hero h1 {
  margin:1rem 0 0.9rem;
  font-size:clamp(1.9rem,4.4vw,3.1rem);
  line-height:1.08;
  letter-spacing:-0.035em;
  font-weight:800;
  max-width:18em
}
.art-lead {
  max-width:40rem;
  font-size:1.05rem;
  color:var(--muted);
  margin:0 0 1.4rem
}
.art-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0.6rem 1.25rem;
  padding:0.85rem 0;
  border-top:1px solid var(--art-line);
  font-size:0.78rem;
  color:var(--muted)
}
.art-meta__author {
  display:inline-flex;
  align-items:center;
  gap:0.6rem;
  color:var(--ink);
  font-weight:600
}
.art-meta__ava {
  display:grid;
  place-items:center;
  width:2rem;
  height:2rem;
  border-radius:50%;
  border:1.5px solid var(--art-pink);
  color:var(--art-pink);
  font-weight:800
}
.art-meta__item {
  display:inline-flex;
  align-items:center;
  gap:0.4rem
}
.art-meta__spacer {
  flex:1
}
.art-meta__btn {
  display:inline-flex;
  align-items:center;
  gap:0.4rem;
  background:none;
  border:0;
  color:var(--muted);
  font:inherit;
  cursor:pointer;
  padding:0.25rem 0
}
.art-meta__btn:hover,.art-meta__btn[aria-pressed="true"] {
  color:var(--primary)
}
.art-meta__btn[aria-pressed="true"] .art-ico {
  fill:currentColor
}
.art-ico {
  width:1.1em;
  height:1.1em;
  flex-shrink:0
}

/* cover */
.art-cover {
  position:relative;
  margin:0.6rem 0 1.5rem;
  border-radius:20px;
  overflow:hidden;
  border:1px solid var(--art-line-pink);
  box-shadow:0 0 40px rgba(255,45,135,0.12)
}
.art-cover__img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1536/896;
  object-fit:cover
}
.art-cover__cap {
  position:absolute;
  left:1.1rem;
  bottom:1.1rem;
  max-width:13rem;
  padding:0.8rem 1rem;
  border-radius:12px;
  background:rgba(17,12,23,0.72);
  backdrop-filter:blur(10px);
  border:1px solid var(--art-line);
  font-size:0.85rem;
  font-weight:600;
  line-height:1.35
}
.art-cover__steps {
  position:absolute;
  right:1.1rem;
  bottom:1.1rem;
  display:flex;
  gap:0.4rem;
  list-style:none;
  margin:0;
  padding:0.5rem 0.7rem;
  border-radius:999px;
  background:rgba(17,12,23,0.72);
  backdrop-filter:blur(10px);
  border:1px solid var(--art-line);
  font-size:0.7rem
}
.art-cover__steps li {
  display:inline-flex;
  align-items:center;
  gap:0.35rem
}
.art-cover__steps li + li::before {
  content:"→";
  margin-right:0.2rem;
  color:var(--muted)
}
.art-cover__steps b {
  display:grid;
  place-items:center;
  width:1.2rem;
  height:1.2rem;
  border-radius:50%;
  border:1px solid var(--art-pink);
  color:var(--primary);
  font-size:0.65rem
}

/* key points */
.art-key {
  margin:0 0 2.2rem;
  padding:1.1rem 1.25rem 1.25rem;
  border-radius:18px;
  border:1px solid var(--art-line-pink);
  background:linear-gradient(135deg,rgba(255,45,135,0.07),rgba(255,255,255,0.02))
}
.art-key__label {
  display:flex;
  align-items:center;
  gap:0.5rem;
  margin:0 0 0.9rem;
  color:var(--primary);
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase
}
.art-key__grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem
}
.art-key__item {
  display:flex;
  gap:0.8rem
}
.art-key__item + .art-key__item {
  border-left:1px solid var(--art-line);
  padding-left:1.25rem
}
.art-key__n {
  flex:0 0 1.9rem;
  height:1.9rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid var(--art-line-pink);
  color:var(--primary);
  font-size:0.8rem;
  font-weight:700
}
.art-key h3 {
  margin:0 0 0.35rem;
  font-size:0.92rem;
  line-height:1.3
}
.art-key p {
  margin:0;
  font-size:0.78rem;
  color:var(--muted);
  line-height:1.5
}

/* sections */
.art-sec {
  margin:0 0 2.4rem;
  scroll-margin-top:calc(var(--header-h) + 1.5rem)
}
.art-sec__title {
  display:flex;
  align-items:baseline;
  gap:0.7rem;
  margin:0 0 1rem;
  font-size:clamp(1.15rem,2.2vw,1.45rem);
  letter-spacing:-0.02em
}
.art-sec__num {
  color:var(--art-pink);
  font-weight:700;
  font-size:0.95em
}
.art-sec p,.art-prose p {
  color:rgba(233,223,239,0.78);
  font-size:0.95rem;
  line-height:1.7;
  margin:0 0 0.9rem
}
.art-quote {
  display:flex;
  align-items:center;
  gap:0.9rem;
  margin:1.2rem 0 0;
  padding:0.9rem 1.1rem;
  border:1px solid var(--art-line-pink);
  border-radius:12px;
  background:rgba(255,45,135,0.05)
}
.art-quote p {
  margin:0;
  color:var(--ink);
  font-size:0.88rem
}
.art-quote__ico {
  width:1.7rem;
  height:1.7rem;
  color:var(--art-pink);
  fill:rgba(255,45,135,0.25)
}

/* direction cards */
.art-cards {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0.75rem
}
.art-card {
  position:relative;
  grid-column:span 2;
  padding:1rem 1.05rem 1.1rem;
  border:1px solid var(--art-line);
  border-radius:14px;
  background:var(--art-card)
}
.art-card:nth-child(-n+2) {
  grid-column:span 3
}
.art-card h3 {
  margin:0.55rem 0 0.15rem;
  font-size:1rem
}
.art-card__sub {
  margin:0 0 0.5rem;
  font-size:0.8rem;
  color:var(--muted)
}
.art-card__text {
  margin:0;
  font-size:0.78rem !important;
  color:var(--muted-soft) !important
}
.art-card__n {
  position:absolute;
  top:1.1rem;
  right:1.1rem;
  font-size:0.75rem;
  color:var(--muted-soft)
}
.art-card__icon {
  display:grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:11px;
  background:#9fc8ff;
  color:#10224a
}
.art-card__icon .art-ico {
  width:1.3rem;
  height:1.3rem
}
.art-card__icon--1 { background:#d9b9ff; color:#2a1050 }
.art-card__icon--2 { background:#b9f0e4; color:#06352c }
.art-card__icon--3 { background:#ffb1c5; color:#4a0a22 }
.art-card__icon--4 { background:#c9c1ff; color:#1d1550 }

/* example */
.art-example {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  border:1px solid var(--art-line);
  border-radius:18px;
  overflow:hidden;
  background:var(--art-card)
}
.art-example__media {
  position:relative;
  min-height:19rem;
  background:#1a1422
}
.art-example__img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(0.85) brightness(0.7)
}
.art-form {
  position:absolute;
  left:7%;
  right:7%;
  top:9%;
  bottom:9%;
  display:flex;
  flex-direction:column;
  gap:0.45rem;
  padding:1.1rem 1.2rem;
  border-radius:10px;
  background:#f4f4f8;
  color:#1c1a24;
  box-shadow:0 20px 50px rgba(0,0,0,0.45)
}
.art-form strong {
  font-size:1.05rem
}
.art-form small {
  color:#77727f;
  font-size:0.62rem
}
.art-form__row {
  display:flex;
  flex-direction:column;
  gap:0.2rem;
  font-size:0.6rem;
  color:#555
}
.art-form__row i {
  font-style:normal;
  padding:0.4rem 0.55rem;
  border:1px solid #d9d6e0;
  border-radius:6px;
  background:#fff;
  color:#9a96a3;
  font-size:0.65rem
}
.art-form__row--area i {
  padding-bottom:1.2rem
}
.art-form__btn {
  margin-top:auto;
  padding:0.6rem;
  border-radius:8px;
  text-align:center;
  background:linear-gradient(90deg,#ff4a8f,#d91c6f);
  color:#fff;
  font-weight:700;
  font-size:0.8rem
}
.art-form__error {
  position:absolute;
  right:0.9rem;
  bottom:3.4rem;
  display:flex;
  gap:0.5rem;
  align-items:center;
  padding:0.55rem 0.8rem;
  border-radius:8px;
  background:#ffe3e3;
  border:1px solid #f4a3a3;
  color:#b42020;
  font-size:0.62rem;
  line-height:1.3;
  box-shadow:0 8px 20px rgba(180,32,32,0.25);
  transition:opacity 0.3s,transform 0.3s
}
.art-form__error em {
  font-style:normal;
  color:#d25b5b
}
.art-form__error .art-ico {
  width:1.2rem;
  height:1.2rem
}
.art-example.is-fixed .art-form__error {
  opacity:0;
  transform:translateY(6px)
}
.art-example__body {
  display:flex;
  flex-direction:column;
  padding:1.3rem 1.4rem
}
.art-badge {
  align-self:flex-start;
  padding:0.25rem 0.6rem;
  border-radius:6px;
  border:1px solid rgba(255,190,80,0.5);
  color:#ffbe50;
  font-size:0.65rem;
  font-weight:700
}
.art-tabpanel h3 {
  margin:0.9rem 0 0.6rem;
  font-size:1.2rem;
  line-height:1.25
}
.art-tabpanel[hidden] {
  display:none
}
.art-tabs {
  display:flex;
  margin-top:auto;
  padding:0.2rem;
  border:1px solid var(--art-line);
  border-radius:10px;
  background:rgba(255,255,255,0.03)
}
.art-tabs button {
  flex:1;
  padding:0.55rem;
  border:0;
  border-radius:8px;
  background:none;
  color:var(--muted);
  font:inherit;
  font-size:0.8rem;
  font-weight:600;
  cursor:pointer
}
.art-tabs button.is-active {
  background:var(--art-pink);
  color:#fff
}

/* checklist */
.art-check {
  padding:1.1rem 1.25rem;
  border:1px solid var(--art-line);
  border-radius:16px;
  background:var(--art-card)
}
.art-check__head {
  display:flex;
  align-items:center;
  gap:1rem;
  font-size:0.78rem;
  margin-bottom:0.9rem
}
.art-bar {
  display:block;
  flex:1;
  height:5px;
  border-radius:99px;
  background:rgba(255,255,255,0.1);
  overflow:hidden
}
.art-bar i {
  display:block;
  height:100%;
  width:0;
  border-radius:99px;
  background:var(--art-pink);
  transition:width 0.3s var(--ease)
}
.art-check__list {
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0.55rem
}
.art-check__list label {
  display:flex;
  align-items:center;
  gap:0.7rem;
  cursor:pointer;
  font-size:0.85rem
}
.art-check__list input {
  position:absolute;
  opacity:0;
  pointer-events:none
}
.art-check__box {
  display:grid;
  place-items:center;
  width:1.15rem;
  height:1.15rem;
  border:1.5px solid rgba(255,255,255,0.35);
  border-radius:4px;
  color:transparent;
  transition:all 0.2s
}
.art-check__box .art-ico {
  width:0.8rem;
  height:0.8rem;
  stroke-width:3
}
.art-check__list input:checked + .art-check__box {
  background:var(--art-pink);
  border-color:var(--art-pink);
  color:#fff
}
.art-check__list input:focus-visible + .art-check__box {
  outline:2px solid var(--primary);
  outline-offset:2px
}
.art-check__save {
  display:flex;
  align-items:center;
  gap:0.45rem;
  margin:1rem 0 0 auto;
  background:none;
  border:0;
  color:var(--muted);
  font:inherit;
  font-size:0.75rem;
  cursor:pointer
}
.art-check__save:hover {
  color:var(--primary)
}

/* quiz mode */
.art-check.is-quiz .art-check__head,
.art-check.is-quiz .art-check__list,
.art-check.is-quiz .art-check__save {
  display:none
}
.art-quiz__head {
  display:flex;
  align-items:center;
  gap:1rem;
  font-size:0.78rem;
  color:var(--muted);
  margin-bottom:1.1rem
}
.art-quiz__q {
  margin:0 0 0.5rem;
  font-size:clamp(1.05rem,2.2vw,1.35rem);
  line-height:1.3
}
.art-quiz__hint {
  margin:0 0 1.2rem !important;
  color:var(--muted) !important;
  font-size:0.85rem !important
}
.art-quiz__answers {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.7rem
}
.art-quiz__btn {
  padding:0.95rem 1rem;
  border:1px solid var(--art-line);
  border-radius:12px;
  background:rgba(255,255,255,0.04);
  color:var(--ink);
  font:inherit;
  font-weight:600;
  font-size:0.9rem;
  cursor:pointer;
  transition:border-color 0.2s,background 0.2s,transform 0.2s
}
.art-quiz__btn:hover {
  border-color:var(--art-pink);
  background:rgba(255,45,135,0.1);
  transform:translateY(-1px)
}
.art-quiz__btn--yes:hover {
  border-color:#4de082;
  background:rgba(77,224,130,0.1)
}
.art-quiz__link {
  background:none;
  border:0;
  padding:0.4rem 0;
  color:var(--muted);
  font:inherit;
  font-size:0.78rem;
  cursor:pointer
}
.art-quiz__link:hover {
  color:var(--primary)
}
.art-quiz > .art-quiz__link {
  margin-top:0.9rem
}
.art-quiz__todo {
  margin:0 0 1.2rem;
  padding-left:1.1rem;
  display:grid;
  gap:0.35rem;
  color:rgba(233,223,239,0.78);
  font-size:0.88rem
}
.art-quiz__actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0.6rem 1.4rem
}
@media (max-width:520px) {
  .art-quiz__answers {
    grid-template-columns:1fr
  }
}

/* priority table */
.art-table {
  border:1px solid var(--art-line);
  border-radius:14px;
  overflow:hidden;
  background:var(--art-card);
  font-size:0.82rem
}
.art-table__row {
  display:grid;
  grid-template-columns:1fr 1.4fr 1.2fr;
  gap:1rem;
  padding:0.75rem 1.1rem;
  align-items:center
}
.art-table__row + .art-table__row {
  border-top:1px solid var(--art-line)
}
.art-table__row--head {
  color:var(--muted-soft);
  font-size:0.72rem
}
.art-table a {
  display:inline-flex;
  align-items:center;
  gap:0.35rem;
  color:var(--ink)
}
.art-table a:hover {
  color:var(--primary)
}
.art-lvl {
  display:inline-flex;
  align-items:center;
  gap:0.45rem;
  font-weight:600
}
.art-lvl::before {
  content:"";
  width:0.55rem;
  height:0.55rem;
  border-radius:50%;
  background:currentColor
}
.art-lvl--crit { color:#ff5a6a }
.art-lvl--warn { color:#ffbe50 }
.art-lvl--low { color:#9aa0b4 }

/* faq */
.art-faq {
  display:grid;
  gap:0.5rem
}
.art-faq__item {
  border:1px solid var(--art-line);
  border-radius:12px;
  background:var(--art-card);
  padding:0 1.1rem
}
.art-faq__item summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:0.85rem 0;
  cursor:pointer;
  font-size:0.88rem;
  font-weight:600;
  list-style:none
}
.art-faq__item summary::-webkit-details-marker {
  display:none
}
.art-faq__item[open] summary .art-ico {
  transform:rotate(180deg);
  color:var(--primary)
}
.art-faq__item summary .art-ico {
  transition:transform 0.25s
}
.art-faq__item p {
  margin:0 0 0.9rem !important;
  font-size:0.82rem !important
}

/* services / cta / related */
.art-h2 {
  font-size:1.15rem;
  margin:0 0 0.9rem
}
.art-services {
  margin:2.6rem 0
}
.art-services__grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.7rem
}
.art-service {
  display:flex;
  flex-direction:column;
  gap:0.3rem;
  padding:1rem 1.1rem;
  border:1px solid var(--art-line);
  border-radius:14px;
  background:var(--art-card);
  transition:border-color 0.25s
}
.art-service:hover {
  border-color:var(--art-line-pink)
}
.art-service span {
  font-size:0.78rem;
  color:var(--muted)
}
.art-service em {
  font-style:normal;
  font-size:0.78rem;
  color:var(--primary)
}
.art-cta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  margin:2.6rem 0;
  padding:1.5rem 1.7rem;
  border-radius:18px;
  border:1px solid var(--art-line-pink);
  background:linear-gradient(120deg,rgba(255,45,135,0.18),rgba(255,45,135,0.04) 60%),var(--surface-lowest)
}
.art-cta h2 {
  margin:0 0 0.35rem;
  font-size:clamp(1.25rem,2.6vw,1.7rem);
  line-height:1.15;
  max-width:16em
}
.art-cta p {
  margin:0;
  font-size:0.85rem;
  color:var(--muted)
}
.art-cta__actions {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0.8rem
}
.art-cta__tg {
  display:inline-flex;
  align-items:center;
  gap:0.45rem;
  font-size:0.82rem;
  color:#4fb6ff
}
.art-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  padding:0.8rem 1.4rem;
  border-radius:12px;
  font-weight:700;
  font-size:0.85rem;
  color:#fff;
  transition:transform 0.25s var(--ease),box-shadow 0.25s var(--ease)
}
.art-btn--primary {
  background:var(--art-pink);
  box-shadow:0 0 22px var(--primary-glow)
}
.art-btn--primary:hover {
  transform:translateY(-2px);
  box-shadow:0 0 34px rgba(255,45,135,0.6)
}
.art-btn--block {
  display:flex;
  width:100%
}
.art-related__grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.8rem
}
.art-rel {
  display:flex;
  align-items:center;
  gap:0.9rem;
  padding:0.65rem 0.8rem 0.65rem 0.65rem;
  border:1px solid var(--art-line);
  border-radius:14px;
  background:var(--art-card);
  transition:border-color 0.25s
}
.art-rel:hover {
  border-color:var(--art-line-pink)
}
.art-rel__media {
  flex:0 0 7.2rem;
  height:5.2rem;
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(135deg,#2d1a3a,#4a1c3b)
}
.art-rel__media img {
  width:100%;
  height:100%;
  object-fit:cover
}
.art-rel__body {
  display:flex;
  flex-direction:column;
  gap:0.3rem;
  min-width:0
}
.art-rel__body small {
  font-size:0.58rem;
  letter-spacing:0.06em;
  color:var(--primary)
}
.art-rel__body strong {
  font-size:0.85rem;
  line-height:1.3
}
.art-rel__body em {
  display:inline-flex;
  align-items:center;
  gap:0.35rem;
  font-style:normal;
  font-size:0.7rem;
  color:var(--muted)
}
.art-rel__go {
  margin-left:auto;
  flex:0 0 2rem;
  height:2rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,45,135,0.18);
  color:var(--primary)
}

/* sidebar */
.art-side {
  align-self:stretch
}
.art-side__sticky {
  position:sticky;
  top:calc(var(--header-h) + 1.25rem);
  display:grid;
  gap:1rem
}
.art-toc,.art-side__cta {
  padding:1.1rem 1.15rem;
  border:1px solid var(--art-line);
  border-radius:16px;
  background:var(--art-card)
}
.art-toc h2,.art-side__cta h2 {
  margin:0 0 0.8rem;
  font-size:0.95rem
}
.art-toc ol {
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0.15rem
}
.art-toc a {
  display:flex;
  gap:0.7rem;
  padding:0.5rem 0.6rem;
  border-left:2px solid transparent;
  border-radius:0 8px 8px 0;
  font-size:0.8rem;
  color:var(--muted)
}
.art-toc a span {
  color:var(--muted-soft);
  font-size:0.72rem;
  padding-top:0.05rem
}
.art-toc a:hover {
  color:var(--ink)
}
.art-toc a.is-active {
  color:var(--ink);
  border-left-color:var(--art-pink);
  background:rgba(255,45,135,0.1)
}
.art-toc a.is-active span {
  color:var(--primary)
}
.art-toc__read {
  margin-top:0.9rem;
  padding-top:0.9rem;
  border-top:1px solid var(--art-line)
}
.art-toc__read p {
  display:flex;
  justify-content:space-between;
  margin:0.5rem 0 0;
  font-size:0.72rem;
  color:var(--muted)
}
.art-toc__read b {
  color:var(--ink)
}
.art-side__cta p {
  margin:0 0 1rem;
  font-size:0.78rem;
  color:var(--muted)
}

/* plain content fallback */
.art-prose h2 {
  margin:2rem 0 0.8rem;
  font-size:1.35rem;
  scroll-margin-top:calc(var(--header-h) + 1.5rem)
}
.art-prose ul,.art-prose ol {
  color:rgba(233,223,239,0.78);
  font-size:0.95rem;
  line-height:1.7;
  padding-left:1.2rem
}
.art-prose a {
  color:var(--primary);
  text-decoration:underline;
  text-underline-offset:3px
}

@media (max-width:1020px) {
  .art__grid {
    grid-template-columns:minmax(0,1fr)
  }
  .art-side {
    order:2
  }
  .art-side__sticky {
    position:static
  }
  .art-toc {
    display:none
  }
}
@media (max-width:720px) {
  .art-key__grid {
    grid-template-columns:1fr
  }
  .art-key__item + .art-key__item {
    border-left:0;
    padding-left:0;
    border-top:1px solid var(--art-line);
    padding-top:1rem
  }
  .art-cards {
    grid-template-columns:1fr
  }
  .art-card,.art-card:nth-child(-n+2) {
    grid-column:auto
  }
  .art-example {
    grid-template-columns:1fr
  }
  .art-table__row {
    grid-template-columns:1fr;
    gap:0.25rem
  }
  .art-table__row--head {
    display:none
  }
  .art-services__grid,.art-related__grid {
    grid-template-columns:1fr
  }
  .art-cover__steps {
    display:none
  }
  .art-meta__spacer {
    display:none
  }
}