:root{color-scheme:light;font:17px/1.65 system-ui,-apple-system,sans-serif;color:#111;background:#fff}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1180px;margin:auto;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;gap:24px}header nav{display:flex;gap:28px;flex-wrap:wrap}header a{text-decoration:none}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand span{display:inline-block;background:#000;color:#fff;padding:0 6px;margin-right:7px;letter-spacing:-3px;border-radius:2px}.app-link{font-weight:600}.intro{max-width:820px;margin:48px 0 36px}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(36px,5vw,60px);line-height:1.1;letter-spacing:-.035em;margin:14px 0 24px}h2{font-size:27px;line-height:1.3;letter-spacing:-.02em}h3{font-size:22px;line-height:1.35;letter-spacing:-.015em}.lead{font-size:20px;line-height:1.65;color:#555}.eyebrow,.paper-label{font-size:12px;font-weight:650;letter-spacing:.1em;color:#555}.categories{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:46px}.categories a{padding:9px 18px;border:1px solid #ccc;border-radius:3px;text-decoration:none}.categories a:hover{background:#eee}.category{margin:36px 0 64px;scroll-margin-top:24px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #ddd;padding:26px;text-decoration:none;border-radius:3px;transition:border-color .15s}.card:hover{border-color:#000}.card h2,.card h3{margin:8px 0 10px}.card p{margin:0 0 24px;color:#555}.card-action{margin-top:auto;font-size:15px;text-decoration:underline}.breadcrumb{font-size:14px;color:#555;margin:15px 0 40px}.detail-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}.detail-intro h1{font-size:clamp(36px,4.5vw,54px)}.start-box{border:1px solid #ddd;padding:24px}.start-box p{font-size:15px;color:#555}.start-box>a:last-child{font-size:15px}.button{display:inline-block;background:#000;color:#fff;padding:13px 20px;border:1px solid #000;border-radius:3px;font-size:16px;font-weight:600;text-decoration:none}.button:hover{background:#333}.tips{max-width:800px;margin:26px 0 44px}.tips li{padding-left:5px;margin:12px 0}.example{max-width:900px;margin:48px auto;scroll-margin-top:24px}.paper-label{padding:16px 0}.paper{border:1px solid #ccc;padding:40px 48px}.paper h2{font-size:29px}.paper h3{font-size:21px;margin-top:32px}.paper h2:first-child{margin-top:0}.paper p,.paper li{overflow-wrap:anywhere}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{border:1px solid #ccc;text-align:left;padding:10px;min-width:100px}th{background:#f2f2f2}.cta{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:28px 0 38px;max-width:900px;margin:50px auto}.cta p{max-width:650px}.related{margin:50px 0}.reading{max-width:740px;margin:24px auto 64px}.reading h2{margin-top:38px}.reading p{margin-bottom:24px}.reading h1{font-size:clamp(34px,4.5vw,52px)}.related-links{display:flex;gap:24px;flex-wrap:wrap;margin:40px 0}footer{display:flex;justify-content:space-between;gap:24px;font-size:14px;border-top:1px solid #ddd;margin-top:40px;color:#555}a:focus-visible{outline:2px solid #000;outline-offset:5px}.skip{position:absolute;left:16px;top:-70px;padding:12px;background:#000;color:#fff}.skip:focus{top:10px}::selection{background:#000;color:#fff}@media(max-width:800px){.detail-intro{grid-template-columns:1fr;gap:12px}.start-box{max-width:500px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}header{align-items:flex-start}.paper{padding:28px}}@media(max-width:540px){header,main,footer{padding:20px}header,footer{flex-direction:column;gap:16px}header nav{gap:18px;font-size:15px}.cards,.category .cards{grid-template-columns:1fr}.intro{margin-top:24px}.paper{padding:22px 18px}.lead{font-size:18px}.category{margin-bottom:40px}.card{padding:22px}.paper-label{font-size:11px}.breadcrumb{margin-bottom:24px}h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.article-example{border:1px solid #ccc;padding:24px;margin:32px 0;overflow-wrap:anywhere}.article-example table{border-collapse:collapse;width:100%;font-size:16px}.article-example td,.article-example th{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:top}.article-example h2{margin-top:0}.article-example .table-scroll{overflow-x:auto}@media(max-width:600px){.article-example{padding:16px}.article-example table{min-width:520px}}

header{flex-wrap:wrap}header nav{display:flex;flex-wrap:wrap;gap:10px 20px}header nav a{display:inline-flex;align-items:center;min-height:36px}