/* B055: loaded only by these two new component guides. */
.page{font-size:18px;line-height:1.75}.page article section p,.page article section li{font-size:inherit}
.reader-shortcuts{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0}.reader-shortcuts a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .75rem;background:#fff;border:1px solid var(--line);border-radius:6px}
.contents a{display:inline-flex;align-items:center;min-height:44px;padding:.2rem 0}.contents li{margin:.15rem 0}
.page a:focus-visible,.page button:focus-visible,.page summary:focus-visible,.table-scroll:focus-visible,.diagram-scroll:focus-visible{outline:3px solid #17345c;outline-offset:3px}
.table-scroll table{font-size:15.2px;min-width:720px}.table-scroll th,.table-scroll td{padding:.8rem}
.diagram-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:6px;background:#fff}.diagram-scroll img{display:block;width:840px;min-width:760px;max-width:none;height:auto}
.scroll-hint{font-size:15px!important;color:var(--muted)}.solution summary{display:flex;align-items:center;min-height:44px}.toolbar button{min-height:44px}
pre{max-width:100%;overflow-x:auto;padding:1rem;background:#f1f3ec;border:1px solid var(--line);border-radius:6px;font-size:15px;line-height:1.6}code{overflow-wrap:anywhere}pre code{overflow-wrap:normal}
.pair-record{background:var(--soft);border-left:4px solid var(--accent);padding:.8rem 1rem}.related a,.sources a{overflow-wrap:anywhere}
@media(max-width:600px){.page{font-size:17px}.reader-shortcuts{gap:.4rem}.contents ol{columns:1}.diagram-scroll img{width:840px}.page h1{overflow-wrap:break-word}}
@media print{.reader-shortcuts,.scroll-hint{display:none}.page{font-size:10.5pt}.table-scroll table{min-width:0;font-size:9pt}.diagram-scroll{overflow:visible}.diagram-scroll img{width:100%;min-width:0;max-width:100%}pre{white-space:pre-wrap}}