*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#101a3a;background:#f5f7fc}.layout{display:flex;min-height:100vh}aside{width:260px;background:#07143d;color:#fff;padding:22px 14px;display:flex;flex-direction:column;gap:8px}aside h2{margin:0 8px 22px}aside h2 span{color:#ff9e00}aside small{color:#aeb9ed;padding:8px}aside a{padding:11px 12px;color:#e9edff;border-radius:9px;text-decoration:none;font-size:14px}aside a:hover{background:#3027e8}main{padding:28px;flex:1}h1{margin:6px 0 24px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cards article,section{background:#fff;padding:20px;border-radius:16px;border:1px solid #e9edf7}.cards h2{font-size:25px;margin:12px 0}.cards small{color:#74809b}section{margin-top:20px;line-height:1.7}.note{background:#fff4dd;padding:12px;border-radius:8px}@media(max-width:850px){aside{width:200px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.layout{display:block}aside{width:100%}.cards{grid-template-columns:1fr}main{padding:16px}}