:root {
  --color-ivory: #f7f3ea;
  --color-cream: #efe7d8;
  --color-linen: #e4dac9;
  --color-sage: #a8b09a;
  --color-sage-soft: #e5e9df;
  --color-olive: #5f684c;
  --color-olive-dark: #39412f;
  --color-wood: #8c6f52;
  --color-ink: #2d2c28;
  --color-muted: #6e6a61;
  --color-line: rgba(57, 65, 47, 0.16);
  --shadow-soft: 0 18px 45px rgba(67, 58, 45, 0.08);
  --radius: 1.25rem;
  --content-width: 74rem;
  --reading-width: 45rem;
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--color-ivory);
  color: var(--color-ink);
  font-family: var(--font-sans);
  font-size: 1.125rem;
  line-height: 1.75;
  text-rendering: optimizeLegibility;
}
img, svg { display: block; max-width: 100%; }
a { color: var(--color-olive-dark); text-underline-offset: 0.2em; }
a:hover { color: var(--color-olive); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--color-wood); outline-offset: 4px; }

.skip-link {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 1000;
  transform: translateY(-160%);
  background: var(--color-olive-dark);
  color: white;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
}
.skip-link:focus { transform: translateY(0); }

.shell { width: min(calc(100% - 2rem), var(--content-width)); margin-inline: auto; }
.shell--narrow { width: min(calc(100% - 2rem), var(--reading-width)); }

.site-header { border-bottom: 1px solid var(--color-line); background: rgba(247, 243, 234, 0.96); }
.site-header__inner {
  width: min(calc(100% - 2rem), var(--content-width));
  margin-inline: auto;
  min-height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.brand { display: inline-flex; flex-direction: column; text-decoration: none; }
.brand__eyebrow, .chapter-label, .chapter-nav__eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-olive);
  font-weight: 700;
}
.brand__title { font-family: var(--font-serif); font-size: 1.5rem; color: var(--color-olive-dark); }
.top-nav { display: flex; gap: 1.25rem; font-size: 0.95rem; }
.top-nav a { text-decoration: none; }

.hero { padding-bottom: clamp(4rem, 8vw, 7rem); }
.hero__image-wrap { width: min(calc(100% - 2rem), 86rem); margin: 2rem auto 0; }
.hero__image {
  width: 100%;
  max-height: 43rem;
  object-fit: cover;
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}
.hero__content { margin-top: clamp(3rem, 7vw, 6rem); }
h1, h2, h3 { font-family: var(--font-serif); color: var(--color-olive-dark); font-weight: 500; text-wrap: balance; }
h1 { margin: 0.6rem 0 1.2rem; font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: 1.05; }
h2 { margin: 0 0 1.5rem; font-size: clamp(2rem, 4vw, 2.85rem); line-height: 1.16; }
h3 { margin: 0 0 0.7rem; font-size: 1.35rem; line-height: 1.25; }
.hero__subtitle { max-width: 42rem; font-family: var(--font-serif); font-size: clamp(1.25rem, 2vw, 1.6rem); color: var(--color-muted); }
.hero__lead { margin-top: 3rem; padding-left: 1.4rem; border-left: 2px solid var(--color-sage); font-family: var(--font-serif); font-size: clamp(1.25rem, 2vw, 1.55rem); }

.section { padding: clamp(4rem, 8vw, 7rem) 0; }
.section p { margin: 0 0 1.35rem; }
.section--soft { background: var(--color-sage-soft); }
.section--comparison { background: var(--color-cream); }
.section--quiet { background: #efece4; }
.section--closing { background: var(--color-olive-dark); color: #f8f4ea; }
.section--closing h2, .section--closing h3, .section--closing .closing-line, .section--closing .closing-question { color: white; }

.editorial-pause, .principle {
  margin: 3.25rem 0;
  padding: 2.25rem 0 2.25rem 1.5rem;
  border-left: 3px solid var(--color-sage);
  font-family: var(--font-serif);
  font-size: clamp(1.3rem, 2vw, 1.65rem);
  color: var(--color-olive-dark);
}
.editorial-pause p, .principle p { margin-bottom: 0.45rem; }
.statement { margin: 3rem 0 1.5rem !important; font-family: var(--font-serif); font-size: clamp(1.7rem, 3vw, 2.3rem); color: var(--color-olive-dark); }
.statement--small { font-size: clamp(1.45rem, 2.5vw, 1.9rem); }
.note { margin-top: 2rem !important; padding: 1.25rem 1.4rem; background: rgba(229, 233, 223, 0.55); border-left: 3px solid var(--color-sage); }

.editorial-figure { margin: 3rem 0; }
.editorial-figure img { width: 100%; border-radius: var(--radius); box-shadow: var(--shadow-soft); }
.editorial-figure figcaption { margin-top: 1rem; color: var(--color-muted); font-size: 0.95rem; }
.editorial-figure--wide { width: min(100%, 62rem); margin-inline: auto; }

.process-path {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin: 3rem 0;
  padding: 0;
  list-style: none;
}
.process-path li {
  position: relative;
  min-height: 7.5rem;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.34);
  text-align: center;
  font-family: var(--font-serif);
  color: var(--color-olive-dark);
}
.process-path li:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translate(50%, -50%);
  color: var(--color-olive);
  background: var(--color-sage-soft);
  padding: .1rem .25rem;
}

.observation-list { margin: 0; padding: 0; list-style: none; }
.observation-list li { position: relative; padding: .55rem 0 .55rem 1.4rem; }
.observation-list li::before { content: "—"; position: absolute; left: 0; color: var(--color-sage); }
.two-column-list { columns: 2; column-gap: 3rem; margin: 2rem 0 2.5rem; }
.two-column-list li { break-inside: avoid; }
.keywords, .fiber-examples {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 2rem 0 2.5rem;
}
.keywords span, .fiber-examples span {
  padding: .5rem .85rem;
  border: 1px solid var(--color-line);
  border-radius: 999px;
  background: rgba(255,255,255,.42);
  font-family: var(--font-serif);
  color: var(--color-olive-dark);
}

.fiber-groups, .trait-grid, .example-cards, .summary-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 3rem 0;
}
.fiber-card, .trait-grid article, .example-cards article, .summary-groups article,
.blend-types article, .composition-list article, .composition-examples article, .ore-grid article {
  padding: 1.75rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.38);
}
.fiber-card__number { display: block; margin-bottom: 1rem; color: var(--color-olive); font-size: .76rem; font-weight: 700; letter-spacing: .18em; }
.trait-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.comparison, .split-list, .blend-types, .composition-examples {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 2.5rem 0 3rem;
}
.comparison__item, .split-list > div {
  padding: 2rem;
  background: rgba(255,255,255,.34);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
}
.comparison__label { display: block; margin-bottom: .75rem; color: var(--color-olive); font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }

.composition-list { display: grid; gap: 1rem; margin: 2.5rem 0; }
.composition-list article { display: grid; grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr); gap: 1.5rem; align-items: start; }
.composition-list__value { font-family: var(--font-serif); font-size: 1.4rem; color: var(--color-olive-dark); }
.composition-list p, .composition-examples p { margin-bottom: 0; }
.question-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 2rem 0; }
.question-grid span { padding: 1rem 1.15rem; border-left: 3px solid var(--color-sage); background: rgba(255,255,255,.32); font-family: var(--font-serif); color: var(--color-olive-dark); }

.ore-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin: 3rem 0; }
.ore-grid article > span { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; margin-bottom: 1rem; border-radius: 50%; background: var(--color-olive-dark); color: white; font-family: var(--font-serif); }

.summary-groups article { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); }
.summary-groups p { margin-bottom: 0; }
.closing-question { margin: 2rem 0 .25rem !important; font-family: var(--font-serif); font-size: clamp(1.35rem, 2.5vw, 1.8rem); }
.closing-line { margin-top: 3.5rem !important; font-family: var(--font-serif); font-size: clamp(1.7rem, 3vw, 2.3rem); }

.chapter-nav { border-top: 1px solid var(--color-line); background: var(--color-cream); }
.chapter-nav__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.5rem; padding-block: 2.5rem; }
.chapter-nav__item { display: inline-flex; flex-direction: column; text-decoration: none; }
.chapter-nav__item--next { text-align: right; }
.chapter-nav__item--disabled { color: var(--color-muted); }
.chapter-nav__title { font-family: var(--font-serif); font-size: 1.2rem; }
.chapter-nav__index { font-size: .95rem; }
.site-footer { padding: 2rem 0; background: #282b24; color: #e9e4d9; text-align: center; font-size: .9rem; }
.back-to-top { position: fixed; right: 1rem; bottom: 1rem; width: 2.75rem; height: 2.75rem; border: 1px solid var(--color-line); border-radius: 50%; background: var(--color-ivory); color: var(--color-olive-dark); box-shadow: var(--shadow-soft); cursor: pointer; }

@media (max-width: 850px) {
  body { font-size: 1.05rem; }
  .site-header__inner { align-items: flex-start; flex-direction: column; padding-block: 1rem; }
  .top-nav { flex-wrap: wrap; }
  .process-path { grid-template-columns: 1fr; }
  .process-path li { min-height: auto; }
  .process-path li:not(:last-child)::after { content: "↓"; right: 50%; top: auto; bottom: -1rem; transform: translate(50%, 50%); }
  .fiber-groups, .trait-grid, .example-cards, .summary-groups, .ore-grid, .comparison, .split-list, .blend-types, .composition-examples { grid-template-columns: 1fr; }
  .composition-list article { grid-template-columns: 1fr; gap: .5rem; }
  .two-column-list { columns: 1; }
  .chapter-nav__inner { grid-template-columns: 1fr; text-align: center; }
  .chapter-nav__item, .chapter-nav__item--next { text-align: center; }
}

@media (max-width: 540px) {
  .shell, .shell--narrow, .site-header__inner, .hero__image-wrap { width: min(calc(100% - 1.25rem), var(--content-width)); }
  .hero__image { min-height: 17rem; object-fit: cover; border-radius: .9rem; }
  .section { padding-block: 3.5rem; }
  .question-grid { grid-template-columns: 1fr; }
  .fiber-card, .trait-grid article, .example-cards article, .summary-groups article, .blend-types article, .composition-list article, .composition-examples article, .ore-grid article, .comparison__item, .split-list > div { padding: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Capítulo 4 */
.observation-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; margin:2.5rem 0; }
.observation-steps article { padding:1.4rem; border:1px solid var(--color-line); border-radius:var(--radius); background:rgba(255,255,255,.35); }
.observation-steps span { display:block; margin-bottom:.6rem; color:var(--color-olive); font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.test-card { margin:2.5rem 0; padding:1.6rem; border:1px solid var(--color-line); border-radius:var(--radius); background:rgba(255,255,255,.36); }
.test-card h3 { margin-bottom:.8rem; }
.quick-guide { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; margin:2.5rem 0; }
.quick-guide article { padding:1.5rem; border-left:3px solid var(--color-sage); background:rgba(255,255,255,.3); }
.quick-guide ul { margin:.5rem 0 0; padding-left:1.1rem; }
.hero--overlay { position:relative; width:min(calc(100% - 2rem),86rem); margin:2rem auto 0; overflow:hidden; border-radius:var(--radius); box-shadow:var(--shadow-soft); }
.hero--overlay .hero__image-wrap { width:100%; margin:0; }
.hero--overlay .hero__image { border-radius:0; box-shadow:none; max-height:43rem; }
.hero--overlay .hero__content { position:absolute; inset:0; margin:0; display:flex; flex-direction:column; justify-content:center; width:min(52%,38rem); padding:clamp(2rem,6vw,5rem); background:linear-gradient(90deg,rgba(247,243,234,.96) 0%,rgba(247,243,234,.86) 70%,rgba(247,243,234,0) 100%); }
.hero--overlay h1 { font-size:clamp(2.7rem,5vw,4.7rem); }
@media (max-width:850px){ .observation-steps,.quick-guide{grid-template-columns:1fr 1fr;} .hero--overlay .hero__content{position:relative;width:100%;background:var(--color-ivory);} }
@media (max-width:540px){ .observation-steps,.quick-guide{grid-template-columns:1fr;} }


/* Ajuste de escala dos diagramas do Capítulo 4 */
.diagram-breakout {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100vw - 2rem), 64rem);
  margin: 2.5rem auto 0;
}

.observation-steps, .quick-guide {
  gap: 1.15rem;
}

.observation-steps article {
  min-height: 13.5rem;
  padding: 1.75rem 1.3rem;
}

.observation-steps h3, .quick-guide h3 {
  font-size: 1.55rem;
}

.observation-steps p, .quick-guide li {
  font-size: 1.12rem;
  line-height: 1.7;
}

.quick-guide article {
  min-height: 13rem;
  padding: 1.7rem 1.3rem;
  border-left-width: 4px;
}

.quick-guide ul {
  padding-left: 1.25rem;
}

@media (max-width: 850px) {
  .diagram-breakout {
    left: auto;
    transform: none;
    width: 100%;
  }

  .observation-steps article,
  .quick-guide article {
    min-height: auto;
  }
}

/* Capítulo 5 */
.composition-chips,
.record-grid {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin: 2rem 0 2.5rem;
}
.composition-chips span,
.record-grid span {
  padding: .65rem 1rem;
  border: 1px solid var(--color-line);
  border-radius: 999px;
  background: rgba(255,255,255,.5);
  font-family: var(--font-serif);
  color: var(--color-olive-dark);
}
.percentage-guide,
.blend-reading,
.term-groups {
  display: grid;
  gap: 1.2rem;
  margin: 2.5rem 0;
}
.percentage-guide { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.blend-reading { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.term-groups { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.percentage-guide article,
.blend-reading article,
.term-groups article {
  padding: 1.7rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.38);
}
.percentage-guide__value,
.composition-value,
.term-groups article > span {
  display: block;
  margin-bottom: .8rem;
  font-family: var(--font-serif);
  color: var(--color-olive-dark);
}
.percentage-guide__value { font-size: 2rem; }
.composition-value { font-size: 1.35rem; }
.term-groups article > span {
  color: var(--color-olive);
  font-size: .78rem;
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.reading-path {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.1rem;
  margin: 2.5rem 0;
}
.reading-path article {
  min-height: 14rem;
  padding: 1.6rem 1.3rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.4);
}
.reading-path span {
  display: block;
  margin-bottom: .7rem;
  color: var(--color-olive);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .16em;
}
.composition-examples--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.quick-guide--composition article { min-height: 12rem; }

@media (max-width: 850px) {
  .percentage-guide,
  .blend-reading,
  .term-groups,
  .reading-path,
  .composition-examples--three { grid-template-columns: 1fr 1fr; }
  .reading-path article { min-height: auto; }
}
@media (max-width: 540px) {
  .percentage-guide,
  .blend-reading,
  .term-groups,
  .reading-path,
  .composition-examples--three { grid-template-columns: 1fr; }
}


/* Capítulo 6 — Tecidos planos */
.part-opening { padding: 1rem 0 4rem; text-align: center; }
.part-opening__label { display:inline-block; margin-bottom:.8rem; color:var(--color-olive); font-size:.76rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.part-opening h2 { margin-bottom:.8rem; }
.part-opening p { max-width:42rem; margin:0 auto; color:var(--color-muted); }
.weave-equation { display:grid; grid-template-columns:1fr auto 1fr auto 1.25fr; align-items:center; gap:1rem; margin:2.7rem 0; }
.weave-equation span { padding:1.4rem; border:1px solid var(--color-line); border-radius:var(--radius); background:rgba(255,255,255,.42); text-align:center; font-family:var(--font-serif); color:var(--color-olive-dark); }
.weave-equation b { color:var(--color-olive); font-family:var(--font-serif); font-size:1.5rem; }
.direction-diagram { position:relative; margin:3rem auto; width:min(100%,64rem); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-soft); }
.direction-diagram img { width:100%; display:block; }
.direction-diagram__line { position:absolute; display:block; z-index:2; }
.direction-diagram__line span { position:absolute; display:inline-flex; align-items:center; justify-content:center; padding:.42rem .78rem; border-radius:999px; box-shadow:0 6px 16px rgba(0,0,0,.10); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }

/* Urdume: vertical e paralelo às ourelas */
.direction-diagram__warp { top:14%; bottom:13%; left:50%; width:3px; transform:translateX(-50%); background:#6d8a57; }
.direction-diagram__warp span { top:.6rem; left:50%; transform:translate(-50%,0); background:#6d8a57; color:#ffffff; }

/* Trama: horizontal, de uma ourela à outra */
.direction-diagram__weft { left:9%; right:9%; top:57%; height:3px; background:#b56f4f; }
.direction-diagram__weft span { left:-.1rem; top:-.65rem; transform:translate(0,-100%); background:#b56f4f; color:#ffffff; }

/* Viés: diagonal */
.direction-diagram__bias { left:17%; top:57%; width:66%; height:3px; background:rgba(255,255,255,.98); box-shadow:0 0 0 1px rgba(66,54,43,.18); transform:translateY(-50%) rotate(-24deg); transform-origin:center; }
.direction-diagram__bias span { left:50%; top:50%; transform:translate(-50%,-50%) rotate(24deg); background:rgba(255,255,255,.96); color:var(--color-olive-dark); }

.direction-diagram__selvage { position:absolute; top:7%; bottom:7%; width:4px; background:rgba(95,104,76,.82); z-index:2; }
.direction-diagram__selvage--left { left:3.2%; }
.direction-diagram__selvage--right { right:3.2%; }
.direction-diagram__selvage-label { position:absolute; top:9%; z-index:3; padding:.32rem .58rem; border-radius:999px; background:rgba(247,243,234,.96); color:var(--color-olive-dark); box-shadow:0 6px 16px rgba(0,0,0,.08); font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.direction-diagram__selvage-label--left { left:4.4%; }
.direction-diagram__selvage-label--right { right:4.4%; }

.axis-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:2.5rem 0; }
.axis-cards article { padding:1.6rem; border:1px solid var(--color-line); border-radius:var(--radius); background:rgba(255,255,255,.36); }
.axis-cards span { display:block; margin-bottom:.7rem; color:var(--color-olive); font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.measure-steps { counter-reset:step; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:2.5rem 0; }
.measure-steps article { counter-increment:step; padding:1.4rem; border-top:3px solid var(--color-sage); background:rgba(255,255,255,.32); }
.measure-steps article::before { content:"0" counter(step); display:block; margin-bottom:.7rem; color:var(--color-olive); font-size:.74rem; font-weight:700; letter-spacing:.14em; }
.warning-box { margin:2.5rem 0; padding:1.7rem; border:1px solid rgba(140,111,82,.28); border-radius:var(--radius); background:rgba(239,231,216,.62); }
.cut-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem 1.4rem; margin:2.5rem 0; padding:0; list-style:none; }
.cut-checklist li { position:relative; padding:1rem 1rem 1rem 2.6rem; border-bottom:1px solid var(--color-line); }
.cut-checklist li::before { content:"✓"; position:absolute; left:.8rem; color:var(--color-olive); font-weight:700; }
@media(max-width:850px){ .weave-equation{grid-template-columns:1fr;} .weave-equation b{transform:rotate(90deg); text-align:center;} .axis-cards,.measure-steps{grid-template-columns:1fr 1fr;} }
@media(max-width:540px){ .axis-cards,.measure-steps,.cut-checklist{grid-template-columns:1fr;} .direction-diagram__line span,.direction-diagram__selvage-label{font-size:.56rem; padding:.25rem .42rem;} .direction-diagram__warp span{top:.35rem;} .direction-diagram__weft span{left:-.1rem; top:-.35rem;} .direction-diagram__bias{left:13%; width:74%; top:57%;} .direction-diagram__bias span{left:50%; top:50%;} }

/* Capítulo 7 — Malhas */
.knit-equation { display:grid; grid-template-columns:1fr auto 1fr auto 1.5fr; gap:1rem; align-items:center; margin:2.5rem 0; }
.knit-equation span { padding:1.25rem; border:1px solid var(--color-line); border-radius:var(--radius); background:rgba(255,255,255,.38); text-align:center; font-family:var(--font-serif); font-size:1.35rem; color:var(--color-olive-dark); }
.knit-equation b { color:var(--color-olive); font-size:1.5rem; }
.structure-fiber-grid,.stretch-recovery,.ease-grid,.cut-principles,.sewing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:2.5rem 0; }
.structure-fiber-grid article,.stretch-recovery article,.ease-grid article,.cut-principles article,.sewing-grid article { padding:1.6rem; border:1px solid var(--color-line); border-radius:var(--radius); background:rgba(255,255,255,.36); }
.structure-fiber-grid span,.ease-grid span { display:block; margin-bottom:.7rem; color:var(--color-olive); font-size:.76rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.direction-photos { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin:2.5rem 0; }
.direction-photos figure { margin:0; }
.direction-photos img { width:100%; height:100%; max-height:34rem; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow-soft); }
.direction-photos figcaption { margin-top:.8rem; color:var(--color-muted); font-size:.95rem; }
.diagnostic-table { margin:2.5rem 0; border:1px solid var(--color-line); border-radius:var(--radius); overflow:hidden; background:rgba(255,255,255,.36); }
.diagnostic-table > div { display:grid; grid-template-columns:minmax(9rem,.55fr) minmax(0,1.45fr); gap:1rem; padding:1rem 1.2rem; border-bottom:1px solid var(--color-line); }
.diagnostic-table > div:last-child { border-bottom:0; }
.diagnostic-table__head { background:rgba(95,104,76,.1); color:var(--color-olive-dark); font-weight:700; }
.diagnostic-table strong { color:var(--color-olive-dark); }
@media(max-width:850px){ .knit-equation{grid-template-columns:1fr;} .knit-equation b{transform:rotate(90deg); text-align:center;} .structure-fiber-grid,.stretch-recovery,.ease-grid,.cut-principles,.sewing-grid{grid-template-columns:1fr;} }
@media(max-width:620px){ .direction-photos{grid-template-columns:1fr;} .diagnostic-table > div{grid-template-columns:1fr; gap:.35rem;} }

/* Capítulo 8 */
.weave-sequence{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem 0}.weave-sequence span{padding:.9rem 1.25rem;border:1px solid var(--line,#cfc7b8);border-radius:999px;background:#f7f3eb}.weave-sequence b{color:#7a8065}.influence-wheel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.influence-wheel article,.weave-card,.comparison-card{padding:1.4rem;border:1px solid rgba(90,85,72,.18);border-radius:18px;background:rgba(255,255,255,.58)}.influence-wheel article:nth-child(4){grid-column:2}.weave-diagrams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2.25rem 0}.weave-card{padding:1.7rem}.weave-card h3{margin-top:0}.weave-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:6px;aspect-ratio:1.45;margin:1.15rem 0 1.3rem}.weave-grid i{display:block;min-width:0;min-height:0;border-radius:3px;background:#d8d0bf}.weave-grid--plain i:nth-child(1),.weave-grid--plain i:nth-child(3),.weave-grid--plain i:nth-child(5),.weave-grid--plain i:nth-child(8),.weave-grid--plain i:nth-child(10),.weave-grid--plain i:nth-child(12),.weave-grid--plain i:nth-child(13),.weave-grid--plain i:nth-child(15),.weave-grid--plain i:nth-child(17),.weave-grid--plain i:nth-child(20),.weave-grid--plain i:nth-child(22),.weave-grid--plain i:nth-child(24),.weave-grid--plain i:nth-child(25),.weave-grid--plain i:nth-child(27),.weave-grid--plain i:nth-child(29),.weave-grid--plain i:nth-child(32),.weave-grid--plain i:nth-child(34),.weave-grid--plain i:nth-child(36){background:#7e8b6b}.weave-grid--twill i:nth-child(1),.weave-grid--twill i:nth-child(2),.weave-grid--twill i:nth-child(8),.weave-grid--twill i:nth-child(9),.weave-grid--twill i:nth-child(15),.weave-grid--twill i:nth-child(16),.weave-grid--twill i:nth-child(22),.weave-grid--twill i:nth-child(23),.weave-grid--twill i:nth-child(29),.weave-grid--twill i:nth-child(30),.weave-grid--twill i:nth-child(31),.weave-grid--twill i:nth-child(36){background:#7e8b6b}.weave-grid--satin i:nth-child(1),.weave-grid--satin i:nth-child(12),.weave-grid--satin i:nth-child(20),.weave-grid--satin i:nth-child(27),.weave-grid--satin i:nth-child(35){background:#7e8b6b}.compare-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.compare-three article{padding:1.5rem;border-top:3px solid #7e8b6b;background:#f6f1e8;border-radius:0 0 16px 16px}.compare-three h3{margin-top:0}.same-fiber-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.same-fiber-grid article{padding:1.25rem;border-left:3px solid #a66f55;background:#faf7f1}.quick-guide--weaves{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-guide--weaves article{min-width:0}.chapter-kicker{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#6f765d}.definition-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.definition-pair article{padding:1.5rem;border-radius:18px;background:#f3eee4}.definition-pair span{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#77705f;margin-bottom:.45rem}@media(max-width:900px){.weave-diagrams,.compare-three,.same-fiber-grid,.influence-wheel{grid-template-columns:1fr 1fr}.influence-wheel article:nth-child(4){grid-column:auto}.quick-guide--weaves{grid-template-columns:1fr 1fr}}@media(max-width:620px){.weave-diagrams,.compare-three,.same-fiber-grid,.influence-wheel,.definition-pair,.quick-guide--weaves{grid-template-columns:1fr}}

/* Capítulo 8 — ajuste do roteiro rápido de ligamentos */
.quick-guide--weaves {
  grid-template-columns: 0.9fr 1.05fr 1.25fr 1.25fr 1fr;
  gap: 0;
  margin: 2rem 0 1rem;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 18px;
  overflow: hidden;
}

.quick-guide--weaves article {
  min-height: 0;
  padding: 1.35rem 1.25rem 1.45rem;
  border-left: 2px solid var(--color-sage);
  background: transparent;
}

.quick-guide--weaves article:first-child {
  border-left-width: 4px;
}

.quick-guide--weaves h3 {
  margin: 0 0 0.7rem;
  font-size: clamp(1.2rem, 1.65vw, 1.45rem);
  line-height: 1.15;
}

.quick-guide--weaves ul {
  margin: 0;
  padding-left: 1.15rem;
}

.quick-guide--weaves li {
  font-size: clamp(0.98rem, 1.1vw, 1.08rem);
  line-height: 1.52;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

section:has(.quick-guide--weaves) .diagram-breakout {
  width: min(calc(100vw - 2rem), 74rem);
}

@media (max-width: 900px) {
  .quick-guide--weaves {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    background: transparent;
    overflow: visible;
  }

  .quick-guide--weaves article,
  .quick-guide--weaves article:first-child {
    border-left-width: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0 14px 14px 0;
  }
}

@media (max-width: 560px) {
  .quick-guide--weaves {
    grid-template-columns: 1fr;
  }
}


/* Capítulo 9 */
.trait-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.density-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2.5rem 0}
.density-scale article,.recognition-grid article,.fabric-family-grid article,.purchase-guide article{padding:1.4rem;border:1px solid var(--color-line);border-radius:var(--radius);background:rgba(255,255,255,.38)}
.density-scale span{display:block;margin-bottom:.65rem;color:var(--color-olive);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.recognition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2.5rem 0}
.fabric-family-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:2.5rem 0}
.fabric-family-grid h3,.recognition-grid h3{font-size:1.35rem}
.finish-options,.project-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin:2rem 0}
.finish-options span,.project-tags span{padding:.55rem .9rem;border:1px solid var(--color-line);border-radius:999px;background:rgba(255,255,255,.4);font-size:.92rem}
.purchase-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.purchase-guide article:last-child{grid-column:span 2}
.quick-guide--family{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.quick-guide--family article{min-width:0;padding:1.2rem 1.05rem;border-left:2px solid var(--color-sage)}
.quick-guide--family h3{font-size:1.35rem}
.quick-guide--family li{overflow-wrap:anywhere}
@media(max-width:1000px){.fabric-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-guide--family{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quick-guide--family article{border:1px solid var(--color-line);border-radius:var(--radius)}}
@media(max-width:850px){.trait-grid--three,.density-scale,.recognition-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.trait-grid--three,.density-scale,.recognition-grid,.fabric-family-grid,.purchase-guide,.quick-guide--family{grid-template-columns:1fr}.purchase-guide article:last-child{grid-column:auto}}

/* Capítulo 9 — ajuste editorial dos cartões da família tela */
.fabric-family-grid {
  width: min(calc(100vw - 2rem), 76rem);
  margin: 2.5rem 0 2.5rem 50%;
  transform: translateX(-50%);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.15rem;
  align-items: stretch;
}

.fabric-family-grid article {
  min-width: 0;
  min-height: 0;
  padding: 1.5rem 1.35rem 1.6rem;
  display: flex;
  flex-direction: column;
}

.fabric-family-grid h3 {
  margin: 0 0 0.8rem;
  font-size: clamp(1.16rem, 1.45vw, 1.4rem);
  line-height: 1.15;
}

.fabric-family-grid p {
  margin: 0;
  font-size: clamp(0.98rem, 1vw, 1.06rem);
  line-height: 1.58;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (max-width: 1000px) {
  .fabric-family-grid {
    width: 100%;
    margin: 2.5rem 0;
    transform: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .fabric-family-grid {
    grid-template-columns: 1fr;
  }
}


/* Capítulo 10 */
.balance-grid,.recognition-grid--six,.behavior-grid,.sewing-grid,.context-grid,.mistake-grid,.decision-grid{display:grid;gap:1rem;margin:2.3rem 0}
.balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.recognition-grid--six{grid-template-columns:repeat(3,minmax(0,1fr))}
.behavior-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sewing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mistake-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.decision-grid{grid-template-columns:1fr 1fr}
.balance-grid article,.recognition-grid--six article,.behavior-grid article,.sewing-grid article,.context-grid article,.mistake-grid article,.decision-grid article,.summary-card{padding:1.4rem;border:1px solid var(--color-line);border-radius:var(--radius);background:rgba(255,255,255,.38)}
.balance-grid h3,.recognition-grid--six h3,.behavior-grid h3,.sewing-grid h3,.context-grid h3,.mistake-grid h3,.decision-grid h3{font-size:1.25rem}
.grammage-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}
.grammage-scale article{padding:1.3rem;border-left:4px solid var(--color-sage);background:rgba(255,255,255,.32);border-radius:0 14px 14px 0}
.comparison-table,.technical-table{width:100%;border-collapse:collapse;margin:2rem 0;background:rgba(255,255,255,.34);border-radius:var(--radius);overflow:hidden}
.comparison-table th,.comparison-table td,.technical-table th,.technical-table td{padding:1rem 1.1rem;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}
.comparison-table th,.technical-table th{color:var(--color-olive);font-family:var(--font-serif);font-size:1.08rem}
.comparison-table tr:last-child td,.technical-table tr:last-child td,.technical-table tr:last-child th{border-bottom:0}
.summary-wrap{width:min(calc(100vw - 2rem),72rem);margin:2.5rem 0 2.5rem 50%;transform:translateX(-50%)}
.summary-card{overflow-x:auto}
.glossary-link{display:inline-block;margin-top:.6rem;color:var(--color-olive);font-weight:700;text-underline-offset:.2em}
.quick-guide--tricoline{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.quick-guide--tricoline article{min-width:0;padding:1.2rem 1.05rem;border-left:2px solid var(--color-sage)}
.quick-guide--tricoline h3{font-size:1.25rem}
@media(max-width:1000px){.mistake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-guide--tricoline{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quick-guide--tricoline article{border:1px solid var(--color-line);border-radius:var(--radius)}}
@media(max-width:850px){.balance-grid,.recognition-grid--six,.behavior-grid,.sewing-grid,.context-grid,.grammage-scale{grid-template-columns:1fr 1fr}.decision-grid{grid-template-columns:1fr}}
@media(max-width:620px){.balance-grid,.recognition-grid--six,.behavior-grid,.sewing-grid,.context-grid,.mistake-grid,.grammage-scale,.quick-guide--tricoline{grid-template-columns:1fr}.summary-wrap{width:100%;margin:2rem 0;transform:none}.comparison-table,.technical-table{font-size:.95rem}.comparison-table th,.comparison-table td,.technical-table th,.technical-table td{padding:.8rem}}


/* Ajuste editorial — Erros comuns */
.section--mistakes {
  width: min(calc(100% - 2rem), 72rem);
}
.section--mistakes .mistake-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 1.15rem;
}
.section--mistakes .mistake-grid article {
  min-width: 0;
  height: auto;
  padding: 1.45rem 1.3rem;
}
.section--mistakes .mistake-grid h3 {
  margin-bottom: .8rem;
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  line-height: 1.18;
}
.section--mistakes .mistake-grid p {
  margin: 0;
  line-height: 1.65;
}
@media (max-width: 1100px) {
  .section--mistakes .mistake-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .section--mistakes { width: min(calc(100% - 1.25rem), var(--content-width)); }
  .section--mistakes .mistake-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .section--mistakes .mistake-grid { grid-template-columns: 1fr; }
}

/* Capítulo 11 — Popeline */
.balance-grid, .behavior-grid, .context-grid, .process-grid, .decision-grid, .recognition-grid--six, .mistake-grid, .grammage-scale {
  display: grid;
  gap: 1.2rem;
  margin: 2.5rem 0;
}
.balance-grid, .grammage-scale { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.behavior-grid, .recognition-grid--six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.context-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.process-grid, .decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mistake-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.balance-grid article, .behavior-grid article, .context-grid article, .process-grid article, .decision-grid article, .recognition-grid--six article, .mistake-grid article, .grammage-scale article {
  padding: 1.55rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.4);
}
.mistake-grid article { padding: 1.35rem; }
.section--comparison { background: var(--color-cream); }
.summary-wrap { overflow-x: auto; }
.comparison-table, .technical-table { width: 100%; border-collapse: collapse; min-width: 42rem; }
.comparison-table th, .comparison-table td, .technical-table th, .technical-table td { padding: 1rem; border: 1px solid var(--color-line); text-align: left; vertical-align: top; }
.comparison-table th, .technical-table th { color: var(--color-olive-dark); font-family: var(--font-serif); font-weight: 600; background: rgba(229,233,223,.55); }
.summary-card { padding: 1rem; border: 1px solid var(--color-line); border-radius: var(--radius); background: rgba(255,255,255,.35); }
@media (max-width: 950px) {
  .mistake-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .balance-grid, .grammage-scale, .behavior-grid, .recognition-grid--six, .context-grid, .process-grid, .decision-grid, .mistake-grid { grid-template-columns: 1fr; }
}

/* Trilha de conhecimento — Capítulo 13 */
.trail-card{margin:2rem auto;padding:1.5rem 1.65rem;border:1px solid rgba(90,107,75,.2);border-radius:18px;background:linear-gradient(135deg,#f4f3ea,#eef1e7);box-shadow:0 12px 30px rgba(55,62,44,.06)}
.trail-card__eyebrow{margin:0 0 .35rem;color:#647054;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.trail-card h2{margin:.2rem 0 .7rem}.trail-path{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:1rem;font-size:.9rem;color:#62685c}.trail-path span{padding:.35rem .55rem;border-radius:999px;background:#fff;border:1px solid rgba(90,107,75,.16)}.trail-path .is-current{background:#69775b;color:#fff}.repertoire{border-left:4px solid #78856a;padding-left:1.25rem}.micro-heading{font-family:inherit;font-size:1.05rem;color:#5e6952;margin-top:1.5rem}.chapter-nav__item--disabled{opacity:.55}.question-card{padding:1.3rem 1.45rem;background:#fff;border:1px solid rgba(90,107,75,.15);border-radius:16px;margin-top:1.4rem}.question-card strong{color:#5d694f}.section h3{margin-top:1.4rem}.section ul{margin:.75rem 0 1.25rem;padding-left:1.25rem}.section li{margin:.35rem 0}.figure-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:760px){.figure-pair{grid-template-columns:1fr}.trail-card{padding:1.2rem}}

/* Resumo técnico responsivo */
.table-wrap{width:100%;overflow-x:auto;margin:2rem 0;border-radius:1rem;}
.technical-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;background:rgba(255,255,255,.5);border:1px solid var(--color-line);border-radius:1rem;overflow:hidden;}
.technical-table th,.technical-table td{padding:1rem 1.15rem;border:0;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;}
.technical-table thead th{background:rgba(95,104,76,.12);color:var(--color-olive-dark);font-family:var(--font-serif);font-size:1.08rem;}
.technical-table tbody th{width:36%;color:var(--color-olive-dark);font-weight:650;background:rgba(229,233,223,.28);}
.technical-table tbody tr:last-child th,.technical-table tbody tr:last-child td{border-bottom:0;}
@media(max-width:620px){.technical-table th,.technical-table td{padding:.82rem .75rem;font-size:.94rem}.technical-table tbody th{width:42%;}}

/* Capítulo 15 — comparação da família tela */
.criteria-grid,.fabric-profile-grid,.project-grid,.store-guide,.fabric-decision-grid{display:grid;gap:1.25rem;margin:2.5rem 0}.criteria-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fabric-profile-grid,.fabric-decision-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-guide{grid-template-columns:repeat(5,minmax(0,1fr))}.criteria-grid article,.fabric-profile-grid article,.project-grid article,.store-guide article,.fabric-decision-grid article{padding:1.55rem;border:1px solid var(--color-line);border-radius:var(--radius);background:rgba(255,255,255,.44)}.fabric-profile-grid strong{display:block;margin-top:1rem;color:var(--color-olive-dark);font-family:var(--font-serif)}.table-wrap{width:100%;overflow-x:auto;margin:2.25rem 0;border:1px solid var(--color-line);border-radius:var(--radius);background:rgba(255,255,255,.55)}.comparison-table,.technical-table{width:100%;border-collapse:collapse;min-width:760px}.comparison-table th,.comparison-table td,.technical-table th,.technical-table td{padding:1rem 1.1rem;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.comparison-table thead th,.technical-table thead th{background:var(--color-olive-dark);color:white;font-family:var(--font-serif);font-weight:500}.comparison-table tbody th,.technical-table tbody th{background:rgba(229,233,223,.68);color:var(--color-olive-dark);font-family:var(--font-serif);font-weight:600}.comparison-table tr:last-child th,.comparison-table tr:last-child td,.technical-table tr:last-child th,.technical-table tr:last-child td{border-bottom:0}.trail-path{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.trail-path span{padding:.55rem .8rem;border:1px solid var(--color-line);border-radius:999px;background:rgba(255,255,255,.52);font-size:.9rem}.trail-path .is-current{background:var(--color-olive-dark);color:#fff;border-color:var(--color-olive-dark)}.trail-card,.repertoire{padding:2rem;border:1px solid var(--color-line);border-radius:var(--radius);background:rgba(255,255,255,.38)}.trail-card__eyebrow,.chapter-label,.chapter-nav__eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-olive);font-weight:700}.question-card{margin:1.5rem 0;padding:1.2rem 1.35rem;border-left:3px solid var(--color-sage);background:rgba(255,255,255,.42)}
@media(max-width:1050px){.fabric-profile-grid,.fabric-decision-grid,.store-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.criteria-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.criteria-grid,.fabric-profile-grid,.fabric-decision-grid,.project-grid,.store-guide{grid-template-columns:1fr}.comparison-table,.technical-table{min-width:680px}}


/* Ajustes do capítulo 15: diagramas com melhor leitura */
.fabric-profile-grid,
.store-guide {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 700px) {
  .fabric-profile-grid,
  .store-guide {
    grid-template-columns: 1fr;
  }
}