.gallery-main{padding-top:40px;padding-bottom:64px;max-width:1120px}.gallery-main h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.4;margin:12px 0 18px}.gallery-lead{font-size:1.0625rem;line-height:1.9;color:var(--muted)}.gallery-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;font-size:.9375rem}.diagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.diagram-card{border:1px solid var(--line);border-radius:24px;background:white;overflow:hidden;transition:transform .2s,box-shadow .2s}.diagram-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #55447914}.diagram-card>a{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.diagram-card a:focus-visible{outline:3px solid #7960b9;outline-offset:-4px}.diagram-thumb{aspect-ratio:1;background:#f0edfa;overflow:hidden}.diagram-thumb img{width:100%;height:100%;object-fit:contain}.diagram-copy{padding:24px;display:flex;flex-direction:column;flex:1}.diagram-tag{color:#71589c;font-size:.875rem}.diagram-copy h2{font-size:1.125rem;line-height:1.6;margin:10px 0}.diagram-copy p{font-size:1rem;line-height:1.85;color:var(--muted);margin:0 0 24px}.diagram-open{margin-top:auto;color:#675095;font-size:.9375rem;font-weight:700}.gallery-note{background:#f0ebfa;border-left:4px solid #9278c0;border-radius:0 16px 16px 0;padding:24px;line-height:1.9;margin:32px 0}.reader{max-width:960px}.reader-back{display:inline-block;margin-bottom:24px}.reader-actions{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.reader-figure{margin:28px 0}.reader-figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:20px}.reader-figure figcaption{font-size:.875rem;color:var(--muted);line-height:1.8;margin-top:12px}.reader-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 0;font-size:1rem}.gallery-note h2{font-size:1.125rem;margin:0 0 8px}.gallery-note p{margin:0}.nav>a:last-child{font-size:1rem}@media(max-width:850px){.diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.diagram-grid{grid-template-columns:1fr}.gallery-main{padding-top:28px}.diagram-copy{padding:22px}.reader-actions .button{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.diagram-card{transition:none}.diagram-card:hover{transform:none}}