body.blog-library-page { margin: 0; background: var(--sos-canvas); color: var(--sos-ink); font-family: var(--sos-ui); }
.blog-library-page .blog-library { max-width: var(--sos-wide); margin: 0 auto; padding: 0 var(--sos-gutter) 28px; line-height: 1.5; }
.blog-library-page .blog-library * { box-sizing: border-box; }
.blog-library-page .blog-library a { color: inherit; }
.blog-library-page .library-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; border-bottom:1px solid #d6d9ce; }
.blog-library-page .brand { color:#282c27; font-size:16px; letter-spacing:3px; text-decoration:none; }
.blog-library-page .library-header nav { display:flex; align-items:center; gap:22px; font-size:13px; }
.blog-library-page .library-header nav a { text-decoration:none; }
.blog-library-page .app-link { background:#282c27; border-radius:4px; color:#f8f6f0; padding:8px 14px; }
.blog-library-page .intro { display:grid; grid-template-columns:1.15fr 1fr; align-items:end; gap:30px; padding:35px 0 25px; }
.blog-library-page .eyebrow { color:#62675e; font-size:11px; letter-spacing:2px; margin:0; text-transform:uppercase; }
.blog-library-page h1,.blog-library-page h2,.blog-library-page h3 { font-family:Georgia,serif; font-weight:400; }
.blog-library-page h1 { font-size:39px; line-height:1.15; margin:5px 0 12px; }
.blog-library-page h2 { font-size:29px; line-height:1.2; margin:0 0 4px; }
.blog-library-page h3 { font-size:21px; line-height:1.3; margin:8px 0; }
.blog-library-page .intro p:not(.eyebrow),.blog-library-page .section-top p,.blog-library-page .library-card p { color:#62675e; font-size:14px; margin:0; }
.blog-library-page label { display:block; font-size:12px; margin-bottom:7px; }
.blog-library-page input { background:#fffefa; border:1px solid #d6d9ce; border-radius:4px; color:#282c27; font:16px Arial; padding:13px; width:100%; }
.blog-library-page .paths { display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.blog-library-page .path { background:#fffefa; border:1px solid #d6d9ce; border-radius:5px; color:#282c27; cursor:pointer; padding:20px; text-align:left; }
.blog-library-page .path[aria-pressed=true] { background:#e5e9dc; border-color:#62675e; }
.blog-library-page .path strong,.blog-library-page .path span { display:block; }
.blog-library-page .path strong { font:23px Georgia,serif; margin:0 0 8px; }
.blog-library-page .path span { color:#62675e; font-size:13px; }
.blog-library-page .path span:last-child { color:#282c27; margin-top:17px; }
.blog-library-page .learn-link { border-bottom:1px solid #d6d9ce; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; padding:18px 0; font-size:13px; }
.blog-library-page .learn-link span { color:#62675e; }
.blog-library-page .learn-link button,.blog-library-page .no-results button { background:none; border:0; color:#282c27; cursor:pointer; font:inherit; padding:0; text-decoration:underline; }
.blog-library-page .section-top { align-items:end; display:flex; gap:12px; justify-content:space-between; margin:28px 0 18px; }
.blog-library-page #result-count { color:#62675e; font-size:12px; margin:0; }
.blog-library-page .filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.blog-library-page .filter { background:transparent; border:1px solid #d6d9ce; border-radius:30px; color:#282c27; cursor:pointer; font:12px Arial; padding:7px 12px; }
.blog-library-page .filter[aria-pressed=true] { background:#282c27; color:#f8f6f0; }
.blog-library-page .library-section { margin-top:28px; }
.blog-library-page .library-section > .section-top { margin:0 0 14px; }
.blog-library-page .articles { display:grid; gap:0 28px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.blog-library-page .library-card { border-top:1px solid #d6d9ce; padding:18px 0; }
.blog-library-page .library-card a { display:block; text-decoration:none; }
.blog-library-page .library-card a:hover h3,.blog-library-page .library-card a:focus h3 { text-decoration:underline; }
.blog-library-page .library-card small { color:#62675e; font-size:11px; }
.blog-library-page .no-results { background:#e5e9dc; margin:0 0 18px; padding:16px; }
.blog-library-page .blog-library footer { border-top:1px solid #d6d9ce; color:#62675e; display:flex; flex-wrap:wrap; font-size:12px; gap:16px; justify-content:space-between; margin-top:28px; padding-top:18px; }
.blog-library-page .blog-library footer span:last-child { display:flex; gap:16px; }
.blog-library-page [hidden] { display:none !important; }
@media (max-width:620px) { .blog-library-page .blog-library{padding:0 19px 22px}.blog-library-page .library-header{align-items:start;flex-wrap:wrap}.blog-library-page nav{gap:16px}.blog-library-page .intro{grid-template-columns:1fr;gap:16px;padding-top:25px}.blog-library-page h1{font-size:32px}.blog-library-page .paths,.blog-library-page .articles{grid-template-columns:1fr}.blog-library-page .path{padding:15px}.blog-library-page .path span:last-child{margin-top:6px}.blog-library-page .filter{min-height:44px}.blog-library-page .section-top{align-items:start}.blog-library-page footer span:last-child{flex-wrap:wrap} }
/* Reading paths use the same canvas and type roles as the rest of the site. */
.blog-library-page .blog-library {font-family:'Inter',Arial,sans-serif}
.blog-library-page .blog-library h1,.blog-library-page .blog-library h2,.blog-library-page .blog-library h3 {font-weight:400}
.blog-library-page .blog-library .app-link {color:#f8f6f0}
.blog-library-page .blog-library a:focus-visible,.blog-library-page button:focus-visible,.blog-library-page input:focus-visible {outline:2px solid #526344;outline-offset:4px}
.blog-library-page .reset {background:transparent;border:0;padding:0 0 15px;text-decoration:underline;color:#414d38;cursor:pointer;font-size:13px}
.blog-library-page .show-more {display:block;background:#e5e9dc;border:1px solid #62675e;color:#282c27;border-radius:4px;padding:12px 22px;margin:24px auto 0;cursor:pointer;font:14px 'Inter',Arial,sans-serif}
.blog-library-page .reading-path {background:#e5e9dc;padding:20px 23px;margin:18px 0 24px;border-radius:4px}
.blog-library-page .reading-path ol {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0;margin:12px 0 0;list-style:none}
.blog-library-page .reading-path a {font:19px/1.35 Georgia,serif;text-decoration:none}
.blog-library-page .reading-path a:hover {text-decoration:underline}
.blog-library-page .reading-path small {display:block;font:11px 'Inter',Arial,sans-serif;color:#62675e;margin-bottom:8px}
.blog-library-page .library-card p {line-height:1.6}
.blog-library:not(.is-enhanced) .paths,.blog-library:not(.is-enhanced) .learn-link,.blog-library:not(.is-enhanced) .library-results > .section-top {display:none}
@media(max-width:620px){.blog-library-page .reading-path ol{grid-template-columns:1fr}.blog-library-page .learn-link button,.blog-library-page .reset,.blog-library-page nav a{min-height:44px;display:inline-flex;align-items:center}.blog-library-page .brand{font-size:14px}.blog-library-page .intro{padding-top:24px}.blog-library-page .path{min-height:110px}}

.blog-library-page .blog-library :is(h1,h2,h3),.blog-library-page .path strong,.blog-library-page .reading-path a{font-family:var(--sos-display)}
.blog-library-page .blog-library h1{font-size:clamp(40px,4.6vw,64px);line-height:1.05;text-wrap:balance}
.blog-library-page .blog-library h2{font-size:36px}.blog-library-page .blog-library h3{font-size:28px}
.blog-library-page .path strong{font-size:30px}
.blog-library-page .blog-library :is(input,.filter,.show-more){font-family:var(--sos-ui)}
.blog-library-page .intro p:not(.eyebrow),.blog-library-page .library-card p{font-size:15px}
.blog-library-page .filter,.blog-library-page .learn-link button,.blog-library-page .reset,.blog-library-page .no-results button{min-height:44px}
.blog-library-page .learn-link{align-items:center;justify-content:flex-start;gap:16px}
.blog-library-page .path,.blog-library-page input{background:transparent;border-color:var(--sos-border);border-radius:2px}
.blog-library-page .path[aria-pressed=true],.blog-library-page .reading-path,.blog-library-page .no-results{background:#EFE7DA;border-color:#795537}
.blog-library-page .show-more{background:transparent;border-color:#795537;color:var(--sos-ink)}
.blog-library-page .path:hover,.blog-library-page .filter:hover{border-color:#795537}
@media(max-width:760px){.blog-library-page .blog-library{padding-inline:20px}.blog-library-page .intro{grid-template-columns:1fr}.blog-library-page .paths{grid-template-columns:1fr}.blog-library-page .path{padding:20px}.blog-library-page .reading-path ol{grid-template-columns:1fr}}