.notes-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:2rem;align-items:end;border-bottom:3px solid var(--line);background:var(--cream);padding:5.5rem max(1rem,calc((100vw - var(--max)) / 2))}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;background:var(--paper)}.note-card{min-height:24rem;display:grid;align-content:space-between;gap:1rem;border:3px solid var(--line);border-radius:var(--radius);background:#fffdf7;box-shadow:var(--shadow);padding:1.2rem}.note-card:nth-child(2){background:var(--mint)}.note-card:nth-child(3){background:var(--sky)}.note-card span{color:var(--orange);font-family:"Space Grotesk",Inter,sans-serif;font-weight:700}.note-card h2{margin:1.2rem 0 .75rem;font-family:"Space Grotesk",Inter,sans-serif;font-size:2rem;line-height:1}.note-card p{margin:0;color:var(--ink-2);font-weight:780}.note-detail{background:var(--paper)}.breadcrumb-strip{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;border-bottom:3px solid var(--line);background:#fffdf7;padding:.85rem max(1rem,calc((100vw - var(--max)) / 2));font-family:"Space Grotesk",Inter,sans-serif;font-size:.86rem;font-weight:800}.breadcrumb-strip a{color:var(--ink);text-decoration:none}.breadcrumb-strip a:hover{color:var(--orange)}.breadcrumb-strip span:last-child{color:var(--ink-2)}.note-detail-hero{display:grid;gap:1rem;max-width:62rem;padding:5.5rem max(1rem,calc((100vw - var(--max)) / 2)) 2rem}.note-detail-hero p{max-width:44rem}.note-takeaways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;border-top:3px solid var(--line);border-bottom:3px solid var(--line);background:var(--mint);padding:2rem max(1rem,calc((100vw - var(--max)) / 2))}.note-takeaways div{display:grid;gap:.5rem;border:3px solid var(--line);border-radius:var(--radius);background:#fffdf7;box-shadow:var(--shadow);padding:1rem}.note-takeaways span{color:var(--orange);font-family:"Space Grotesk",Inter,sans-serif;font-weight:700}.note-takeaways strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:1.25rem;line-height:1.1}.note-body{display:grid;gap:1.3rem;max-width:52rem;padding:4rem max(1rem,calc((100vw - var(--max)) / 2))}.note-body section{border-left:4px solid var(--line);padding-left:1.2rem}.note-body h2{margin:0 0 .55rem;font-family:"Space Grotesk",Inter,sans-serif;font-size:2rem}.note-body p{margin:0;color:var(--ink-2);font-size:1.08rem;font-weight:760}.note-related{display:grid;gap:1.1rem;border-top:3px solid var(--line);background:var(--cream);padding:3rem max(1rem,calc((100vw - var(--max)) / 2))}.note-related h2{margin:.4rem 0 0;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.related-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.related-note-grid a{display:grid;gap:.65rem;min-height:13rem;border:3px solid var(--line);border-radius:var(--radius);background:#fffdf7;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;padding:1rem}.related-note-grid a:hover{transform:translateY(-2px)}.related-note-grid span{color:var(--orange);font-family:"Space Grotesk",Inter,sans-serif;font-size:.78rem;font-weight:800}.related-note-grid strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:1.35rem;line-height:1}.related-note-grid small{color:var(--ink-2);font-size:.9rem;font-weight:760;line-height:1.35}.note-next{display:grid;gap:.85rem;border-top:3px solid var(--line);background:var(--sky);padding:4rem max(1rem,calc((100vw - var(--max)) / 2))}.note-next h2{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.4rem,5vw,4rem);line-height:.96}.note-next p{margin:0;color:var(--ink-2);font-weight:800}