:root{--paper:#fffdf5;--ink:#28365b;--accent:#315bad;--surface:#f3edc9;--line:color-mix(in srgb,var(--ink) 25%,transparent);--body-font:Arial,sans-serif;--display-font:Georgia,serif}
.notebook-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.notebook-header .brand{font-size:1.6rem}.notebook-tabs .primary-nav{gap:8px;border-bottom:3px solid var(--ink)}.notebook-tabs .primary-nav a{padding:16px 25px;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;background:var(--surface)}.notebook-tabs .primary-nav a:hover{background:var(--ink);color:var(--paper)}.notebook-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.notebook-leaf{padding:30px 30px 30px 45px;border-left:3px solid #c56863;background:repeating-linear-gradient(transparent 0 31px,#315bad16 31px 32px)}.notebook-leaf h1{font-size:clamp(2.7rem,4.5vw,4.9rem);font-weight:400}.notebook-pin{transform:rotate(2deg);padding:16px;background:#f3edc9;box-shadow:7px 9px 0 #28365b11}.notebook-pin>p{font-size:.75rem;margin:15px 0 0;text-align:center}.notebook-pages{display:grid;grid-template-columns:2fr 1fr;gap:40px}.notebook-pages .entries{grid-template-columns:1fr 1fr}.notebook-note{border-left:1px dashed var(--accent);padding-left:25px}.notebook-note .topic-links{grid-template-columns:1fr}.notebook-note .topic-links a{border:0;border-bottom:1px solid var(--line);padding:16px 0}.notebook-reading{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px}.notebook-reading article{border-left:3px solid #c56863;padding-left:30px}.notebook-notes{padding:22px;background:var(--surface);align-self:start}
@media(max-width:800px){.notebook-hero,.notebook-pages,.notebook-reading{display:block}.notebook-pin{margin:25px 10px}.notebook-leaf{padding:20px}.notebook-note{padding:10px 0;border:0}.notebook-tabs .primary-nav a{padding:12px 9px}.notebook-header .site-search{max-width:160px}.notebook-reading article{padding-left:16px}.notebook-notes{margin-top:25px}}
@media(max-width:480px){.entries,.topic-links{grid-template-columns:1fr!important}.brand{max-width:100%}.site-search{min-width:0}.hero h1{font-size:2.55rem}.site-footer{overflow-wrap:anywhere}.atom-strip{margin-inline:-16px;padding-inline:16px}.route-walk .entry>a{grid-template-columns:28px minmax(0,1fr)}.route-walk .entry img{display:none}}