.published-notes-section{background:#e3e7f1}.published-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.published-note-card{display:grid;grid-template-columns:30px 1fr 25px;gap:15px;min-height:200px;padding:28px;background:#f1f4f9;border:1px solid #b3c1d9;transition:transform .2s,box-shadow .2s}.published-note-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px #26344c1b}.note-card-num{font-size:11px;color:#657eb1}.published-note-card h3{font-size:23px;letter-spacing:-.04em;margin:10px 0 8px}.published-note-card p{font-size:12px;line-height:1.8;color:#7a8579;margin:0}.note-card-arrow{font-size:22px}.published-notes-more{display:inline-block;margin-top:28px}.note-nav{display:flex;gap:28px;font-size:12px;font-weight:700}.note-nav a:hover{color:#3f547c}.note-main{min-height:65vh;max-width:880px;padding-top:62px;padding-bottom:100px}.note-heading{padding-top:60px;padding-bottom:40px;border-bottom:1px solid #bbceea}.note-heading h1{font-size:clamp(42px,5vw,72px);line-height:1.2;letter-spacing:-.07em;margin:0 0 18px}.note-heading>p:last-child{font-size:13px;color:#7a8579}.note-body{padding-top:40px;max-width:740px}.note-body p,.note-body li{font-size:16px;line-height:2;color:#2d3c5a}.note-body p{margin:0 0 20px}.note-body h1,.note-body h2,.note-body h3{letter-spacing:-.04em;margin:35px 0 18px}.note-body a{color:#2d3f60;text-decoration:underline}.note-body code{background:#e1e5ef;padding:2px 5px;border-radius:3px;font-size:.9em}.note-body pre{background:#163f7e;color:#f3f5f9;padding:20px;overflow:auto}.note-body pre code{background:transparent;color:inherit;padding:0}.note-list{border-top:1px solid #bbceea}.note-list-item{display:grid;grid-template-columns:40px 1fr 25px;gap:15px;align-items:center;padding:28px 5px;border-bottom:1px solid #bbceea}.note-list-item:hover{background:#e7ebf4}.note-list-item span:first-child{color:#657eb1;font-size:11px}.note-list-item strong{font-size:21px}.note-list-item span:last-child{font-size:22px}@media(max-width:760px){.published-notes-grid{grid-template-columns:1fr}.published-note-card{min-height:155px}.note-main{padding-top:40px}.note-heading{padding-top:45px}.note-body p,.note-body li{font-size:15px}.note-nav{gap:14px}}