@layer components{.notation-updated{display:block;font-size:11px;color:#7891a6;margin-top:14px}.notations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:28px 0 35px}.article .notation-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid #d8e8f5;border-radius:11px;background:linear-gradient(135deg,#f3f9fe,#fff);padding:18px;transition:transform .18s,border-color .18s}.article .notation-card:hover{transform:translateY(-3px);border-color:#1686d9}.notation-card>b{display:block;font-size:26px;line-height:1.2;color:#1686d9;margin-bottom:13px;letter-spacing:-.5px}.notation-card>span{font-size:12px;line-height:1.6;font-weight:700;color:#314d64;flex:1}.notation-card>small{font-size:10px;color:#6d99bc;margin-top:17px}.notations-tip{padding:20px 23px;background:#edf7ff;border:1px solid #d4e8f8;border-left:3px solid #1686d9;border-radius:10px;margin:25px 0}.notations-tip>b{font-size:14px;color:#285879}.article .notations-tip p{font-size:13px;line-height:1.8;margin:9px 0 0}.notation-section{scroll-margin-top:25px}.notation-section h2{display:flex;align-items:center;gap:14px}.notation-section h2>span{display:flex;align-items:center;justify-content:center;min-width:50px;padding:10px;border-radius:10px;background:#edf6fd;color:#1686d9;font-size:18px;flex-shrink:0}.notation-example{padding:18px 21px;border:1px solid #e0eaf2;border-radius:10px;background:#f8fbfd;margin:20px 0}.notation-example>b{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#6d8aa1}.article .notation-example p{margin:9px 0 0;font-size:14px}.notation-faq{border:1px solid #dce8f2;background:#fff;border-radius:9px;margin:12px 0;padding:17px 19px}.notation-faq summary{cursor:pointer;color:#285572;font-weight:700;font-size:14px}.article .notation-faq p{font-size:14px;margin-bottom:0}@media(max-width:1000px){.notations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.notations-grid{gap:9px}.article .notation-card{padding:14px}.notation-card>b{font-size:23px}.notation-section h2{font-size:20px;gap:10px}.notation-section h2>span{min-width:43px;padding:9px;font-size:15px}.notations-tip{padding:17px}.notation-example{padding:16px}}@media(prefers-reduced-motion:reduce){.article .notation-card{transition:none}.article .notation-card:hover{transform:none}}}