:root{--ink:#1a1714;--muted:#625d56;--paper:#f8f7f3;--line:#d6d2ca;--yellow:#ffe61a;--black:#1a1612;--focus:#2360c1;--radius:8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-underline-offset:.2em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--yellow);color:var(--black)}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:8px;z-index:10;background:var(--yellow);padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{background:var(--black);color:#fff;padding:35px 20px 24px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.brand{display:block;text-decoration:none;padding:0 14px}.brand-name{font-size:1.48rem;font-weight:750;letter-spacing:-.035em;line-height:1.15}.brand-name span{display:block;color:var(--yellow);font-size:1rem;letter-spacing:.03em;margin-top:6px}.sidebar-intro{font-size:.875rem;line-height:1.6;color:#d1cbc2;padding:0 14px;margin:0}.main-nav{display:grid;gap:6px}.main-nav button{display:flex;gap:12px;align-items:center;width:100%;min-height:52px;border:0;background:transparent;color:#e9e3d9;text-align:left;padding:11px 12px;border-radius:6px;font-size:.875rem;font-weight:600}.main-nav button:hover{background:#332e28}.main-nav button[aria-current=page]{background:var(--yellow);color:var(--black)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-bottom{display:grid;gap:4px;margin-top:auto}.sidebar-bottom a,.account-button{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 14px;font-size:.875rem;color:#e9e3d9;text-decoration:none}.account-button{background:transparent;border:1px solid #71695f;border-radius:6px;text-align:left;margin-bottom:8px;font-size:.875rem}.account-button:hover{background:#332e28}.sidebar-bottom a:hover{text-decoration:underline}.workspace{min-width:0}.topbar{height:82px;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;gap:16px;font-size:.875rem}.topbar>div{display:flex;align-items:center;gap:12px}.topbar button{min-height:48px;border:1px solid var(--line);padding:10px 15px;background:#fff;border-radius:6px;font-size:.875rem;font-weight:650}.topbar button:hover{background:#f1eee8}.connection{display:flex;gap:7px;align-items:center;color:#39613d;font-size:.875rem;white-space:nowrap}.connection:before{content:"";height:7px;width:7px;border-radius:50%;background:currentColor}.connection.offline{color:#875200}main{padding:38px 40px 48px;max-width:1640px;margin:auto}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:10px}h2{font-size:1.125rem;line-height:1.3}h3{font-size:1rem;line-height:1.4}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}.page-heading p{color:var(--muted);font-size:.9375rem;max-width:67ch;margin-bottom:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;border-radius:6px;border:1px solid var(--line);padding:11px 16px;text-decoration:none;font-weight:650;font-size:.875rem;background:#fff;line-height:1.35}.primary{background:var(--yellow);border-color:var(--yellow);color:#1a1612}.primary:hover{background:#f0d400;border-color:#f0d400}.secondary:hover{background:#f1eee7;border-color:#aaa297}.page-heading .primary{flex-shrink:0}.notice{border:1px solid #a8bdac;background:#f0f7ef;border-radius:6px;padding:14px 16px;font-size:.875rem;margin:0 0 22px;max-width:90ch}.notice.error{border-color:#c89a8d;background:#fff1ec;color:#752c1d}.resume{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:#f1eee5;margin-bottom:30px}.resume strong{font-size:.9375rem}.resume p{font-size:.875rem;margin:5px 0 0;color:var(--muted)}.library-tools{display:flex;gap:14px;align-items:flex-end;border-top:1px solid var(--line);padding-top:24px}.search-field{flex:1;min-width:140px}.filter-field{flex:0 1 180px}.library-tools label{display:block;font-size:.875rem;font-weight:650;margin-bottom:7px;color:#514b44}input,select{width:100%;min-height:48px;background:#fff;border:1px solid #aaa297;border-radius:6px;padding:10px 12px;font-size:.875rem;color:var(--ink)}input::placeholder{color:#756e65}select{padding-right:25px}.view-toggle{display:flex;gap:3px;border:1px solid #aaa297;border-radius:6px;background:#fff;padding:3px}.view-toggle button{display:flex;align-items:center;gap:6px;padding:8px 10px;min-height:48px;border:0;background:transparent;border-radius:3px;color:var(--muted);font-size:.875rem}.view-toggle button[aria-pressed=true]{color:var(--ink);background:#eeeae1}.view-toggle button:hover{background:#f2efe8}.view-toggle svg{width:17px;height:17px}.results-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:24px 0 17px;color:var(--muted);font-size:.875rem}.results-heading p{margin:0}.results-heading p{font-weight:650;color:var(--ink)}.books.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:22px}.book{min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.cover{height:218px;display:flex;align-items:center;justify-content:center;background:#eae7df;padding:20px;border-bottom:1px solid var(--line);position:relative}.cover img{display:block;max-width:100%;width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #1a16121c)}.cover-placeholder{width:116px;height:166px;background:#fbfaf6;border:1px solid #c8c2b7;border-radius:1px;display:flex;flex-direction:column;justify-content:space-between;padding:18px 13px;box-shadow:0 4px 8px #1a161212}.cover-placeholder svg{width:30px;height:30px;color:#777064}.cover-placeholder span{font-size:.875rem;font-weight:600;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#504a42}.book-body{padding:19px 19px 18px;display:flex;flex-direction:column;flex:1;min-width:0}.badge{display:inline-flex;align-self:flex-start;padding:4px 8px;background:#eeece6;border-radius:4px;font-size:.875rem;font-weight:700;line-height:1.4;color:#544e44;margin-bottom:11px;max-width:100%}.badge.approvato{background:#e6f1e4;color:#2f602a}.badge.in-attesa,.badge.da-aggiornare{background:#fff1bc;color:#77560b}.badge.sospeso,.badge.rifiutato{background:#f7e5de;color:#883d28}.book h3{font-size:1rem;margin:0 0 7px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-size:.875rem;color:var(--muted);margin:0 0 13px;overflow-wrap:anywhere}.book-meta{font-size:.875rem;color:var(--muted);margin:0 0 18px;line-height:1.6}.book-meta span{display:block}.book-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.book-actions .button{font-size:.875rem;padding:10px 11px;flex:1;white-space:nowrap}.book-actions .main-action{background:#24201b;color:#fff;border-color:#24201b}.book-actions .main-action:hover{background:#484137}.book-more{margin-top:12px;padding-top:9px;border-top:1px solid #ece9e2;font-size:.875rem}.book-more summary{min-height:48px;cursor:pointer;display:list-item;padding:8px 2px;color:#625b51;font-weight:600}.book-more>div{display:grid;gap:5px;margin-top:5px}.book-more button{min-height:48px;text-align:left;padding:9px 10px;background:#f6f4ee;border:1px solid #ded9cf;border-radius:4px;font-size:.875rem}.book-more button:hover{background:#eeeadf}.book-more .danger{color:#9a301d}.request-copy{font-size:.875rem;color:var(--muted);margin:10px 0 0}.books.list{display:grid;gap:12px}.books.list .book{flex-direction:row}.books.list .cover{width:124px;min-width:124px;height:auto;min-height:160px;padding:14px;border-right:1px solid var(--line);border-bottom:0}.books.list .cover img{max-height:145px;height:auto;max-width:94px}.books.list .cover-placeholder{width:84px;height:120px;padding:10px}.books.list .cover-placeholder span{font-size:.875rem}.books.list .book-body{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:0 20px;padding:18px 20px}.books.list .badge,.books.list h3,.books.list .book-author,.books.list .book-meta{grid-column:1}.books.list h3{max-width:65ch}.books.list .book-actions{grid-column:2;grid-row:2/5;align-self:center;margin:0;align-items:center;max-width:340px}.books.list .book-more,.books.list .request-copy{grid-column:1/-1}.books.list .badge{margin-bottom:7px;justify-self:start}.books.list .book-meta{margin-bottom:0}.empty{grid-column:1/-1;text-align:center;border:1px dashed #bcb5a8;border-radius:8px;padding:58px 24px;background:#fff}.empty>svg{width:42px;height:42px;margin-bottom:15px;color:#62594b}.empty h2{font-size:1.25rem;margin-bottom:10px;letter-spacing:-.02em}.empty p{font-size:.875rem;color:var(--muted);max-width:55ch;margin:0 auto 23px}.empty .button{margin:3px}.storage{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-top:1px solid var(--line);margin-top:42px;padding-top:27px}.storage h2{font-size:.875rem;margin-bottom:8px}.storage p{font-size:.875rem;color:var(--muted);max-width:70ch;margin-bottom:8px}.storage .button{flex-shrink:0;font-size:.875rem}.app-footer{padding:23px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.875rem}.app-footer nav{display:flex;gap:20px;flex-wrap:wrap}.app-footer a{display:inline-flex;align-items:center;min-height:48px}.account-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:28px;max-width:80ch}.account-panel>p{font-size:.875rem;color:var(--muted)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading button{min-height:48px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 15px}.panel-heading h2{margin:0}.sg-access{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.sg-access h2{font-size:1rem}.sg-access p{font-size:.875rem}.sg-access button,.sg-access .button{min-height:48px!important}.sg-access a{overflow-wrap:anywhere}.sg-google-button{background:var(--yellow)!important;border-color:var(--yellow)!important;color:#1a1612!important}.sg-access input{width:auto}.sg-access label:has(input:not([type=checkbox])) input{width:100%}.skeleton{height:400px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(#eae7df 0 218px,#fff 218px);position:relative}.skeleton:after{content:"";position:absolute;left:20px;right:20px;top:245px;height:72px;background:linear-gradient(#eeece6 0 15px,transparent 15px 30px,#eeece6 30px 40px,transparent 40px 56px,#eeece6 56px 66px)}dialog{border:1px solid #bcb5a8;border-radius:10px;padding:28px;max-width:540px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 14px 60px #1a161233}dialog::backdrop{background:#1a16128f}dialog h2{font-size:1.25rem;margin-bottom:15px}dialog p{font-size:.9375rem;color:#514b44;line-height:1.65;white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}@media(min-width:1600px){.books.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cover{height:250px}}@media(max-width:1150px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}main{padding:30px 26px}.topbar{padding-left:26px;padding-right:26px}.page-heading{flex-wrap:wrap}.library-tools{flex-wrap:wrap}.search-field{flex-basis:100%}.filter-field{flex:1}.books.grid{gap:17px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.storage{flex-direction:column;gap:12px}.books.list .book-body{display:flex}.books.list .book-actions{margin-top:12px;max-width:none}.app-footer{padding:22px 26px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:19px 20px 0;gap:16px}.brand{padding:0}.brand-name{font-size:1.25rem;display:flex;gap:7px;align-items:baseline}.brand-name span{font-size:.875rem;margin:0}.sidebar-intro{display:none}.main-nav{display:flex;overflow-x:auto;gap:5px;padding:0 0 12px}.main-nav button{width:auto;white-space:nowrap;min-height:48px;padding:10px;font-size:.875rem}.main-nav svg{display:none}.sidebar-bottom{display:flex;flex-wrap:wrap;gap:2px;margin:0 -8px;padding-bottom:10px}.sidebar-bottom a,.account-button{font-size:.875rem;padding:8px;min-height:48px;border:0;margin:0}.account-button{color:var(--yellow);background:transparent}.sidebar-bottom a:nth-of-type(1){margin-left:auto}.topbar{height:auto;min-height:68px;padding:10px 20px;gap:8px}.topbar>span{font-size:.875rem}.topbar>div{gap:8px}.topbar button{font-size:.875rem;padding:8px 10px}.connection{font-size:.875rem}main{padding:27px 20px 35px}h1{font-size:1.75rem}.page-heading{gap:19px;margin-bottom:26px}.page-heading p{font-size:.875rem}.page-heading .primary{width:100%}.resume{padding:18px;align-items:flex-start;flex-direction:column;gap:14px}.resume .button{width:100%}.library-tools{gap:12px;padding-top:20px}.filter-field{flex-basis:calc(50% - 6px);min-width:0}.view-toggle{margin-top:3px}.view-toggle button{min-height:48px;padding:8px 13px}.results-heading{padding-top:20px;font-size:.875rem}.results-heading span{text-align:right;max-width:140px}.books.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cover{height:185px;padding:15px}.cover-placeholder{width:90px;height:137px;padding:13px 10px}.cover-placeholder span{font-size:.875rem}.cover-placeholder svg{width:24px;height:24px}.book-body{padding:14px 12px}.book h3{font-size:.875rem}.book-author{font-size:.875rem;line-height:1.5;margin-bottom:10px}.book-meta{font-size:.875rem;margin-bottom:14px}.badge{font-size:.875rem;padding:4px 6px;margin-bottom:8px}.book-actions{gap:5px}.book-actions .button{font-size:.875rem;min-height:48px;padding:9px 6px;flex-basis:100%}.book-more{font-size:.875rem}.book-more button{font-size:.875rem}.books.list .cover{width:90px;min-width:90px;padding:10px;min-height:150px}.books.list .cover img{max-width:68px}.books.list .cover-placeholder{width:65px;height:95px;padding:8px}.books.list .cover-placeholder svg{width:21px}.books.list .cover-placeholder span{font-size:.875rem}.books.list .book-body{padding:15px 13px}.books.list .book-actions{display:flex}.books.list .book-actions .button{flex-basis:auto;min-width:80px}.empty{padding:35px 19px}.empty h2{font-size:1.125rem}.empty p{font-size:.875rem}.storage{margin-top:30px}.storage .button{width:100%;font-size:.875rem}.app-footer{padding:20px;display:block}.app-footer nav{gap:10px;margin-top:7px}.account-panel{padding:18px}.dialog-actions .button{flex:1}dialog{padding:23px}.skeleton{height:375px;background:linear-gradient(#eae7df 0 185px,#fff 185px)}.skeleton:after{top:215px}.skeleton:nth-child(3){display:none}}@media(prefers-reduced-motion:no-preference){button,a,input,select{transition:background-color .16s,border-color .16s}.notice{animation:notice-in .18s ease-out}@keyframes notice-in{from{transform:translateY(-3px)}to{transform:translateY(0)}}}

.dl-app-notices { position:fixed; bottom:12px; left:12px; right:12px; z-index:10020; margin:auto; max-width:850px; color:#171714; background:#fff7cf; border:1px solid #9a8418; border-radius:10px; padding:12px 16px; box-shadow:0 8px 24px #17171428; font:14px/1.5 ui-sans-serif,system-ui,sans-serif; }
.dl-app-notices[hidden] { display:none; }.dl-app-notices p { margin:0; max-width:72ch; }.dl-app-notices>div { display:flex; align-items:center; gap:16px; justify-content:space-between; }.dl-app-notices button,.dl-install-help button { min-height:48px; padding:10px 18px; border:1px solid #171714; border-radius:6px; color:#fff; background:#171714; font:650 14px ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.dl-install-help { max-width:540px; width:calc(100% - 36px); padding:28px; background:#fff; color:#171714; border:1px solid #d9d8cf; border-radius:12px; box-shadow:0 18px 60px #17171440; font:16px/1.6 ui-sans-serif,system-ui,sans-serif; }.dl-install-help::backdrop { background:#17171488; }.dl-install-help h2 { margin:0 0 20px; font-size:26px; line-height:1.15; letter-spacing:-.03em; }

.book-more summary,.app-footer a,.view-toggle button{min-height:48px}@media(max-width:760px){.sidebar-bottom a,.account-button{min-height:48px}.dl-app-notices>div{flex-wrap:wrap}}

/* Keep every library destination visible on tablet and phone. */
@media(max-width:1100px){
  .app-shell{display:block}
  .sidebar{position:static;height:auto;padding:19px 20px 0;gap:16px}
  .brand{padding:0}
  .brand-name{display:flex;align-items:baseline;gap:7px;font-size:1.25rem}
  .brand-name span{font-size:.875rem;margin:0}
  .sidebar-intro{display:none}
  .main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0 0 12px}
  .main-nav button{width:100%;min-width:0;min-height:48px;height:auto;white-space:normal;overflow-wrap:normal;line-height:1.4;padding:11px 12px;font-size:.875rem}
  .sidebar-bottom{display:flex;flex-wrap:wrap;gap:2px;margin:0 -8px;padding-bottom:10px}
  .sidebar-bottom a,.account-button{min-height:48px;padding:8px;font-size:.875rem;border:0;margin:0}
  .account-button{color:var(--yellow);background:transparent}
  .sidebar-bottom a:nth-of-type(1){margin-left:auto}
}
@media(min-width:801px) and (max-width:1100px){
  .main-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
  .books.grid{grid-template-columns:minmax(0,1fr)}
}

.page-actions{display:flex;flex-wrap:wrap;gap:10px}.dl-transfer-dialog{max-width:600px}.dl-transfer-dialog progress{display:block;width:100%;height:14px;accent-color:var(--ink);margin:20px 0}.dl-transfer-dialog button{min-height:48px}@media(max-width:600px){.page-actions{width:100%}.page-actions>*{width:100%}}

/* La navigazione rimane disponibile; su tablet e telefono si apre quando serve. */
.library-navigation { min-width:0; display:flex; flex:1; flex-direction:column; }
.library-navigation > summary { display:none; }
.library-nav-content { display:flex; flex:1; flex-direction:column; gap:20px; min-height:0; }
.library-navigation:not([open]) .library-nav-content { display:none; }
.workspace,main,.page-heading,.page-actions,.books,.book,.book-body,.library-tools { min-width:0; }
.page-actions { display:flex; align-items:stretch; flex-wrap:wrap; gap:10px; }
.library-navigation summary { list-style:none; cursor:pointer; }
.library-navigation summary::-webkit-details-marker { display:none; }
.library-navigation summary svg { width:16px; height:16px; }
.library-navigation[open] > summary svg { transform:rotate(180deg); }
.main-nav button:active,.sidebar-bottom a:active,.account-button:active { background:#453e33; }
.main-nav button[aria-current="page"]:active { background:#ead000; }
.button:active:not(:disabled) { filter:brightness(.94); }
.sidebar :is(a,button,summary):focus-visible { outline-color:var(--yellow); outline-offset:2px; }
.main-nav button[aria-current="page"]:focus-visible { outline-color:white; }
#page-title:focus-visible { outline:3px solid var(--focus); outline-offset:6px; }
@media (max-width:1100px) {
  .sidebar { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:14px 24px; }
  .brand { flex:0 1 auto; }
  .brand-name { display:block; font-size:1.125rem; }
  .brand-name span { font-size:.75rem; margin:2px 0 0; letter-spacing:.04em; }
  .library-navigation { flex:0 1 auto; }
  .library-navigation > summary { display:flex; align-items:center; justify-content:center; gap:9px; min-height:48px; border:1px solid #837b70; border-radius:6px; padding:10px 12px; color:#fff; font-size:.875rem; font-weight:650; }
  .library-navigation > summary:hover { background:#332e28; }
  .library-navigation[open] { flex:1 0 100%; }
  .library-navigation[open] > summary { justify-content:space-between; }
  .library-nav-content { gap:8px; padding-top:12px; }
  .main-nav { grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:0; }
  .main-nav button { min-height:52px; justify-content:center; text-align:center; padding:10px 12px; }
  .main-nav button svg { display:block; }
  .sidebar-bottom { display:flex; flex-wrap:wrap; gap:8px 16px; margin:0; padding:4px 0 0; }
  .sidebar-bottom a,.account-button { min-height:48px; padding:8px 10px; margin:0; }
  .sidebar-bottom a:nth-of-type(1) { margin-left:0; }
  .topbar { min-height:64px; height:auto; padding:8px 24px; flex-wrap:wrap; }
  main { padding:26px 24px 38px; }
  .books.grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .library-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .search-field { grid-column:1/-1; min-width:0; }
  .view-toggle { width:max-content; max-width:100%; }
  .cover { height:240px; }
  .book-body { padding:20px; }
  .book-actions { gap:10px; }
}
@media (max-width:600px) {
  .sidebar { padding:12px 16px; gap:8px; }
  .brand-name { font-size:1.0625rem; }
  .library-navigation > summary { padding:10px; font-size:.8125rem; gap:6px; }
  .main-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .main-nav button { justify-content:flex-start; text-align:left; font-size:.8125rem; gap:8px; }
  .sidebar-bottom { gap:4px; }
  .sidebar-bottom a,.account-button { font-size:.8125rem; padding:8px; }
  .topbar { padding:8px 16px; gap:6px 10px; }
  .topbar > span { font-size:.8125rem; }
  .topbar > div { margin-left:auto; gap:8px; flex-wrap:wrap; }
  .topbar button { padding:8px 10px; font-size:.8125rem; }
  main { padding:24px 16px 32px; }
  .page-heading { margin-bottom:22px; gap:18px; }
  .page-actions { display:grid; grid-template-columns:minmax(0,1fr); width:100%; }
  .page-actions > * { width:100%; min-width:0; }
  .resume { margin-bottom:24px; }
  .books.grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .cover { height:240px; padding:20px; }
  .book h3 { font-size:1.0625rem; }
  .book-actions .button { flex:1 1 120px; font-size:.875rem; }
  .library-tools { gap:14px; }
  .filter-field { min-width:0; }
  .library-tools :is(input,select) { font-size:16px; }
  .view-toggle { grid-column:1/-1; }
  .results-heading { align-items:flex-start; }
  .books.list .book { flex-direction:column; }
  .books.list .cover { width:100%; min-width:0; min-height:0; height:200px; border-right:0; border-bottom:1px solid var(--line); }
  .books.list .cover img { max-width:100%; max-height:170px; }
  .books.list .book-body { padding:20px; }
}
@media (max-width:379px) {
  .sidebar { padding-inline:12px; }
  .brand-name { font-size:1rem; }
  .library-navigation > summary { font-size:.8125rem; padding:10px 8px; }
  .topbar { padding-inline:12px; }
  .topbar > div { gap:6px; }
  .connection { font-size:.8125rem; }
}
@media (prefers-reduced-motion:reduce) {
  .library-navigation > summary svg { transition:none; }
}