*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6ff;color:#24163e;font:17px/1.7 system-ui,sans-serif}a{color:#7134cb;text-underline-offset:4px}nav,main,footer{max-width:1060px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;gap:20px;align-items:center}nav strong{color:#7134cb}header{background:linear-gradient(120deg,#33174e,#7632dc);border-radius:28px;color:white;padding:40px}h1{font-size:clamp(30px,5vw,48px);line-height:1.14;max-width:800px}header p{color:#eee3ff;max-width:740px}small{font-size:13px}.tag{font-size:12px;letter-spacing:2px;text-transform:uppercase}article{max-width:800px}section{margin:24px 0;padding:28px;background:white;border:1px solid #e8def9;border-radius:22px;scroll-margin-top:20px}h2{line-height:1.25;font-size:25px;margin-top:0}h3{font-size:19px}.callout{background:#eee5ff;border:0}.layout{display:grid;grid-template-columns:220px 1fr;gap:28px;margin-top:28px}aside a{display:block;margin:12px 0;font-size:14px}aside{align-self:start;position:sticky;top:20px}.button{display:inline-block;background:#783be0;color:white;padding:12px 20px;border-radius:14px;text-decoration:none}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 6px;border-bottom:1px solid #eee;vertical-align:top}code{overflow-wrap:anywhere;background:#f1ebfa;padding:3px 6px;border-radius:6px}li{margin:8px 0}footer{font-size:13px;color:#75678a}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cards section{margin:0}summary{font-weight:650;cursor:pointer;color:#6732b5}details{padding:12px 0;border-bottom:1px solid #eee}a:focus-visible,summary:focus-visible{outline:3px solid #ba8bff;outline-offset:5px}@media(max-width:720px){.layout,.cards{grid-template-columns:1fr}aside{position:static}header,section{padding:22px}nav,main{padding:16px}}@media print{nav,aside,.button{display:none}.layout{display:block}body{background:white}header{background:white;color:black}header p{color:black}section{break-inside:avoid}}