.w3-page{overflow-wrap:anywhere}
.w3-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:48px;align-items:start}
.w3-hero h1{font-size:clamp(2.8rem,6vw,5.2rem);max-width:670px}
.w3-draft{padding:28px;border:1px solid var(--accent-ink);border-radius:12px;background:var(--surface)}
.w3-draft h2{font-size:1.5rem;line-height:1.3;margin-bottom:18px}
.w3-draft p{margin-bottom:16px;color:var(--text-dim)}
.w3-draft strong{color:var(--text)}
.w3-draft a,.w3-section-heading>a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}
.w3-stamp{font:600 .7rem/1.6 var(--mono);letter-spacing:.08em;color:var(--accent-ink)!important}
.w3-versions{display:flex;flex-wrap:wrap;gap:12px;padding-block:18px 28px;border-bottom:1px solid var(--border)}
.w3-versions a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:12px 16px;border:1px solid var(--text-faint);border-radius:7px;font-weight:700;min-height:48px}
.w3-versions span{font-size:.77rem;font-weight:400;color:var(--text-dim)}
.w3-versions [aria-current]{border-color:var(--accent-ink);box-shadow:inset 0 -3px var(--accent-ink);color:var(--accent-ink)}
.w3-intro{max-width:850px;color:var(--text-dim)}
.w3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px}
.w3-stats article{padding-top:20px;border-top:2px solid var(--accent-ink)}
.w3-stats article>strong{display:block;font:700 2.5rem/1.2 var(--mono);margin-bottom:14px}
.w3-stats h3{font-size:.94rem}.w3-stats p{font-size:.9rem;color:var(--text-dim)}
.w3-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.w3-index{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 24px}
.w3-index a{color:var(--accent-ink);text-decoration:underline;min-height:36px;display:flex;align-items:center;font-size:.85rem}
.w3-controls{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px}
.w3-controls .dg-fields{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.w3-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.w3-types button{font-size:.82rem}.w3-types button span{display:inline-block;margin-left:8px;font-family:var(--mono)}
.w3-controls .dg-actions{margin-bottom:0}.w3-controls .dg-actions button{font-size:.78rem}
.w3-category{padding-top:38px;scroll-margin-top:calc(var(--nav-h) + 20px)}
.w3-category>h2{padding-bottom:18px;border-bottom:2px solid var(--accent-ink)}
.w3-category>h2>span{font:500 .86rem/1.6 var(--mono);margin-right:10px;color:var(--accent-ink)}
.w3-guideline{padding:26px 0 32px;scroll-margin-top:calc(var(--nav-h) + 20px)}
.w3-guideline-head{max-width:850px;margin-bottom:20px}.w3-guideline-head h3{font-size:1.3rem}.w3-guideline-head>p:last-child{color:var(--text-dim)}
.w3-guideline-head .dg-kicker{margin-bottom:8px}
.w3-page .w3-practice{background:var(--surface);border-color:var(--text-faint);margin-bottom:22px}
.w3-practice summary>span{font-size:.74rem;font-weight:400;color:var(--text-dim);margin-left:12px;display:inline-block}
.w3-practice h4{font-size:.85rem;margin-block:20px 8px}.w3-practice p{max-width:850px;color:var(--text-dim)}
.w3-page .w3-item{border-radius:0;border-width:0 0 1px;margin:0;padding:0;border-color:var(--text-faint);scroll-margin-top:calc(var(--nav-h) + 20px)}
.w3-item summary{padding:18px 16px;position:relative;min-height:72px}
.w3-item summary:hover{background:var(--surface)}
.w3-item-meta{font:500 .7rem/1.6 var(--mono);color:var(--accent-ink);margin-left:6px}
.w3-item-meta>span{color:var(--text-dim);margin-left:12px}
.w3-item-title{display:block;font-size:1rem;margin:6px 0 0 22px;line-height:1.5}
.w3-item-body{padding:0 20px 24px 38px;max-width:930px}
.w3-excerpt-label{font:.71rem/1.6 var(--mono);color:var(--text-dim);margin-bottom:18px}
.w3-source-text{border-left:3px solid var(--border);padding-left:20px;font-size:.95rem}
.w3-source-text a{color:var(--accent-ink);text-decoration:underline}.w3-source-text p:empty{display:none}
.w3-item-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px!important;font-size:.8rem}
.w3-item:target,.w3-item.is-target{outline:2px solid var(--accent-ink);outline-offset:3px}
.w3-placeholder{padding:18px;border:1px dashed var(--text-faint);font-size:.88rem;color:var(--text-dim)}
#w3-empty{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px}
#w3-notice:empty{display:none}.w3-page [hidden]{display:none!important}
.w3-table{margin-block:24px;border:1px solid var(--text-faint);border-radius:8px;overflow:hidden}
.w3-table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.88rem}
.w3-table caption{text-align:left;padding:18px;color:var(--text-dim);font-size:.8rem}
.w3-table th,.w3-table td{text-align:left;vertical-align:top;padding:18px;border-top:1px solid var(--border)}
.w3-table thead{background:var(--surface)}.w3-table th:first-child{width:25%}
#comparison>.dg-two{margin-top:28px}.w3-steps{max-width:860px}
#w3-copyright{font-size:.78rem;color:var(--text-dim)}
html:not(.js) .w3-js{display:none}
@media(max-width:850px){.w3-hero{grid-template-columns:1fr;gap:28px}.w3-draft{max-width:700px}.w3-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.w3-controls{padding:18px}.w3-controls .dg-fields{grid-template-columns:1fr}.w3-item-meta>span{display:block;margin-left:22px}.w3-item-body{padding-inline:12px}.w3-source-text{padding-left:12px}.w3-table th,.w3-table td{padding:10px 7px}.w3-table table{font-size:.72rem}.w3-stats{gap:20px}.w3-practice summary>span{display:block;margin:5px 0 0 18px}.w3-types button{flex:1 1 45%}}
@media print{.w3-hero{display:block}.w3-draft{margin-top:14px;padding:14px}.w3-versions,.w3-index,.w3-controls,.w3-section-heading>a,.w3-item-links a[href^="#"],#w3-notice{display:none!important}.w3-stats{display:block}.w3-stats article{display:inline-block;vertical-align:top;width:23%;margin-right:1%}.w3-stats article>strong{font-size:20pt}.w3-item,.w3-practice{break-inside:auto}.w3-item summary{padding:12px 0}.w3-item-body{padding:0 0 18px}.w3-category>h2{break-after:avoid}.w3-source-text{border-color:#777}.w3-page *{color:#111!important}.w3-item-meta>span{display:inline;margin-left:12px}.w3-table{overflow:visible}.w3-table table{font-size:9pt}.w3-table th,.w3-table td{padding:8px}.w3-guideline-head,.w3-category{padding-top:12px}}
