.meijiFrameGrid{align-items:stretch}
.meijiFrameIntro{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:24px;align-items:center;padding:24px;border:1px solid var(--line,#d8ded7);border-radius:20px;background:linear-gradient(135deg,#f4f0df,#fffdf7)}
.meijiFrameIntro img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#e5e2d6;border-radius:14px}
.meijiFrameIntro h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:.35rem 0 .6rem}
.meijiFrameIntro p{line-height:1.65;max-width:72ch;color:#4c5750}
.meijiFrameIntro a,.frameSources a{color:#245d50;font-weight:650}
.frameNumberHeading{grid-column:1/-1;margin:12px 0 -8px;padding:12px 15px;border-radius:12px;background:#e7ece5;color:#243d34;font-size:1.05rem}
.frameExample{display:flex;flex-direction:column;gap:12px;min-width:0;padding:15px;border:1px solid #d9dfd8;border-radius:16px;background:#fff}
.frameSpecimen{height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:11px;border:7px solid #6685ae;background:linear-gradient(145deg,#dce9f6,#f7fbff);box-shadow:inset 0 0 0 2px #f8faff;color:#294158}
.frameSpecimen[data-frame-colour="Gold"]{border-color:#c7a34d;background:linear-gradient(145deg,#f4e7b7,#fffdf4);color:#5c471b}
.frameSpecimen[data-frame-colour="Red"]{border-color:#bb5c57;background:linear-gradient(145deg,#f4d7d2,#fff7f4);color:#622d2a}
.frameSpecimen[data-frame-colour="Silver"]{border-color:#a8afb5;background:linear-gradient(145deg,#e2e5e8,#fff);color:#41484e}
.frameSpecimen[data-frame-colour="Colour not recorded"]{border-color:#87918b;background:linear-gradient(145deg,#dfe4de,#fff);color:#414c44}
.frameSpecimen span{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}
.frameSpecimen b{font-size:2rem}
.frameExampleInfo .num{font-size:.72rem;color:#647166;text-transform:uppercase;letter-spacing:.06em}
.frameExampleInfo h3{margin:.3rem 0;font-size:1rem;line-height:1.35}
.frameExampleInfo p{margin:0;color:#657067;font-size:.82rem;line-height:1.45}
.frameExampleActions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.frameExampleActions button{flex:1 1 auto;border:1px solid #d6ded7;border-radius:999px;background:#f8faf7;padding:8px 10px;color:#334b3d;cursor:pointer;font-size:.78rem}
.frameExampleActions button.selected{background:#e6efe5;border-color:#8bb196;color:#1c4d32;font-weight:700}
.frameSources{grid-column:1/-1;padding:16px 2px;color:#647067;font-size:.85rem;line-height:1.6}
.frameCoverFallback{aspect-ratio:1;display:grid;place-items:center;border-radius:14px;background:#e5e2d6;color:#49534b;text-align:center;padding:20px}
@media(max-width:800px){.meijiFrameIntro{grid-template-columns:minmax(120px,200px) 1fr;gap:16px}}
@media(max-width:560px){.meijiFrameIntro{grid-template-columns:1fr}.meijiFrameIntro img{max-height:280px}.meijiFrameGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.meijiFrameIntro,.frameNumberHeading,.frameSources{grid-column:1/-1}.frameExample{padding:11px}.frameExampleActions button{font-size:.72rem;padding:8px 6px}}