.live-demo{padding-block:64px 88px;max-width:1000px}.live-demo h1{font-size:clamp(36px,5vw,64px);line-height:1.08;max-width:760px}.live-demo h2{font-size:clamp(22px,3vw,32px)}.live-demo .intro{font-size:18px;line-height:1.65;max-width:720px;margin:20px 0 42px}.demo-panel{border:1px solid var(--line);padding:28px 32px;margin:18px 0;background:white}.panel-head>span{font-size:12px;font-weight:700;color:var(--verified)}.panel-head h2{margin:8px 0}.panel-head p,.caveat{font-size:13px;color:var(--muted);line-height:1.7}.demo-form{display:grid;grid-template-columns:1fr 1.25fr auto;gap:14px;align-items:end;margin-top:22px}.demo-form label{font-size:13px;font-weight:700}.demo-form input,.demo-form select{display:block;width:100%;min-width:0;margin-top:8px;padding:13px 14px;border:1px solid #869297;border-radius:4px;background:white;color:var(--ink);font:inherit}.demo-form .button{min-height:49px}.example,.area-examples button{border:0;background:none;color:var(--verified);font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:8px 0}.example{margin-top:14px}.area-examples{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:18px}.area-examples span{font-size:12px;color:var(--muted);width:100%}.demo-output{margin-top:48px}.output-head{border-bottom:1px solid var(--line);padding-bottom:16px}.output-head p{font-size:13px;margin-top:8px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.result-card{border:1px solid var(--line);padding:22px;min-width:0;overflow-wrap:anywhere}.result-card h3{font-size:19px;line-height:1.35}.result-card p,.result-card li{font-size:13px;line-height:1.6;margin-top:8px}.result-card ul{padding-left:18px}.result-card .meta{color:var(--muted);font-size:11px}.result-card a{font-size:13px}.result-card.wide{grid-column:1/-1}.result-card.unknown{background:var(--ivory)}.result-card .tag{display:inline-block;margin-bottom:10px;padding:4px 7px;background:var(--paper);font-size:11px;font-weight:700}.result-card dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;font-size:12px;margin-top:16px}.result-card dd{overflow-wrap:anywhere}.caveat{margin-top:28px;max-width:820px}@media(max-width:720px){.live-demo{padding-block:40px 64px}.demo-panel{padding:20px}.demo-form,.result-grid{grid-template-columns:1fr}.result-card.wide{grid-column:auto}.area-examples{gap:2px 14px}}