/* Visual browsing for the existing guide and printable libraries. */
.compass-elevated .article.guides-page,.compass-elevated .article.resource-page{max-width:1100px}
.guides-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center;margin:0 0 36px}
.compass-elevated .guides-intro h1{max-width:17ch;font-size:clamp(38px,5vw,57px);margin:15px 0 22px}
.guides-intro p{max-width:53ch;margin:0 0 18px;font-size:18px;color:#566573;line-height:1.7}
.guide-map-note{padding:28px;background:#edf4ef;border:1px solid #d4e1d9;border-radius:16px}
.compass-elevated .guide-map-note h2{font-size:30px;margin:12px 0 14px;line-height:1.2}
.guide-map-note p{font-size:16px}
.guide-map-note .button{margin:0}
.compass-elevated .guide-current{margin:34px 0 42px}
.compass-elevated .guide-current h2{margin:0 0 12px}
.guide-current>p{font-size:16px;color:#566573;margin:0 0 22px}
.guides-page .fresh-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}
.guide-photo-credits{font-size:12px;line-height:1.6;color:#566573}
.compass-elevated .library-heading h2{font-size:36px;margin:0 0 12px}
.library-heading p{margin:0 0 24px;color:#566573;font-size:17px}
.library-controls{padding:22px 24px;border:1px solid #e2ddd9;border-radius:14px;background:#fff;margin:0 0 25px}
.library-controls[hidden],.library-card[hidden],.printable-card[hidden],.library-empty[hidden]{display:none!important}
.library-search{display:flex;flex-direction:column;gap:7px;max-width:440px;margin-bottom:17px}
.library-search label{font-size:14px;font-weight:600}
.library-search input{font:inherit;font-size:16px;min-height:46px;width:100%;padding:11px 14px;border:1px solid #cdd4d2;border-radius:8px;background:#fffdf9;color:#23364b}
.library-filters{display:flex;flex-wrap:wrap;gap:9px}
.library-filters button{font:inherit;font-size:14px;line-height:1.45;min-height:44px;padding:10px 16px;color:#23364b;background:#fffdf9;border:1px solid #d8ddd6;border-radius:24px;cursor:pointer}
.library-filters button[aria-pressed=true]{background:#23364b;color:white;border-color:#23364b}
.library-filters button:hover{border-color:#9aaea1}
.library-count{font-size:14px;color:#566573;margin:18px 0 0}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.library-card{display:flex;flex-direction:column;border:1px solid #e1e4df;border-radius:14px;overflow:hidden;background:white;min-width:0}
.library-card>a{display:flex;flex:1;flex-direction:column;color:inherit;text-decoration:none}
.library-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#edf4ef}
.library-card.print-card img{object-fit:contain;padding:18px;background:#f6e8ed}
.library-copy{display:flex;flex:1;flex-direction:column;padding:21px 23px}
.compass-elevated .library-copy h3{font-size:27px;line-height:1.2;margin:12px 0}
.library-copy p{font-size:16px;color:#566573;line-height:1.6;margin:0 0 20px}
.library-copy .read{font-size:14px;font-weight:600;display:block;margin-top:auto}
.library-card:hover{border-color:#aac1b1}
.library-card:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.library-empty{padding:28px;border-radius:12px;background:#edf4ef}
.library-empty p{margin:0 0 16px}
.library-empty button{font:inherit;font-size:15px;min-height:44px;border:1px solid #cdd4d2;border-radius:8px;padding:10px 18px;background:white;color:#23364b;cursor:pointer}
.compass-elevated .guide-archive-details{margin:44px 0 0;border-top:1px solid #e1e4df;padding-top:22px}
.guide-archive-details>summary{font-size:20px;font-weight:600;cursor:pointer;min-height:48px;padding:8px 0}
.guide-archive-details>p{color:#566573;font-size:16px}
.guide-credits{margin:28px 0;color:#566573;font-size:12px;line-height:1.65}
.guide-credits summary{cursor:pointer;min-height:44px;padding:9px 0;font-size:14px}
.guide-credits ul{padding-left:20px}
.printable-card .printable-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0}
.printable-actions .shop-link{font-size:14px;margin:0}
@media(max-width:900px){.guides-intro{gap:24px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.guides-intro{grid-template-columns:1fr;gap:15px;margin-bottom:28px}.guides-intro p{font-size:17px}.guide-map-note{padding:22px}.compass-elevated .guide-map-note h2{font-size:28px}.compass-elevated .guide-current{margin:28px 0 34px}.library-controls{padding:18px}.library-filters{gap:8px}.library-filters button{padding:10px 13px}.library-grid{gap:18px}.library-copy{padding:19px}.compass-elevated .library-copy h3{font-size:25px}.guides-page .fresh-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.guides-page .fresh-grid>a:last-child{grid-column:1/-1}.guide-photo-credits{font-size:12px}}
@media(max-width:540px){.library-grid{grid-template-columns:1fr}.guides-page .fresh-grid{grid-template-columns:1fr}.guides-page .fresh-grid>a:last-child{grid-column:auto}.library-card img{aspect-ratio:16/9}.library-card.print-card img{height:210px;aspect-ratio:auto}.compass-elevated .guides-intro h1{font-size:39px}.compass-elevated .library-heading h2{font-size:32px}}