.library-page{max-width:1100px;margin:auto;padding:24px 20px 60px}.library-hero{padding:12px 0 30px;text-align:center}.library-hero>p:first-child{color:#ffd279;letter-spacing:.15em;font-size:11px;font-weight:700;margin:0 0 6px}.library-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.3;margin:0 0 8px}.library-hero>p:last-child{font-size:14px;color:#f8ddcd;margin:0 auto;max-width:590px}.library-content{background:#fff9f1;color:#4d2a21;border-radius:18px;padding:clamp(20px,3.5vw,36px)}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.library-heading p{font-size:10px;font-weight:700;letter-spacing:.13em;color:#b85a1c;margin:0 0 3px}.library-heading h2{font-size:24px;line-height:1.35;margin:0}.library-heading div>span{font-size:12px;color:#846e61}.library-heading>a{font-size:12px;font-weight:700;color:#a64b10;white-space:nowrap;text-decoration:none}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.library-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #eddfd1;border-radius:12px;background:#fff;box-shadow:0 4px 14px #6940230b}.library-card-image{display:block;overflow:hidden;background:#f2e4d5}.library-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.library-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:7px;padding:14px}.library-card-body>span{font-size:10px;font-weight:700;color:#b85a1c}.library-card h3{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.library-card h3 a{text-decoration:none}.library-card p{font-size:12px;line-height:1.6;color:#806b5f;margin:0}.library-read{margin-top:auto;padding-top:5px;color:#a84d12;font-size:12px;font-weight:700;text-decoration:none}.library-card:hover{box-shadow:0 8px 22px #6940231b}.library-return{display:inline-flex;margin-top:22px;color:#ffe7c2;font-size:13px;font-weight:600}.library-page a:focus-visible{outline:3px solid #d67c27;outline-offset:3px}@media(max-width:1024px) and (min-width:768px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.library-page{padding:18px 14px 40px}.library-hero{padding:4px 0 21px}.library-hero>p:last-child{font-size:12px}.library-content{padding:18px 15px;border-radius:14px}.library-heading{align-items:start;margin-bottom:16px}.library-heading h2{font-size:20px}.library-heading div>span,.library-heading>a{font-size:11px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.library-card-body{padding:11px;gap:6px}.library-card h3{font-size:13px}.library-card p,.library-read{font-size:11px}}
/* Crawlable category menu for the guide archive. */
.guide-filter{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:14px;background:#f8eee1;border:1px solid #efdfce;border-radius:12px}.guide-filter-label{font-size:12px;font-weight:700;color:#613b2b}.guide-dropdown{position:relative;width:min(100%,250px)}.guide-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 13px;border:1px solid #d9c3ad;border-radius:9px;background:#fff;color:#4e3024;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.guide-dropdown summary::-webkit-details-marker{display:none}.guide-dropdown[open] summary{border-color:#a95c2c;box-shadow:0 0 0 2px #e9c18a70}.guide-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:10;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:min(420px,calc(100vw - 60px));max-height:320px;overflow-y:auto;padding:8px;border:1px solid #ead6c3;border-radius:12px;background:#fff;box-shadow:0 12px 30px #4d231f33}.guide-dropdown-menu a{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 10px;border-radius:7px;color:#5a382b;text-decoration:none;font-size:12px}.guide-dropdown-menu a:hover,.guide-dropdown-menu a.is-current{background:#fbedd7;color:#9b4517}.guide-dropdown-menu a.is-current{font-weight:700}.guide-filter-count{margin-left:auto;color:#8a7162;font-size:11px}.library-empty{padding:38px 20px;text-align:center;border:1px dashed #e3cdb8;border-radius:12px;background:#fffdf9}.library-empty>span{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;border-radius:12px;color:#ab551d;background:#fff0d8}.library-empty h3{font-size:17px;margin:0;color:#543126}.library-empty p{font-size:12px;color:#806b5f;margin:5px 0 13px}.library-empty a{font-size:12px;color:#a64b10;font-weight:700;text-decoration:none}@media(max-width:599px){.guide-filter{gap:7px 10px;padding:11px}.guide-filter-label{width:100%}.guide-dropdown{width:100%}.guide-dropdown-menu{width:100%;max-height:260px}.guide-filter-count{display:none}.library-empty{padding:30px 14px}}