
@media screen{.page{min-width:0;overflow-wrap:anywhere}.page article>section p,.page article>section li,.page .answer p{font-size:18px;line-height:1.75}.contents a,.page-quick a,.related a,.door-task a{display:inline-flex;align-items:center;min-height:44px}.contents a{display:flex;padding:6px 0}.page-quick{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.page-quick a,.door-task a{padding:7px 12px;border:1px solid var(--accent);border-radius:6px}.door-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.door-state-grid figure{margin:0;min-width:0}.door-state-grid img{display:block;width:100%;height:auto;max-width:430px;margin:auto}.door-state-grid figcaption{font-size:16px;line-height:1.65}.table-scroll{min-width:0;max-width:100%;overflow-x:auto}.table-scroll table{min-width:800px}.table-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.table-scroll caption{white-space:normal}.solution summary{min-height:44px;padding:10px 0}.door-task{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:8px;margin:24px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:16px;line-height:1.7;background:var(--soft);padding:16px;border:1px solid var(--line);border-radius:6px}.card p{font-size:18px;line-height:1.75}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}
@media screen and(max-width:600px){.page{padding:24px 16px 48px}.lead{font-size:18px;line-height:1.75}.cards{grid-template-columns:1fr}.page-quick{display:grid}.page-quick a{max-width:100%}.contents ol{columns:1}.card p{font-size:17px}.door-state-grid{grid-template-columns:1fr}.door-state-grid figure{max-width:430px;width:100%;margin:auto}}
@media screen{.card h2 a{display:flex;align-items:center;min-height:44px}.page>p:not(.eyebrow){font-size:18px;line-height:1.75}}
@media screen{.door-diagram-nav{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.door-diagram-nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;border:1px solid var(--accent);border-radius:6px}.door-state-grid h3{scroll-margin-top:24px}}
