*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#eef3f5;color:#233d4b;font:15px/1.8 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#21617c;text-underline-offset:4px}header{background:#102d3c;color:#eef6f7;padding:26px max(24px,calc((100vw - 1160px)/2))}header a{color:#bedce7;text-decoration:none}.brand{font:26px Georgia,serif;letter-spacing:1px}.top{display:flex;justify-content:space-between;gap:20px}.hero{display:grid;grid-template-columns:1fr 190px;gap:40px;padding:38px 0 24px;align-items:center}.hero h1{font-size:36px;line-height:1.25;letter-spacing:-1px;margin:12px 0}.hero p{max-width:680px;color:#bfd1da}.hero img{width:150px;height:200px;object-fit:contain;transform:rotate(5deg);filter:drop-shadow(0 14px 20px #0005)}.badge{font-size:12px;letter-spacing:2px;color:#87c9d2}.layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;padding:32px 24px 70px}nav{position:sticky;top:25px;align-self:start}nav a{display:block;text-decoration:none;padding:8px 0;font-size:14px}section{background:#fff;border:1px solid #dce6ea;border-radius:18px;padding:26px 30px;margin-bottom:22px;box-shadow:0 4px 18px #23425205}h2{font-size:21px;margin:0 0 15px}h3{font-size:16px;margin-top:23px}p{margin:10px 0}.note{border-left:3px solid #58a1ae;background:#f0f7f8;padding:12px 16px;border-radius:0 8px 8px 0}.code,pre{background:#122f3e;color:#d3e8ef;padding:17px;border-radius:10px;font:13px/1.7 ui-monospace,Consolas,monospace;overflow:auto}code{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:10px;border-bottom:1px solid #e6edf0;vertical-align:top}th{background:#f3f7f8}.table{overflow-x:auto}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.actions a{padding:9px 14px;border-radius:8px;background:#eaf3f5;text-decoration:none;font-weight:600;font-size:13px}li{margin:7px 0}.swatch{display:inline-block;width:10px;height:10px;border:1px solid #aac0ca;border-radius:50%;margin-right:7px}footer{font-size:12px;color:#617c8b;text-align:center;padding:0 24px 30px}@media(max-width:700px){.hero{grid-template-columns:1fr 85px;gap:12px}.hero img{width:85px;height:114px}.hero h1{font-size:27px}.layout{display:block;padding:18px 14px}.top{font-size:12px;align-items:center}nav{position:static;display:flex;gap:15px;overflow:auto;margin-bottom:15px;white-space:nowrap}section{padding:20px 17px}.hero p{font-size:13px}}