/* Approved editorial Library. Theme and individual study presentations stay shared. */
body.library-route #home{padding-top:28px;container-type:inline-size}
body.library-route #home h1{font:600 30px/1.15 var(--aw-font);letter-spacing:-.6px}
body.library-route #home header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:start}
body.library-route #home header p{font-size:14px;grid-column:1;margin-top:8px}
body.library-route #lib-actions{grid-column:2;grid-row:1/3;margin:0;border-radius:8px}
body.library-route .lib{gap:8px;margin-top:24px}
body.library-route .lib .tools{grid-template-columns:minmax(180px,1fr) repeat(3,auto)}
body.library-route .lib .tools input,body.library-route .lib .tools select,body.library-route .lib .tog{border-radius:8px;min-width:0;max-width:100%}
body.library-route .lib .count{margin:8px 0;font-size:12px}
body.library-route .res{gap:0;border-top:1px solid var(--aw-line)}
body.library-route .res a{grid-template-columns:112px minmax(0,1fr);gap:20px;padding:18px 0;border:0;border-bottom:1px solid var(--aw-line);border-radius:0;background:transparent;align-items:center}
body.library-route .res a:hover{background:var(--aw-surface)}
body.library-route .res img{width:112px;height:80px;border:0;border-radius:6px;object-fit:contain}
body.library-route .res b{font:600 19px/1.3 var(--aw-font);order:0}
body.library-route .res em{font-size:14px;color:var(--aw-soft);order:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.library-route .res small{font-size:12px;order:2}
body.library-route .res .chips{order:3}
/* Keep the unread text available to assistive technology, with a quieter visible dot. */
body.library-route .res .chip:not(.mat){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.library-route .res .chips:not(:has(.mat)){height:0}
body.library-route .res a:has(.chip.go) b:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aw-accent);margin:0 9px 3px 0}
body.library-route .res .chip.mat{justify-self:start;border-radius:4px}
body.library-route #list a{border-radius:8px}
body.library-route #list a.home small{font-weight:400}
body.library-route .float{background:var(--aw-surface);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--aw-line);border-radius:8px}
body.library-route .ib{min-width:44px;min-height:44px}
@container (max-width:760px){
 body.library-route .lib .tools{grid-template-columns:1fr 1fr}
 body.library-route .lib .tools input[type=search]{grid-column:1/-1}
 body.library-route .lib .tog{grid-row:3}
 body.library-route #home header{display:block}
 body.library-route #lib-actions{margin-top:12px}
}
@media(max-width:760px){
 body.library-route #home{padding:20px 14px 60px;left:0;right:0}
 body.library-route #home header{padding:0 48px;min-height:110px}
 body.library-route #home h1{font-size:26px}
 body.library-route .res a{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:16px 0}
 body.library-route .res img{width:76px;height:70px}
 body.library-route .res b{font-size:17px}
 body.library-route .res small{font-size:11px}
}
/* Three independent browse dimensions; the same values stay visible on phones. */
body.library-route .dimensional{max-width:1300px}
body.library-route .dimensional .tools{grid-template-columns:minmax(0,1fr) auto auto}
.dimension-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.dimension-filters label{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--aw-soft)}
.dimension-filters select{width:100%;min-width:0;border-radius:8px!important}
.lib-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--aw-soft)}
#lib-clear{min-height:44px;padding:0 12px;border:1px solid var(--aw-line);border-radius:8px;background:var(--aw-surface);color:var(--aw-ink);font:inherit;cursor:pointer}
#lib-clear[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.study-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.study-table th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--aw-soft);padding:12px 8px;border-bottom:1px solid var(--aw-line)}
.study-table th:first-child{width:44%}
.study-table th:last-child{width:11%}
.study-table td{padding:12px 8px;border-bottom:1px solid var(--aw-line);vertical-align:middle;overflow-wrap:anywhere}
.study-table tr:hover td{background:var(--aw-surface)}
.study-title a{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;color:var(--aw-ink);text-decoration:none;min-height:56px}
.study-title img,.study-placeholder{display:grid;place-items:center;width:56px;height:56px;object-fit:contain;border-radius:5px;background:var(--aw-raised);color:var(--aw-soft)}
.study-title strong{font:600 16px/1.3 var(--aw-font)}
.study-title .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aw-accent);margin-right:7px;vertical-align:middle}
.study-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--aw-soft);font-size:12px;margin-top:4px}
.study-title small{display:block;font-size:11px;color:var(--aw-soft);margin-top:4px}
.dimension-value{display:inline-block;max-width:100%;min-height:44px;padding:6px 0;border:0;background:transparent;color:var(--aw-ink);font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--aw-line);text-underline-offset:4px}
.dimension-value.recorded{font-weight:600;text-decoration:none;border:1px solid var(--aw-ink);border-radius:4px;padding:6px}
.dimension-value:hover{color:var(--aw-accent)}
.dimension-value:focus-visible,.study-title a:focus-visible,#lib-clear:focus-visible{outline:2px solid var(--aw-accent);outline-offset:2px}
@container(max-width:850px){
 .study-table,.study-table tbody{display:block}
 .study-table thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .study-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--aw-line);padding:12px 0}
 .study-table td{display:block;border:0;padding:4px 6px}
 .study-table .study-title{grid-column:1/-1;margin-bottom:6px}
 .study-table td[data-label]:before{content:attr(data-label);display:block;color:var(--aw-soft);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
 .study-table td:last-child{grid-column:1/-1;display:flex;gap:8px;align-items:center}
 .dimension-filters{gap:8px}
 .dimension-filters select{padding:0 6px;font-size:13px}
}
@media(max-width:760px){
 body.library-route .dimensional .tools{grid-template-columns:1fr 1fr}
 body.library-route .dimensional .tools input[type=search]{grid-column:1/-1}
 body.library-route .dimensional .tog{grid-row:auto}
 body.library-route #home header{padding:0 10px;min-height:0}
 .dimension-value{font-size:12px}
}
