/* Compact library; full research and other tools retain their existing controls. */
body.library-layout{background:#f7f9f6}.library-layout .workspace-header{padding:10px 20px;gap:24px;min-height:66px}.library-layout .workspace-header nav{display:flex;align-items:center;gap:6px;margin:0}.library-layout .workspace-header .nav{min-height:44px;padding:8px 12px;font-size:14px}.library-layout .workspace-scope{display:none}.library-layout .workspace-actions{margin-left:0}.library-layout .section-switch{margin-left:auto;white-space:nowrap}.library-layout .section-switch button{padding:8px 12px;font-size:13px}.library-more{position:relative;font-size:13px}.library-more>summary{padding:12px;cursor:pointer;list-style:none}.library-more-menu{position:absolute;z-index:8;top:100%;left:0;width:220px;padding:10px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 25px #173b3b16}.library-more-menu>*{display:flex!important;width:100%;text-align:left;padding:10px!important}.library-layout main{margin:0;padding:18px 20px;max-width:none}.library-layout .view:not(#explore){max-width:1280px;margin:auto}.library-layout #explore{padding:0}.library-shell{--rail:172px;--inspector:300px;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);gap:16px;align-items:start}.library-shell.quick-open{grid-template-columns:var(--rail) minmax(0,1fr) var(--inspector)}.library-shell.categories-collapsed{--rail:48px}#libraryCenter{min-width:0}.library-categories{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.library-rail-head{display:flex;align-items:center;gap:4px;justify-content:space-between;min-height:44px;margin-bottom:4px}.library-rail-head h2{font-size:14px;margin-left:4px}.library-rail-head button{border:0;background:transparent;font-size:24px;min-width:32px;min-height:44px}.library-category{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;border-radius:7px;padding:9px 7px;min-height:44px;text-align:left;font-size:13px;line-height:1.35}.library-category:hover{background:#f3f7f3}.library-category.selected{background:#e2eee6;color:#173b3b;font-weight:600}.category-mark{font-size:11px;min-width:23px;max-width:23px;text-align:center;color:#3b6963}.category-name{overflow-wrap:anywhere}.categories-collapsed .library-categories{padding:4px}.categories-collapsed .category-name,.categories-collapsed #categoryHeading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.categories-collapsed .library-category{justify-content:center;padding:6px 0}.categories-collapsed .library-rail-head{justify-content:center}.library-state-control{display:none!important}.library-layout #explore .heading{margin:0 0 12px;gap:6px}.library-layout #explore .heading h1{font-size:25px;letter-spacing:-.6px;margin:0}.library-layout #explore .heading .intro{font-size:12px;margin:3px 0 0}.library-toolbar{display:flex;gap:8px;align-items:center;position:relative;margin-bottom:10px}.library-toolbar .search-box{flex:1;min-width:0;margin:0;padding:3px;gap:3px;border-radius:8px;box-shadow:none}.library-toolbar .search-box select{width:108px;padding:9px 5px;font-size:12px}.library-toolbar .search-box input{width:0;padding:10px 6px;font-size:14px}.library-toolbar .search-box .button{font-size:12px;padding:8px 10px;min-height:40px;white-space:nowrap}.library-toolbar #openQuickView{padding:8px 10px;font-size:12px;min-height:46px;white-space:nowrap}.quick-open #openQuickView{display:none}.library-toolbar .advanced{margin:0;color:var(--ink);position:static}.library-toolbar .advanced>summary{min-height:46px;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:13px;list-style:none}.library-toolbar .advanced[open]{position:static}.library-toolbar .advanced[open]>.filterbar,.library-toolbar .advanced[open]>.discovery-options,.library-toolbar .advanced[open]>p{position:relative;z-index:5;background:#fff}.library-toolbar .advanced[open]{position:absolute;top:0;right:0;width:min(600px,100%);z-index:5;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #173b3b22;padding:10px}.library-toolbar .advanced[open]>.filterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:55dvh;overflow:auto;padding:12px 0;margin:0}.library-toolbar .filterbar>div{display:block;min-width:0}.library-toolbar .filterbar label{display:block;font-size:12px;margin-bottom:3px}.library-toolbar .filterbar select{width:100%;max-width:none;font-size:13px}.library-toolbar .filterbar .date-filter label{display:block}.library-toolbar .advanced>p{font-size:11px;margin:6px 0}.library-layout #explore .research-controls{margin:0 0 10px}.library-layout #explore .research-tabs{padding:3px;gap:2px}.library-layout #explore .research-tabs button{font-size:12px;padding:6px 11px;min-height:36px}.library-layout #explore .results-head{margin:10px 0 6px}.library-layout #resultTitle{font-size:16px}.library-layout #resultSummary{font-size:11px;margin:0 0 10px;display:block;line-height:1.5}.library-layout #results.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.library-layout .quick-open #results.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-card{position:relative;border-radius:9px;box-shadow:none!important}.library-card.quick-selected{border-color:#087b78;box-shadow:0 0 0 2px #087b78!important}.library-card-select{border:0;background:#fff;display:block;width:100%;padding:0;text-align:left;color:var(--ink);min-width:0}.library-card-media{height:180px;background:#eaf0eb;position:relative;overflow:hidden;display:grid;place-items:center}.library-card-media img,.library-card-media video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.library-play{position:absolute;bottom:8px;left:8px;background:#173b3bce;color:#fff;border-radius:20px;width:29px;height:29px;display:grid;place-items:center;font-size:12px}.library-missing{font-size:12px;color:var(--muted)}.library-card-body{padding:10px 11px}.library-card-body>strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere;padding-right:22px}.library-card-body>p{font-size:12px;line-height:1.45;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.library-card-category{font-size:10px;color:var(--muted);display:block;margin-top:2px}.library-card .ad-activity{margin-top:5px;gap:2px}.library-card .ad-activity strong{font-size:11px;font-weight:400}.library-card .ad-activity span{font-size:10px}.library-card-save{position:absolute;right:6px;top:6px;background:#fff!important;border:1px solid var(--line);border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px;font-size:23px;display:grid;place-items:center;padding:0}.library-research{margin-top:20px;border-top:1px solid var(--line);padding-top:8px;font-size:12px}.library-research>summary,#libraryStudies>summary{padding:8px 0;min-height:40px;cursor:pointer;font-size:12px;color:var(--muted)}.library-research-body{padding:12px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.library-research-body .project-context{width:100%;margin:0}.library-research-body .search-help{width:100%}.library-research-body #appCatalog{width:100%}.library-layout #noRelevantExamples{display:block;font-size:12px;margin-top:14px}.library-layout #libraryStudies .study-row{max-width:100%}.library-layout #quickView{position:sticky;inset:auto;top:16px;align-self:start;width:100%;max-width:none;margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:none;color:var(--ink)}.library-layout #quickView:not([open]){display:none}.quick-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.quick-heading h2{font-size:19px}.quick-heading button{font-size:24px;border:0;background:transparent;min-width:36px;min-height:40px}.quick-navigation{display:flex;align-items:center;justify-content:space-between;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px}.quick-navigation button{font-size:12px;background:transparent;border:0;min-height:36px;padding:4px}.quick-navigation span{font-size:11px;color:var(--muted)}.quick-brand{margin:10px 0 8px;overflow-wrap:anywhere}.quick-brand strong{font-size:14px;display:block}.quick-brand span{font-size:11px;color:var(--muted)}.quick-media{background:#edf2ee;border-radius:6px;overflow:hidden}.quick-media video,.quick-media img{display:block;width:100%;max-height:210px;object-fit:contain}.quick-media-status{font-size:12px;padding:8px;margin:0}.quick-facts{margin:10px 0;display:grid;gap:10px;font-size:12px;line-height:1.5}.quick-facts dt{font-weight:600;font-size:12px;margin-bottom:2px}.quick-facts dd{margin:0;overflow-wrap:anywhere}.quick-facts .ad-activity{margin:0;gap:2px}.quick-facts .ad-activity strong{font-size:12px;font-weight:400}.quick-facts .ad-activity span,.quick-start,.quick-host{display:block;font-size:11px;color:var(--muted)}.quick-actions{display:flex;gap:8px}.quick-actions .button{flex:1;font-size:12px;padding:8px 10px;min-height:40px;gap:0}.quick-full{display:block;width:100%;text-align:center;min-height:40px;font-size:12px}.quick-empty{font-size:13px;line-height:1.6;padding:18px 4px;margin:0;color:var(--muted)}
@media(max-width:1279px){.library-layout .workspace-header{gap:12px}.library-layout .workspace-header .nav{padding:8px;font-size:13px}.library-layout #results.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-layout .quick-open #results.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-shell{--rail:150px;--inspector:280px}.library-toolbar .search-box .button{font-size:0;min-width:38px}.library-toolbar .search-box .button:after{content:'→';font-size:18px}.library-toolbar .search-box select{width:94px}}
@media(max-width:900px){.library-layout .workspace-header{flex-wrap:wrap;padding:10px 14px;gap:8px}.library-layout .workspace-header .brand{font-size:27px}.library-layout .workspace-header nav{order:3;width:100%;border-top:1px solid var(--line);padding-top:5px;overflow:visible}.library-layout .section-switch{margin-left:auto}.library-layout .workspace-actions{margin-left:auto}.library-layout .workspace-actions #accountButton{font-size:11px}.library-layout main{padding:12px}.library-shell,.library-shell.quick-open{grid-template-columns:var(--rail) minmax(0,1fr);gap:10px;--rail:140px}.library-shell.categories-collapsed{--rail:44px}.library-layout #results.grid,.library-layout .quick-open #results.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-layout #quickView[open]{position:fixed;inset:auto 12px 12px;top:auto;max-height:88dvh;width:calc(100vw - 24px);max-width:520px;margin:0 auto;z-index:20;padding:14px}.library-layout #quickView::backdrop{background:#173b3b66}.quick-media video,.quick-media img{max-height:180px}.quick-navigation{position:sticky;top:-14px;background:#fff;z-index:1}.library-layout #explore .heading h1{font-size:22px}.library-layout #explore .intro{display:none}.library-toolbar{flex-wrap:wrap}.library-toolbar .search-box{flex-basis:100%;display:flex}.library-toolbar .search-box input{flex:1;font-size:16px}.library-toolbar .search-box .button{width:auto;margin:0}.library-toolbar .advanced>summary,.library-toolbar #openQuickView{min-height:40px}.library-layout .library-more-menu{left:auto;right:0}.library-card-media{height:160px}.library-layout .research-tabs button{font-size:11px!important;padding:6px 8px!important}}
@media(max-width:600px){.library-shell,.library-shell.quick-open{--rail:44px}.library-categories{padding:4px}.library-categories .category-name,.library-categories #categoryHeading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.library-categories .library-category{padding:6px 0;justify-content:center}.library-categories .library-rail-head{justify-content:center}.library-shell:not(.categories-collapsed) .library-categories{position:fixed;top:120px;left:12px;width:210px;z-index:9;box-shadow:0 8px 25px #173b3b33;max-height:calc(100dvh - 140px)}.library-shell:not(.categories-collapsed) .category-name,.library-shell:not(.categories-collapsed) #categoryHeading{position:static;width:auto;height:auto;clip-path:none}.library-shell:not(.categories-collapsed) .library-category{justify-content:flex-start;padding:8px}.library-shell:not(.categories-collapsed) .library-rail-head{justify-content:space-between}.library-layout #results.grid,.library-layout .quick-open #results.grid{grid-template-columns:1fr}.library-card-media{height:190px}.library-layout #explore .heading h1{font-size:21px}.library-layout .section-switch button{font-size:11px;padding:6px 8px}.library-layout .workspace-actions #accountButton{max-width:82px;line-height:1.2}.library-layout .workspace-header nav{gap:2px}.library-layout #explore .research-tabs{gap:0}.library-layout #explore .research-tabs button{font-size:10px!important;padding:6px!important}.library-toolbar .advanced[open]>.filterbar{grid-template-columns:1fr}.library-card-body>strong{font-size:15px}.library-card-body>p{font-size:13px}.library-card-save{width:44px;min-width:44px;height:44px;min-height:44px}.quick-navigation button{min-height:44px}.library-layout #libraryCenter .results-head{margin-top:8px}}

.library-rail-head{position:sticky;top:-8px;background:#fff;z-index:1}.quick-heading{position:sticky;top:-12px;background:#fff;z-index:3}.quick-navigation{position:sticky;top:28px;background:#fff;z-index:2}

.library-toolbar .advanced{flex:0 0 auto}.library-toolbar .search-box{flex:1 1 0;max-width:none}.library-layout #explore .results-head{display:none}.library-layout #resultSummary:empty{display:none}.library-card-media{height:160px}.library-card-body>p{min-height:0}.library-layout .workspace-header{position:sticky;top:0;z-index:10}.library-layout .library-categories,.library-layout #quickView{top:82px;max-height:calc(100dvh - 98px)}.library-toolbar{position:sticky;top:82px;z-index:4;background:#f7f9f6;padding-bottom:4px}.quick-media-status .text-button{font-size:12px;min-height:32px}
@media(max-width:900px){.library-layout .workspace-header{position:static}.library-layout .library-categories{top:12px;max-height:calc(100dvh - 24px)}.library-toolbar{top:0}.library-toolbar .search-box{flex:1 1 100%}.library-layout #quickView[open]{top:auto;max-height:88dvh}.quick-navigation{top:26px}}
@media(max-width:600px){.library-shell:not(.categories-collapsed) .library-categories{top:12px;max-height:calc(100dvh - 24px)}}

/* A fixed preview box must not create an intrinsic-size grid track for portrait images. */
.library-card-media{display:block}.library-card-media img,.library-card-media video{min-width:0;min-height:0}.library-card-media .library-missing{display:flex;align-items:center;justify-content:center;height:100%}

.library-category-control{flex-direction:column;align-items:stretch;gap:4px;max-width:100%;font-size:12px;margin:8px 0 12px}.library-category-control select{width:100%;min-width:0;padding:8px 4px;font-size:12px}.categories-collapsed .library-category-control{display:none}
/* Brand Explorer: the rail list reuses .library-category; the dated summary sits above the existing results. */
.brand-rail{margin-top:14px;border-top:1px solid #dfe7e1;padding-top:10px}.brand-rail h2{font-size:14px;margin:0 0 6px}.brand-choice .small{display:block;font-size:11px;opacity:.75}
.brand-summary{margin:0 0 12px;padding:10px 14px;border:1px solid #dfe7e1;border-radius:12px;background:#fff}.brand-summary-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.brand-summary h2{font-size:18px;margin:0}.brand-summary p{margin:4px 0 0}.brand-note{color:#7a5200}
.link-button{background:none;border:0;padding:0;color:#2f6f5e;text-decoration:underline;cursor:pointer;font:inherit}

.brand-more-link{overflow-wrap:anywhere;display:block;padding:10px 12px;min-height:44px;font-size:12px;line-height:24px;color:var(--ink);text-decoration:underline}.brand-more-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.quick-media{position:relative}.quick-sound{position:absolute;top:8px;left:8px;min-height:36px;padding:0 12px;border:0;border-radius:18px;background:rgba(0,0,0,.68);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.quick-play{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border:0;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font-size:30px;cursor:pointer}.quick-sound[hidden],.quick-play[hidden]{display:none}

/* Phones (<=600 px), owner pick 1A 18 Oct: one-row header + Filters button, topic chips under search, full-width cards, full-screen ad sheet,
   topics + filters in one bottom panel; every tap >= 44 px, form text 16 px (no iOS zoom). Desktop: only the hidden button/panel are added. */
#phoneFiltersButton,#phoneFilters:not([open]){display:none}.quick-hint{display:none}
@media(max-width:600px){
.library-layout .workspace-header{flex-wrap:nowrap;align-items:center;gap:4px;padding:6px 10px;min-height:56px}
.library-layout .workspace-header .brand{font-size:26px;min-height:44px;display:flex;align-items:center;flex:none}
.library-layout .workspace-header nav{flex:1 1 auto;min-width:0;gap:0;width:auto;max-width:none;overflow:visible;border:0;margin:0;padding:0}
.library-layout .workspace-header nav .nav{padding:0 8px;min-height:44px;font-size:14px}
.library-layout .library-more>summary{min-height:44px;display:flex;align-items:center;padding:0 8px;font-size:14px}
.library-layout #phoneFiltersButton{display:inline-flex;order:9;margin-left:auto;align-items:center;gap:6px;flex:none;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:600}
body:has(#explore[hidden]) #phoneFiltersButton{display:none}
/* Live's Products & services / iOS Apps switch (ios_enabled) lives in the Filters panel on phones, so the header stays one row. */
.library-layout .workspace-header #sectionSwitch{display:none}
.phone-section:has([data-slot="section"]:empty){display:none}
#phoneFilters #sectionSwitch{display:flex;flex-wrap:nowrap;width:100%;margin:0}#phoneFilters #sectionSwitch button{flex:1;min-height:44px;font-size:14px}
.phone-filter-count{min-width:20px;height:20px;border-radius:10px;background:var(--accent,#1f7a74);color:#fff;font-size:12px;display:inline-grid;place-items:center;padding:0 5px}
.phone-filter-count[hidden]{display:none}
/* Center column dissolves so the topic strip can sit between search and the cards. */
.library-layout #libraryShell{display:flex;flex-direction:column;align-items:stretch;gap:0}
.library-layout #libraryCenter{display:contents}
.library-layout #libraryShell>*,.library-layout #libraryCenter>*{order:3}
.library-layout #libraryCenter>.library-toolbar{order:1}
.library-layout #libraryShell>#libraryCategories{order:2}
.library-layout #explore .heading,.library-layout #searchFilters,.library-layout #openQuickView,.library-layout #explore .research-controls{display:none}
.library-layout .library-toolbar{margin:0 0 8px}
.library-layout .library-toolbar .search-box select{width:96px;font-size:16px;height:44px}
.library-layout .library-toolbar .search-box input{font-size:16px;min-height:44px}
.library-layout .library-toolbar .search-box .button{min-height:44px;min-width:44px}
.library-layout #libraryShell #libraryCategories{position:static;width:auto;max-height:none;overflow:visible;padding:0;margin:0 0 10px;border:0;background:none;box-shadow:none}
.library-layout #libraryShell #libraryCategories>:not(#categoryList){display:none}
.library-layout #categoryList{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0;margin:0}
.library-layout #categoryList::-webkit-scrollbar{display:none}
.library-layout #libraryShell #categoryList .library-category{flex:none;width:auto;min-height:44px;padding:0 14px;margin:0;border:1px solid var(--line);border-radius:12px;background:#fff;justify-content:center;font-size:14px;white-space:nowrap}
.library-layout #libraryShell #categoryList .library-category.selected{background:var(--accent,#1f7a74);border-color:transparent;color:#fff}
.library-layout #libraryShell #categoryList .category-mark{display:none}
.library-layout #libraryShell #categoryList .category-name{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.library-layout #results.grid{grid-template-columns:1fr;gap:14px}
.library-layout .library-card-media{height:min(48svh,440px)}
.library-layout .library-card-body>strong{font-size:18px}
.library-layout .library-card-body>p{font-size:15px}
/* Ad sheet: full screen, big video, sticky actions. */
.library-layout #quickView[open]{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0 16px;z-index:30;overscroll-behavior:contain}
.library-layout #quickView .quick-heading{top:0;padding:8px 0 4px;margin:0;min-height:56px}
.library-layout #quickView .quick-heading h2{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library-layout #quickView .quick-heading button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:22px;font-size:20px}
.library-layout #quickView .quick-navigation{top:56px}
.library-layout #quickView .quick-brand strong{display:none}
.library-layout #quickView .quick-media{margin:8px -16px;border-radius:0;background:#111}
.library-layout #quickView .quick-media video,.library-layout #quickView .quick-media img{height:52svh;max-height:none;width:100%}
.library-layout #quickView .quick-sound{min-height:44px}
.library-layout #quickView .quick-actions{position:sticky;bottom:0;z-index:2;flex-wrap:wrap;background:#fff;border-top:1px solid var(--line);margin:12px -16px 0;padding:6px 16px calc(8px + env(safe-area-inset-bottom))}
.library-layout #quickView .quick-actions .button{flex:1 1 0;min-height:44px;font-size:15px;padding:0 8px}
.library-layout #quickView .quick-actions .quick-full{flex:none;width:auto;min-height:44px;padding:0 4px;font-size:14px}
.library-layout #quickView .quick-hint{display:block;flex:1 1 100%;margin:0;text-align:center;font-size:12px;color:var(--muted)}
/* Bottom panel. */
.library-layout #phoneFilters[open]{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:88dvh;margin:0;padding:0;border:0;border-radius:20px 20px 0 0;display:flex;flex-direction:column;background:#fff;z-index:30}
.library-layout #phoneFilters::backdrop{background:#173b3b66}
.phone-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}
.phone-panel-head h2{font-size:22px;margin:0}
.phone-close{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:22px;background:#fff;font-size:20px}
.phone-panel-body{overflow-y:auto;padding:0 16px 8px;overscroll-behavior:contain}
.phone-panel-body section{border-bottom:1px solid var(--line);padding:10px 0}
.phone-panel-body section:empty{display:none}
.phone-panel-body h3,.phone-panel-body .brand-rail h2{font-size:15px;margin:0 0 8px}
.library-layout #phoneFilters #categoryList{flex-wrap:wrap;overflow:visible}
.library-layout #phoneFilters .library-category{flex:none;width:auto;min-height:44px;padding:0 14px;margin:0;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14px}
.library-layout #phoneFilters .library-category.selected{background:var(--accent,#1f7a74);color:#fff;border-color:transparent}
.library-layout #phoneFilters .category-mark{display:none}
.library-layout #phoneFilters .category-name{position:static;width:auto;height:auto;clip-path:none}
.library-layout #phoneFilters .library-category-control:not([hidden]),.library-layout #phoneFilters .app-category-filter:not([hidden]){display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;max-width:none;font-size:15px}
.library-layout #phoneFilters select,.library-layout #phoneFilters input{font-size:16px;min-height:44px;width:100%}
.library-layout #phoneFilters select{height:44px;flex:none} /* WebKit ignores min-height on native selects; flex:1 elsewhere would squash it */
.library-layout #phoneFilters input[type=checkbox]{width:24px;min-height:24px}
.library-layout #phoneFilters .research-tabs{display:flex;gap:4px;flex-wrap:wrap}
.library-layout #phoneFilters .research-tabs button{min-height:44px;font-size:14px!important;padding:0 12px!important;flex:1 1 auto}
.library-layout #phoneFilters .brand-rail{margin:0;border:0;padding:0}
.library-layout #phoneFilters .filterbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.library-layout #phoneFilters .filterbar label{font-size:13px}
.library-layout #phoneFilters .filterbar button{min-height:44px}
.phone-panel-done{margin:8px 16px calc(12px + env(safe-area-inset-bottom));min-height:48px;font-size:16px}
}

/* Bigger card pictures (owner 18 Oct): same-size cards lined up per row, a 4:5 picture box (a card never over ~70% of the screen height)
   with the whole ad inside; the empty space is a blurred, enlarged copy of the same picture (aria-hidden, same link, lazy). */
.library-layout #results.grid{align-items:stretch}.library-card{display:flex;flex-direction:column}.library-card .brand-more-link{margin-top:auto}
.library-card{--pic-max:calc(70svh - 160px)} /* card = picture + ~160 px of text: the whole card stays within ~70% of the screen height */
.library-card-media{height:auto;aspect-ratio:4/5;min-height:min(300px,var(--pic-max));max-height:var(--pic-max);isolation:isolate}
.library-card-media img:not(.library-card-fill),.library-card-media video{position:relative;z-index:1}
.library-card-media .library-card-fill{position:absolute;inset:0;object-fit:cover;filter:blur(18px);transform:scale(1.15);opacity:.9;will-change:transform}
/* will-change keeps each blurred fill on its own cached layer: WebKit iPhone 13 mini scroll p95 30 ms without it, 18 ms with (= before). */
.library-card-media .library-missing{position:relative;z-index:2}.library-play{z-index:2}
/* Phones: the ad fills the card width at its own shape (card capped at ~70% of the screen); short/wide ads sit in the same blurred fill. */
/* Floor = today's phone picture height, so a short phone (iPhone 13 mini: 629 px) never gets a smaller ad than before; card ~70-73%. */
@media(max-width:600px){.library-layout .library-card{--pic-max:max(min(48svh,440px),calc(70svh - 160px))}.library-layout .library-card-media{height:auto;aspect-ratio:auto;max-height:none;min-height:min(48svh,440px);display:flex;align-items:center}
.library-layout .library-card-media img:not(.library-card-fill),.library-layout .library-card-media video{height:auto;max-height:var(--pic-max)}}
/* Folded category list = just the › button (owner 18 Oct: the 2-letter codes meant nothing to people); the cards get the width. */
@media(min-width:601px){.categories-collapsed .library-categories>:not(.library-rail-head),.categories-collapsed #categoryList{display:none}.categories-collapsed .library-categories{height:auto;max-height:none;align-self:start}} /* phones keep their topic strip (beta47), which uses the same folded state */

/* Keep the home introduction visible at every screen size. */
.library-layout #explore .heading{display:flex}
.library-layout #explore .intro.home-tools{display:block}