:root{color-scheme:dark;font-family:Arial,'Malgun Gothic',sans-serif;background:#111;color:#f3f2ed}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#ff625a}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #ff625a;outline-offset:6px}header,main,footer{width:min(1240px,88%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:30px 0;border-bottom:1px solid #353535}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{display:inline-block;font-size:15px;margin-left:22px;letter-spacing:0}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}main{padding:72px 0 80px}.eyebrow,.number{color:#ff625a;font-size:12px;letter-spacing:2px}h1{font-size:clamp(36px,5vw,68px);line-height:1.25;letter-spacing:-.04em;margin:24px 0}.lead{font-size:18px;color:#bbb;line-height:1.9}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:48px 0}.card{padding:28px;border:1px solid #444;display:flex;flex-direction:column;min-height:285px}.card:hover{border-color:#ff625a}.card h2{font-size:25px;line-height:1.4}.card p{color:#bbb;line-height:1.8;margin-top:0}.read{margin-top:auto;padding-top:22px;font-size:14px}.next{border-top:1px solid #444;margin-top:48px;padding-top:30px}.next p{max-width:760px;color:#bbb;line-height:1.9}.button{display:inline-flex;justify-content:center;padding:13px 20px;border:1px solid currentColor;margin-top:12px;font-size:14px}.back{font-size:14px;color:#bbb}article{max-width:860px}article h1{font-size:clamp(32px,4vw,52px)}article h2{margin:42px 0 16px;font-size:25px}article p,article li{color:#ccc;font-size:16px;line-height:1.95}article li{margin-bottom:8px}article ul,article ol{padding-left:24px}code{color:#ffcec9;overflow-wrap:anywhere}table{border-collapse:collapse;min-width:740px;width:100%;font-size:14px;line-height:1.7}th,td{border:1px solid #444;padding:12px;text-align:left}th{background:#242424}.table-scroll{overflow-x:auto;max-width:100%}footer{display:flex;gap:24px;flex-wrap:wrap;padding:30px 0;border-top:1px solid #353535;font-size:13px;color:#aaa}.skip{position:absolute;left:0;top:-100px;background:#fff;color:#111;padding:12px}.skip:focus{top:0}@media(max-width:760px){main{padding-top:40px}.cards{grid-template-columns:1fr}.card{min-height:230px}.brand span{display:block;margin:8px 0 0}nav{gap:16px}.lead{font-size:16px}article h2{font-size:22px}}
