*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ec;color:#2a362d;font:16px/1.8 system-ui,sans-serif}main{max-width:1160px;margin:auto;padding:40px 26px}h1{font-size:46px;line-height:1.25;margin:18px 0}h2{font-size:26px;line-height:1.4}h3{font-size:18px}header{padding:20px 0 28px}.eyebrow,.label{font-size:13px;letter-spacing:.06em;color:#577661}.lead{font-size:19px}a{color:#2b6446}nav{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #cad3c8}main>section{padding:30px 0;scroll-margin-top:15px}.notice{padding:20px 24px;background:#eee8d7;border-radius:12px}.notice h3{margin-top:0}.stats{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.stat{background:white;border:1px solid #dce0d5;border-radius:12px;padding:16px 24px;flex:1;min-width:140px}.stat strong{display:block;font-size:29px}.stat span{font-size:13px}.flow{padding-left:24px}.flow li{padding:6px 0 14px 10px}.flow li::marker{color:#3d7752;font-weight:bold}.flow p{margin:5px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e4da;white-space:nowrap}.note,footer{font-size:13px;color:#637268}.controls{display:flex;gap:12px;flex-wrap:wrap}label{display:grid;gap:6px;font-size:14px;min-width:0}.wide{flex:1;min-width:240px}select{max-width:100%;width:100%;padding:12px;border:1px solid #afc5b2;border-radius:8px;background:white;color:inherit;font:inherit}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.pair article,.explain,.preview{padding:24px;border:1px solid #d5dfd3;background:white;border-radius:14px;min-width:0}.target{border-top:4px solid #367552!important}.input{border-top:4px solid #a1afa4!important}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.85 system-ui;margin:12px 0}#tag{color:#29683e;font-weight:700}details{padding:15px 0}summary{cursor:pointer;font-weight:600}#serialized{background:#e9eee5;padding:16px;font-family:monospace;font-size:13px}.preview{margin-top:14px}#preview-tag{max-width:340px}footer{margin:30px 0}@media(max-width:700px){main{padding:22px 16px}h1{font-size:34px}h2{font-size:23px}.lead{font-size:17px}.pair{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1fr}.wide{min-width:0}.pair article,.explain,.preview{padding:18px}.notice{padding:18px}nav{gap:12px;font-size:14px}.stat{padding:12px;min-width:120px}th,td{padding:10px}.stats{gap:8px}}