@layer quartz-base{.bookshelf{margin-top:3rem}.bookshelf-header{margin-bottom:1.75rem}.bookshelf-header h2{font-family:var(--bodyFont);letter-spacing:0;color:var(--dark);margin:0;font-size:1.5rem;font-weight:600}.bookshelf-header h2 span{color:var(--gray);margin-left:.15rem;font-size:.95rem;font-weight:400}.bookshelf-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:2rem 1.4rem;margin:0;padding:0;list-style:none;display:grid}.bookshelf-card{--rest-tilt:0deg;margin:0}.bookshelf-card:nth-child(8n+1){--rest-tilt:-.4deg}.bookshelf-card:nth-child(8n+2){--rest-tilt:0deg}.bookshelf-card:nth-child(8n+3){--rest-tilt:.3deg}.bookshelf-card:nth-child(8n+4){--rest-tilt:-.2deg}.bookshelf-card:nth-child(8n+5){--rest-tilt:.4deg}.bookshelf-card:nth-child(8n+6){--rest-tilt:0deg}.bookshelf-card:nth-child(8n+7){--rest-tilt:.2deg}.bookshelf-card:nth-child(8n+8){--rest-tilt:-.3deg}.bookshelf-card>a{color:inherit;transform:rotate(var(--rest-tilt));transform-origin:bottom;background:0 0;flex-direction:column;text-decoration:none;transition:transform .22s cubic-bezier(.2,.7,.3,1.2);display:flex}.bookshelf-card>a.internal{background:0 0}.bookshelf-card>a:hover{transform:translateY(-5px)rotate(0)scale(1.02)}.bookshelf-card>a:hover .bookshelf-cover{box-shadow:0 16px 28px -8px #00000047,0 6px 10px -3px #00000024}.bookshelf-card>a:hover .bookshelf-cover:before{opacity:1}.bookshelf-card>a:hover h3{color:var(--secondary)}.bookshelf-card--c0 .bookshelf-cover-placeholder{background:linear-gradient(168deg,#3a5460 0%,#243640 100%)}.bookshelf-card--c1 .bookshelf-cover-placeholder{background:linear-gradient(168deg,#3f5a4f 0%,#243a30 100%)}.bookshelf-card--c2 .bookshelf-cover-placeholder{background:linear-gradient(168deg,#4f4359 0%,#312839 100%)}.bookshelf-card--c3 .bookshelf-cover-placeholder{background:linear-gradient(168deg,#564433 0%,#38291c 100%)}.bookshelf-card--c4 .bookshelf-cover-placeholder{background:linear-gradient(168deg,#314557 0%,#1d2c39 100%)}.bookshelf-card--c5 .bookshelf-cover-placeholder{background:linear-gradient(168deg,#5a3838 0%,#3a2222 100%)}.bookshelf-card--c6 .bookshelf-cover-placeholder{background:linear-gradient(168deg,#3c4f47 0%,#25342e 100%)}.bookshelf-card--c7 .bookshelf-cover-placeholder{background:linear-gradient(168deg,#34343f 0%,#1f1f28 100%)}.bookshelf-cover{aspect-ratio:2/3;border-radius:3px;transition:box-shadow .22s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 2px 6px -1px #0000002e,0 1px 2px #0000001a,inset 4px 0 0 -2px #00000038}.bookshelf-cover:before{content:"";pointer-events:none;opacity:0;z-index:1;border-radius:inherit;background:linear-gradient(135deg,#ffffff29 0%,#fff0 35%,#0000 65%,#0000001f 100%);transition:opacity .22s;position:absolute;inset:0}.bookshelf-cover img{object-fit:cover;border-radius:0;width:100%;height:100%;margin:0;display:block}.bookshelf-cover-placeholder{box-sizing:border-box;color:#fffffff0;text-align:center;border-left:2px solid #00000047;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.1rem .85rem;display:flex;box-shadow:inset 0 0 60px #00000038,inset 0 1px #ffffff0d}.bookshelf-placeholder-title{-webkit-line-clamp:4;font-family:var(--bodyFont);letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:1rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.bookshelf-placeholder-rule{opacity:.4;background:currentColor;width:1.4rem;height:1px;margin:.65rem 0 .5rem}.bookshelf-placeholder-subtitle{-webkit-line-clamp:2;max-width:100%;font-family:var(--bodyFont);opacity:.78;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;font-size:.7rem;font-style:italic;font-weight:400;line-height:1.25;display:-webkit-box;overflow:hidden}.bookshelf-placeholder-subtitle--article{font-family:var(--codeFont);letter-spacing:.02em;font-style:normal;font-weight:500}.bookshelf-card-body{min-width:0;margin-top:.75rem}.bookshelf-card-body h3{color:var(--dark);font-family:var(--bodyFont);letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:500;line-height:1.25;transition:color .15s;display:-webkit-box;overflow:hidden}.bookshelf-card-body .bookshelf-authors{color:var(--gray);font-family:var(--bodyFont);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.22rem 0 0;font-size:.75rem;font-style:italic;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}.bookshelf-card-body .bookshelf-domain{color:var(--gray);font-family:var(--codeFont);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin:.22rem 0 0;font-size:.7rem;font-weight:500;line-height:1;overflow:hidden}.bookshelf-card--article{grid-column:span 2}.bookshelf-card--article .bookshelf-cover{aspect-ratio:16/9}@media (max-width:600px){.bookshelf-card--article{grid-column:span 3}}@media (max-width:400px){.bookshelf-card--article{grid-column:span 2}}@media (min-width:768px){.bookshelf-cover{box-shadow:0 2px 6px -1px #0000002e,0 1px 2px #0000001a,inset 4px 0 0 -2px #00000038,1px 1px #0000000d,2px 2px #0000000a}.bookshelf-card>a:hover .bookshelf-cover{box-shadow:0 16px 28px -8px #00000047,0 6px 10px -3px #00000024,inset 4px 0 0 -2px #00000038,1px 1px #0000000d,2px 2px #0000000a}}@media (max-width:600px){.bookshelf{margin-top:2rem}.bookshelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem .85rem}.bookshelf-card-body h3{font-size:.78rem}.bookshelf-card-body .bookshelf-authors{font-size:.7rem}.bookshelf-placeholder-title{font-size:.85rem}}@media (max-width:400px){.bookshelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}