@media only screen and (min-width:1250px){:root{--titleBarPadding:5em 0px 3em 0px;--ctgrBarPadding:3em 0px 4em 0px;--titleTextBarWidth:100%;--titleTextBarAlign:center;--heroFontSize:1.2em;--titleTextDirection:row}.printGrid{grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:10px}.favoritesGrid{grid-template-columns:repeat(auto-fill,minmax(16.6667%,1fr));gap:10px}.mobileBookmark{display:none!important}.printSearchBar{flex-direction:row;justify-content:center;align-items:center}.printSearchBox{width:500px}.searchGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media only screen and (min-width:1025px) and (max-width:1249px){:root{--titleBarPadding:5em 0px 3em 0px;--ctgrBarPadding:3em 0px 4em 0px;--titleTextBarWidth:100%;--titleTextBarAlign:center;--heroFontSize:1.2em;--titleTextDirection:row}.printGrid{grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:10px}.favoritesGrid{grid-template-columns:repeat(auto-fill,minmax(16.6667%,1fr));gap:10px}.mobileBookmark{display:none!important}.printSearchBar{flex-direction:row;justify-content:center;align-items:center}.printSearchBox{width:500px}.searchGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media only screen and (min-width:768px) and (max-width:1024px){:root{--titleBarPadding:5em 0px 3em 0px;--ctgrBarPadding:3em 0px 4em 0px;--titleTextBarWidth:100%;--titleTextBarAlign:center;--heroFontSize:1.2em;--titleTextDirection:row}.ctgrBtnLayout{scrollbar-width:none}.ctgrBtnLayout::-webkit-scrollbar{display:none}.printGrid{grid-template-columns:repeat(auto-fill,minmax(25%,1fr));gap:10px}.favoritesGrid{grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:10px}.mobileBookmark{display:none!important}.printSearchBar{flex-direction:row;justify-content:center;align-items:center}.printSearchBox{width:500px}.searchGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media only screen and (min-width:550px) and (max-width:767px){:root{--titleBarPadding:5em 0px 1.5em 0px;--ctgrBarPadding:1.5em 0px;--titleTextBarWidth:100%;--titleTextBarAlign:flex-start;--heroFontSize:1.1em;--titleTextDirection:column}.ctgrBtnLayout{scrollbar-width:none}.ctgrBtnLayout::-webkit-scrollbar{display:none}.cardMeta{display:none!important}.printGrid,.favoritesGrid{grid-template-columns:repeat(auto-fill,minmax(33.3333%,1fr));gap:10px}.printSearchBar{flex-direction:column;justify-content:center;align-items:flex-start}.printSearchBox{width:100%;margin:10px 0}.searchGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media only screen and (max-width:549px){:root{--titleBarPadding:2em 0px 1em 0px;--ctgrBarPadding:1em 0px;--titleTextBarWidth:100%;--titleTextBarAlign:flex-start;--heroFontSize:1em;--titleTextDirection:column}.ctgrBtnLayout{scrollbar-width:none}.ctgrBtnLayout::-webkit-scrollbar{display:none}.cardMeta{display:none!important}.printGrid,.favoritesGrid{grid-template-columns:repeat(auto-fill,minmax(33.3333%,1fr));gap:10px}.printSearchBar{flex-direction:column;justify-content:center;align-items:flex-start}.printSearchBox{width:100%;margin:10px 0}.searchGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.heroFont{color:#5d5d5d;font-weight:500;font-size:var(--heroFontSize);margin:0;line-height:1.2}.logoImg{width:250px;height:50px;margin:0}.searchBar{z-index:9999;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.searchBar input{border:1px solid #ddd;border-radius:12px;outline:none;width:100%;padding:10px 15px;font-size:14px}.ctgrBar{align-items:center;gap:8px;justify-content:var(--titleTextBarAlign);padding:var(--ctgrBarPadding);flex-wrap:wrap;margin-bottom:10px;display:flex}.mainCtgrBtn{color:#111;white-space:nowrap;background-color:#fff;border:1px solid #ddd;border-radius:12px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.mainCtgrBtn:hover{background-color:#fafafa}.langToggleBtn{white-space:nowrap;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:900;text-decoration:none}.langToggleBtn:hover{filter:brightness(.98)}.mainLayout{box-sizing:border-box;max-width:1100px;height:100%;margin:0 auto;padding:20px}.searchOverlay{z-index:50;background:#fafafa;border:1px solid #eee;border-radius:16px;height:fit-content;max-height:40vh;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:1px 1px 1px #dcdcdc}.searchGrid{gap:10px;display:grid}.searchThumb{aspect-ratio:600/849;cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:12px;width:100%;position:relative;overflow:hidden}.searchEmpty{opacity:.7;text-align:center;padding:12px;font-size:13px}.mobileBookmark{z-index:500;width:100%;display:flex;position:relative}.mainListImg{object-fit:cover}.mainListItem{background-color:#fff;border:1px solid #eee;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.ctgrBtnLayout{flex-wrap:nowrap;gap:8px;width:100%;margin-top:5px;display:flex;overflow:auto hidden}.emptyMsg{text-align:center;opacity:.8;justify-content:center;align-items:center;height:100%;padding:24px;font-size:.75em;display:flex}.scrollTopBtnLayout{pointer-events:none;z-index:9999;position:fixed;inset:0}.scrollTopBtnLayout>div{pointer-events:none;width:100%;max-width:1100px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.scrollTopBtn{z-index:999999;left:calc(50% + (min(50vw,calc(var(--containerMax)/2)) - var(--gutter)));bottom:calc(16px + env(safe-area-inset-bottom) + 20px);color:#111;cursor:pointer;background:#ffffff50;border:1px solid #e6e6e6;border-radius:9999px;width:44px;height:44px;font-size:18px;font-weight:900;position:fixed;transform:translate(-100%);box-shadow:0 4px 10px #0000001f}.titleTextBar{width:100%;padding:var(--titleBarPadding);align-items:var(--titleTextBarAlign);flex-direction:column;justify-content:center;display:flex}.titleFont{width:var(--titleTextBarWidth);white-space:pre-wrap;flex-direction:var(--titleTextDirection);justify-content:var(--titleTextBarAlign);color:#000;margin:0;padding-bottom:10px;font-size:1.7em;font-weight:700;line-height:1.2;display:flex}.m-break{display:inline}@media (max-width:640px){.m-break{display:block}}
