/* Polyfetti - the cornerstone guides. Generated by scripts/build-guides.js. */
.guide-page { max-width: 52rem; margin: 0 auto; padding: 2rem 1.25rem 5rem; }
.guide-page .eyebrow { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.guide-page h1 { line-height: 1.15; margin: .3rem 0 1rem; }
.guide-page .lede { font-size: 1.05rem; }
.table-wrap { overflow-x: auto; margin: 1.5rem 0; }
table.fields { border-collapse: collapse; width: 100%; min-width: 34rem; font-size: .93rem; }
table.fields th, table.fields td { text-align: left; padding: .6rem .7rem; border-bottom: 1px solid #e4e4e4; vertical-align: top; }
table.fields thead th { font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; }
table.fields td[lang="ja"] { white-space: nowrap; font-weight: 600; }
table.fields .mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }
table.fields .req { font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; opacity: .65; display: block; }
table.fields .plain { opacity: .55; }
.not-advice { border-left: 3px solid #d8d8d8; padding: .2rem 0 .2rem 1rem; margin: 2rem 0; font-size: .92rem; }
.more-guides { margin-top: 2.5rem; }
.more-guides h2 { font-size: 1rem; }
.more-guides ul { padding-left: 1.1rem; }
.cta-line { margin-top: 2rem; }
@media (prefers-color-scheme: dark) {
  table.fields th, table.fields td { border-bottom-color: #2a2a2a; }
  .not-advice { border-left-color: #3a3a3a; }
}