.dfa-mag-library{--dfa-blue:#175f87;--dfa-ink:#20252a;--dfa-line:#d9dee3;color:var(--dfa-ink);font-family:inherit}.dfa-mag-head{border-bottom:2px solid var(--dfa-line);margin-bottom:24px}.dfa-mag-head h2{margin:0 0 10px}.dfa-mag-crumbs{display:flex;align-items:center;gap:8px;min-height:38px;flex-wrap:wrap}.dfa-mag-crumbs button,.dfa-mag-back{appearance:none;border:0;background:none;color:var(--dfa-blue);padding:6px 0;cursor:pointer;font:inherit}.dfa-mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px;align-items:start;direction:ltr}.dfa-mag-card{appearance:none;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid var(--dfa-line);border-radius:6px;background:#fff;color:inherit;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.07);transition:transform .16s,box-shadow .16s}.dfa-mag-card:hover,.dfa-mag-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.15);outline:2px solid var(--dfa-blue);outline-offset:2px}.dfa-mag-card>img,.dfa-mag-card>.dfa-mag-placeholder{width:100%;aspect-ratio:63/100;object-fit:cover;background:#eef1f3}.dfa-mag-card>span:last-child{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;padding:12px}.dfa-mag-card small{color:#68737c}.dfa-mag-shelves{display:grid;gap:42px}.dfa-mag-shelf{padding:18px 20px 22px;background:#f3f3f3;border:1px solid #d3d3d3;border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.dfa-mag-shelf header{padding-bottom:14px;border-bottom:2px solid #c9c9c9}.dfa-mag-shelf h3{margin:0 0 5px;font-size:clamp(24px,3vw,34px);text-transform:uppercase}.dfa-mag-shelf header p{margin:4px 0}.dfa-mag-spines{display:flex;align-items:stretch;gap:2px;min-height:300px;margin-top:20px;overflow-x:auto;overflow-y:hidden;padding:5px 2px 10px;direction:ltr}.dfa-mag-spine{appearance:none;position:relative;flex:0 0 clamp(58px,7vw,78px);height:300px;padding:0;border:0;background:#222;color:#fff;overflow:hidden;cursor:pointer;box-shadow:inset -4px 0 8px rgba(0,0,0,.38),2px 0 2px rgba(255,255,255,.25);transition:flex-basis .2s,transform .2s}.dfa-mag-spine:hover,.dfa-mag-spine:focus-visible{flex-basis:96px;transform:translateY(-4px);outline:3px solid var(--dfa-blue);outline-offset:-3px}.dfa-mag-spine-photo{position:absolute;inset:0}.dfa-mag-spine-photo img,.dfa-mag-spine-photo .dfa-mag-placeholder{width:100%;height:100%;object-fit:cover}.dfa-mag-spine:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.08) 45%,rgba(0,0,0,.45))}.dfa-mag-spine strong{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;white-space:nowrap;padding:8px 5px;background:rgba(0,0,0,.72);font-size:18px;letter-spacing:.5px}.dfa-mag-spine small{position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);padding:3px;background:rgba(0,0,0,.68);white-space:nowrap;font-size:10px}.dfa-mag-intro{margin:0 0 22px}.dfa-mag-detail-main{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:32px;align-items:start}.dfa-mag-cover img{width:100%;height:auto;box-shadow:0 5px 25px rgba(0,0,0,.16)}.dfa-mag-date{color:#68737c}.dfa-mag-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.dfa-mag-gallery img{width:100%;height:190px;object-fit:cover}.dfa-mag-placeholder{display:grid;place-items:center;color:#6b747c}.dfa-mag-detail h4{margin-top:32px}@media(max-width:640px){.dfa-mag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dfa-mag-detail-main{grid-template-columns:1fr}.dfa-mag-cover{max-width:320px}.dfa-mag-card>span:last-child{flex-direction:column;align-items:flex-start;padding:9px}.dfa-mag-shelf{padding:14px 12px}.dfa-mag-spines{min-height:240px}.dfa-mag-spine{height:240px;flex-basis:54px}.dfa-mag-spine:hover{flex-basis:68px}}