body { overflow-wrap: anywhere; } .guide-header, .guide-main, .guide-footer { width: min(100% - 40px, 920px); margin: auto; } .guide-header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding: 28px 0; border-bottom: 1px solid var(--line); } .guide-header nav { display: flex; flex-wrap: wrap; gap: 18px; } .guide-main { padding: 44px 0; font-size: 17px; line-height: 1.85; } .guide-main h1 { font-size: clamp(30px, 5vw, 46px); line-height: 1.35; margin: 20px 0; } .guide-main h2 { font-size: 26px; margin: 38px 0 14px; } .guide-main p { margin: 18px 0; } .guide-main ul, .guide-main ol { padding-left: 24px; } .guide-main li { margin: 14px 0; } .guide-main a, .guide-header a, .guide-footer a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; } .guide-lede { font-size: 21px; } .guide-eyebrow, .guide-footer { color: var(--ink-3); font-size: 14px; } .guide-actions { display: flex; flex-wrap: wrap; gap: 16px; margin: 24px 0; } .guide-actions a { border: 1px solid var(--line-2); border-radius: 8px; padding: 10px 16px; } .guide-table { overflow-x: auto; } .guide-table table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.8; } .guide-table th, .guide-table td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; min-width: 120px; white-space: normal; } .guide-footer { padding: 24px 0; border-top: 1px solid var(--line); } .guide-skip { position: absolute; left: 20px; top: -60px; padding: 8px; background: var(--surface); } .guide-skip:focus { top: 8px; }