/* Guide A / materials-first edition. No changes to other article templates. */
.retro-guide .mag-cover-copy h1 { max-width: 900px; font-size: clamp(34px,4vw,58px); text-wrap: pretty; }
.retro-guide .retro-title-line { display: block; }
.retro-guide :is(.retro-title-line > span,.retro-keep) { display: inline-block; }
.retro-guide .retro-film-toggle { position: absolute; top: 78px; right: 46px; z-index: 3; min-height: 44px; padding: 10px 16px; border: 1px solid #ffffff70; background: #111b; color: #fff; font: 500 12px var(--sans); cursor: pointer; }
.retro-guide .retro-film-toggle[hidden] { display: none; }
.retro-guide .guide-toc__panel a { padding-left: 0; }
.retro-guide .guide-toc__panel a::before { display: none; }
.retro-guide .guide-toc__panel a.is-active b { text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 6px; }
.retro-guide .guide-heading h2 { font-size: clamp(28px,2.4vw,36px); }
.retro-guide :is(.retro-copy,.retro-introduction) { max-width: 690px; margin: 30px 0; }
.retro-guide :is(.retro-copy p,.retro-introduction,.guide-product-card__description) { font-size: 16px; font-weight: 400; line-height: 2; color: #363430; }
.retro-guide .retro-copy p { margin: 0 0 22px; }
.retro-guide .retro-copy p:last-child { margin-bottom: 0; }
.retro-guide :is(.retro-copy,.retro-colors) a { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.retro-guide .retro-introduction { margin-top: 0; font-size: 18px; line-height: 2; }
.retro-guide .retro-photo { margin: 30px 0; background: transparent; }
.retro-guide .retro-photo picture { display: block; }
.retro-guide .retro-photo img { display: block; width: 100%; height: auto; object-fit: contain; }
.retro-guide .retro-photo figcaption { padding-top: 14px; font-size: 13px; line-height: 1.8; color: #605b55; }
.retro-guide :is(.retro-models,.retro-care) { margin-top: 38px; border-top: 1px solid #c8c2b9; padding-top: 28px; }
.retro-guide .retro-models > h3 { margin: 0 0 24px; font-size: 18px; font-weight: 600; line-height: 1.7; }
.retro-guide :is(.retro-models,.retro-care) ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 32px; margin: 0; padding: 0; list-style: none; }
.retro-guide :is(.retro-models,.retro-care) li { padding: 20px 0; border-bottom: 1px solid #d8d4cd; font-size: 15px; font-weight: 400; line-height: 1.9; color: #44413d; }
.retro-guide :is(.retro-models,.retro-care) li strong { display: block; margin-bottom: 8px; color: #111; font-size: 16px; font-weight: 600; }
.retro-guide .retro-materials { display: grid; gap: 44px; }
.retro-guide .retro-material { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 36px; align-items: center; padding-bottom: 44px; border-bottom: 1px solid #c8c2b9; }
.retro-guide .retro-material > div { min-width: 0; }
.retro-guide .retro-material h3 { margin: 0 0 22px; font-size: 24px; font-weight: 600; line-height: 1.6; text-wrap: pretty; }
.retro-guide .retro-material .retro-copy { margin: 0; }
/* The original triptych is framed in thirds; source files are not modified. */
.retro-guide .retro-material__photo { margin: 0; position: relative; aspect-ratio: 5/6; overflow: hidden; }
.retro-guide .retro-material__photo picture { display: block; width: 100%; height: 100%; }
.retro-guide .retro-material__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.retro-guide .retro-material__photo--2 img { object-position: center; }
.retro-guide .retro-material__photo--3 img { object-position: right center; }
.retro-guide .retro-colors { padding: 34px 38px; background: #111; color: #fff; }
.retro-guide .retro-colors > h3 { margin: 0 0 26px; font-size: 20px; font-weight: 600; }
.retro-guide .retro-colors ul { list-style: none; margin: 0; padding: 0; }
.retro-guide .retro-colors li { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 28px; padding: 24px 0; border-top: 1px solid #454545; color: #d8d5cf; font-size: 16px; font-weight: 400; line-height: 2; }
.retro-guide .retro-colors strong { display: block; margin-bottom: 6px; color: #fff; font-size: 21px; line-height: 1.65; font-weight: 600; }
.retro-guide .retro-colors a { color: #fff; }
.retro-guide .retro-brands { display: grid; gap: 42px; }
.retro-guide .retro-brand { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; align-items: start; padding-bottom: 42px; border-bottom: 1px solid #c8c2b9; background: transparent; }
.retro-guide .retro-brand > figure { margin: 0; }
.retro-guide .retro-brand figure img { height: auto; min-height: 0; aspect-ratio: auto; object-fit: contain; }
.retro-guide .retro-brand figure picture { flex: none; }
.retro-guide .retro-brand .guide-product-card__body { padding: 0; gap: 0; }
.retro-guide .retro-brand .guide-product-card__brand { color: #bd342c; margin-bottom: 18px; }
.retro-guide .retro-brand h3 { font-size: 26px; margin: 0 0 18px; }
.retro-guide .retro-brand .guide-product-card__description { margin: 0 0 20px; }
.retro-guide .retro-brand .guide-product-card__body > a { align-self: start; margin: 0; }
.retro-guide .retro-care ul { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.retro-guide .guide-faq__item > div p { font-size: 16px; max-width: 690px; }
.retro-guide .guide-related > div { grid-template-columns: repeat(3,minmax(0,1fr)); }
.retro-guide :is(a,button,summary):focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (min-width:761px) and (max-width:1200px) {
  .retro-guide .guide-toc__panel > div { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 20px; }
  .retro-guide .guide-related > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .retro-guide .mag-cover-copy h1 { font-size: 30px; line-height: 1.5; }
  .retro-guide .retro-film-toggle { top: 68px; right: 24px; font-size: 11px; }
  .retro-guide .guide-heading h2 { font-size: 25px; }
  .retro-guide .retro-introduction { font-size: 17px; }
  .retro-guide :is(.retro-models,.retro-care) ul { grid-template-columns: 1fr; gap: 0; }
  .retro-guide .retro-materials { gap: 32px; }
  .retro-guide .retro-material { grid-template-columns: 1fr; gap: 26px; padding-bottom: 32px; }
  .retro-guide .retro-material h3 { font-size: 23px; margin-bottom: 18px; }
  .retro-guide .retro-colors { padding: 28px 22px 16px; }
  .retro-guide .retro-colors li { grid-template-columns: 1fr; gap: 6px; }
  .retro-guide .retro-colors strong { font-size: 20px; }
  .retro-guide .retro-brand { grid-template-columns: 1fr; gap: 26px; padding-bottom: 32px; }
  .retro-guide .retro-brand h3 { font-size: 24px; }
  .retro-guide .guide-faq__item > div { padding-left: 0; }
  .retro-guide .guide-related > div { grid-template-columns: 1fr; }
}