/* Reading starts with the books; search controls are optional. */
.catalog-space{background:#fff}
.catalog-browse{padding-top:24px;padding-bottom:40px}
.catalog-toolbar{position:relative;display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
.catalog-toolbar h1{font:700 26px/1.4 system-ui,sans-serif;margin:8px 0;flex:1}
.catalog-search{display:contents}
.catalog-search summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;cursor:pointer;border-radius:12px;color:#1647d9;list-style:none;font:600 15px system-ui}
.catalog-search summary::-webkit-details-marker{display:none}
.catalog-search:not([open])>form{display:none}
.catalog-browse .filters{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:16px;background:#f5f7fa;border:0;border-radius:12px}
.catalog-browse .filters .search-field{grid-column:1/-1;order:0}
.catalog-browse .filters label{font:500 14px/1.5 system-ui;display:grid;gap:6px}
.catalog-browse .filters input:not([type=hidden]),.catalog-browse .filters select{width:100%;min-height:48px;font:16px system-ui;padding:10px;box-sizing:border-box}
.catalog-browse .filters button{min-height:48px;font-size:15px}
.catalog-reset{display:flex;align-items:center;justify-content:center;min-height:48px}
.catalog-tabs{display:flex;gap:16px;border-bottom:1px solid #e8ebef;margin:12px 0 20px}
.catalog-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:64px;font:600 16px system-ui;color:#687183;border-bottom:3px solid transparent;text-decoration:none}
.catalog-tabs a[aria-current]{color:#1647d9;border-color:#1647d9}
.catalog-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.catalog-book{min-width:0}.catalog-book>a{display:block;text-decoration:none;color:inherit}
.catalog-cover{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:9px;background:#f0f2f5}
.catalog-book h2{font:650 17px/1.5 system-ui;margin:10px 0 3px;overflow-wrap:anywhere}
.catalog-book p{font:14px/1.5 system-ui;color:#687183;margin:0 0 6px;overflow-wrap:anywhere}
.catalog-format{display:inline-block;background:#edf3ff;color:#2453b9;border-radius:5px;padding:3px 7px;font:12px/1.4 system-ui}
.catalog-results{font:14px/1.6 system-ui;color:#687183;overflow-wrap:anywhere}
.catalog-resume{display:flex;align-items:center;gap:12px;padding:12px;margin:0 0 20px;border:1px solid #e8ebef;border-radius:12px;text-decoration:none;color:inherit}
.catalog-resume>img,.catalog-resume>.cover-placeholder{width:40px;height:56px;object-fit:cover;border-radius:4px}
.catalog-resume>span:nth-child(2){flex:1;min-width:0}.catalog-resume small{display:block;font:12px system-ui;color:#1647d9;margin-bottom:5px}.catalog-resume strong{display:block;font:600 15px system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-browse a:focus-visible,.catalog-search summary:focus-visible{outline:3px solid #1647d9;outline-offset:3px}
@media(max-width:720px){
 .catalog-space .site-header{height:auto;min-height:60px;padding:8px 16px;gap:12px;background:#fff}
 .catalog-space .site-header .brand{font-size:25px}.catalog-space .site-header .brand-caption{display:none}
 .catalog-space .site-header .account-link{min-height:44px;display:flex;align-items:center}
 .catalog-browse{width:auto;margin:0;padding:12px 16px 28px}
 .catalog-toolbar h1{font-size:23px}.catalog-search summary{padding-right:0}
 .catalog-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .catalog-book h2{font-size:16px;margin-top:8px}.catalog-book p{font-size:13px}
 .catalog-tabs{margin:4px 0 18px}
 .catalog-browse .filters{gap:12px;padding:12px}
}

.catalog-book .catalog-more{display:flex;align-items:center;min-height:44px;margin-top:4px;color:#2453b9;font:13px/1.5 system-ui;text-decoration:none}

.catalog-worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.catalog-world{min-width:0;border:1px solid #dce2ec;border-radius:14px;overflow:hidden;background:#fff}
.catalog-world-body{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:16px}
.catalog-world-art{display:block;align-self:start;border-radius:7px;overflow:hidden}
.catalog-world-art img,.catalog-world-art .cover-placeholder{display:block;width:100%;height:142px;object-fit:cover}
.catalog-world-copy{min-width:0}.catalog-world-genre{display:block;font:12px/1.5 system-ui;color:#687183;margin-bottom:5px}
.catalog-world-copy h2{font:700 19px/1.35 system-ui;margin:0 0 8px;overflow-wrap:anywhere}
.catalog-world-hook{font:14px/1.65 system-ui;margin:0;color:#23334b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.catalog-world-entry{border-top:1px solid #edf0f4;padding-top:9px;margin-top:10px;color:#687183}
.catalog-world-entry>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:13px/1.5 system-ui}
.catalog-world-entry small{display:block;font:12px/1.5 system-ui;margin-top:3px;overflow-wrap:anywhere}
.catalog-world-actions{display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid #e5e9ef;padding:4px 0}
.catalog-world-actions a{display:flex;gap:10px;justify-content:center;align-items:center;min-height:44px;padding:4px 8px;text-decoration:none;font:600 14px/1.4 system-ui;color:#1647d9}
.catalog-world-actions a+a{border-left:1px solid #e5e9ef;color:#596477}
@media(max-width:720px){.catalog-worlds{grid-template-columns:1fr;gap:14px}.catalog-world-body{grid-template-columns:88px minmax(0,1fr);padding:12px;gap:14px}.catalog-world-art img,.catalog-world-art .cover-placeholder{height:124px}.catalog-world-copy h2{font-size:18px}.catalog-world-hook{font-size:13px}}
@media(max-width:350px){.catalog-world-body{grid-template-columns:72px minmax(0,1fr);gap:10px}.catalog-world-art img,.catalog-world-art .cover-placeholder{height:108px}.catalog-world-copy h2{font-size:17px}}
/* Keep mobile browsing controls on one row above the stories. */
@media(max-width:720px){
 .catalog-browse{padding-top:4px}
 .catalog-toolbar{display:block;position:relative;height:0;z-index:1}
 .catalog-toolbar h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .catalog-search summary{position:absolute;right:0;top:0;width:44px;height:48px;min-height:48px;padding:0;justify-content:center}
 .catalog-search summary>span{display:none}
 .catalog-tabs{padding-right:52px;gap:8px;margin:0 0 12px}
 .catalog-tabs a{min-width:56px;min-height:48px;font-size:15px}
 .catalog-toolbar:has(.catalog-search[open]){height:auto;padding-top:48px}
 .catalog-toolbar:has(.catalog-search[open])+.catalog-tabs{margin-top:8px}
 .catalog-search[open] summary{background:#edf3ff;border-radius:10px}
}

@media(max-width:720px){
 .native-app .catalog-space>.site-header{display:none}
 .native-app body:has(.account-hub)>.site-header{display:none}
 .account-hub .hub-account-shortcuts a{min-height:44px;display:flex;align-items:center;font-size:14px;box-sizing:border-box}
 .account-hub .hub-settings select{font-size:16px;min-height:44px}
}