/* Reading density is set by content, not by the width of the viewport. */
#app .theme-overview,#app .basket-group {max-width:1080px;margin-left:auto;margin-right:auto;}
#app .theme-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
#app .theme-grid .theme-card {display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;row-gap:7px;min-height:0;padding:18px;border-radius:18px;align-content:start;align-items:center;}
#app .theme-card .theme-symbol {grid-column:1;grid-row:1/3;width:40px;height:44px;border-radius:12px;align-self:start;box-shadow:inset 0 1px 0 #fff,0 4px 10px #436b7914;}
#app .theme-symbol .icon {width:22px;height:22px;stroke-width:1.65;}
#app .theme-card strong {grid-column:2;font-size:17px;line-height:1.4;letter-spacing:0;}
#app .theme-card small {grid-column:2;min-height:0;flex:none;font-size:12px;line-height:1.65;color:#4a6875;}
#app .theme-card>span:last-child {grid-column:2;font-size:12px;line-height:1.5;margin-top:3px;gap:8px;}
#app .theme-card>span:last-child .icon {width:16px;height:16px;transition:translate .24s ease;}
#app .theme-card:is(:hover,:focus-visible)>span:last-child .icon {translate:4px 0;}
#app .theme-overview .section-heading {gap:14px;margin-bottom:16px;}
#app .theme-overview .section-heading h2 {font-size:20px;line-height:1.5;}
#app .theme-overview .section-heading .text-btn {font-size:12px;padding:9px 12px;min-height:40px;flex:none;}
#app .basket-group {border-radius:20px;}
#app .basket-group>header {padding:14px 18px;gap:10px;}
#app .basket-group>header h3 {font-size:15px;}
#app .basket-group>header p {font-size:11px;margin-top:3px;}
#app .basket-list {padding:8px;display:grid;gap:5px;}
#app .basket-list>article {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;min-height:0;border:1px solid #ffffff75;border-radius:13px;background:#fffdf63b;}
#app .basket-list .collection-item-copy {min-width:0;}
#app .basket-list h3 {font-size:14px;line-height:1.55;margin:0;font-weight:600;overflow-wrap:anywhere;}
#app .basket-list .collection-item-meta {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:11px;line-height:1.5;}
#app .basket-list .source-type {font-size:10px;color:#497f91;}
#app .basket-list .collection-item-actions {display:flex;gap:6px;flex-wrap:nowrap;}
#app .collection-item-actions :is(button,a) {font-size:11px;line-height:1.3;padding:9px 11px;min-height:36px;border-radius:10px;white-space:nowrap;gap:5px;}
#app .collection-item-actions .icon {width:14px;height:14px;}
#app .collection-item-actions .icon-btn {width:32px;min-height:32px;padding:6px;font-size:18px;opacity:.68;}
#app .basket-list>article:is(:hover,:focus-within) .icon-btn {opacity:1;}
@keyframes collection-materialize {from {opacity:.45;filter:blur(4px);}to {opacity:1;filter:blur(0);}}
.collection-arrived {animation:collection-materialize .45s ease-out both;animation-delay:var(--collection-delay,0ms);}
@media(max-width:900px) {
 #app .theme-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 #app .basket-list>article {grid-template-columns:1fr;gap:9px;padding:12px 14px;}
 #app .collection-item-actions {justify-content:flex-end;}
}
@media(max-width:540px) {
 #app .theme-grid {grid-template-columns:1fr;gap:9px;}
 #app .theme-grid .theme-card {padding:14px 16px;grid-template-columns:38px minmax(0,1fr);row-gap:4px;}
 #app .theme-card .theme-symbol {width:36px;height:40px;}
 #app .theme-card strong {font-size:16px;}
 #app .theme-card small {font-size:12px;}
 #app .theme-overview .section-heading {flex-wrap:wrap;align-items:start;}
 #app .theme-overview .section-heading h2 {font-size:18px;}
 #app .basket-list {padding:5px;}
 #app .collection-item-actions :is(button,a) {min-height:40px;}
 #app .collection-item-actions .icon-btn {min-height:40px;width:40px;}
}
@media(prefers-reduced-motion:reduce) {
 .collection-arrived {animation:none;}
 #app .theme-card>span:last-child .icon {transition:none;translate:none!important;}
}