/* Palette and full-image layout for the same V30 preview. */
[data-genre="meeting"]{--genre:#294c63;--genre-tint:#EAF1F5;}
.practical [data-filter="会議・共有"]{border-color:#294c63;color:#294c63;background:#EAF1F5;}
.practical [data-filter="会議・共有"][aria-pressed="true"]{background:#294c63;color:#fff;}
[data-genre="writing"]{--genre:#635279;--genre-tint:#F0ECF5;}
.practical [data-filter="連絡・文書"]{border-color:#635279;color:#635279;background:#F0ECF5;}
.practical [data-filter="連絡・文書"][aria-pressed="true"]{background:#635279;color:#fff;}
[data-genre="planning"]{--genre:#244f46;--genre-tint:#E8F1ED;}
.practical [data-filter="企画・引継ぎ"]{border-color:#244f46;color:#244f46;background:#E8F1ED;}
.practical [data-filter="企画・引継ぎ"][aria-pressed="true"]{background:#244f46;color:#fff;}
[data-genre="data"]{--genre:#795b3c;--genre-tint:#F4EEE7;}
.practical [data-filter="表・データ"]{border-color:#795b3c;color:#795b3c;background:#F4EEE7;}
.practical [data-filter="表・データ"][aria-pressed="true"]{background:#795b3c;color:#fff;}
[data-genre="basics"]{--genre:#8a4e37;--genre-tint:#F7ECE7;}
.practical [data-filter="AIの始め方"]{border-color:#8a4e37;color:#8a4e37;background:#F7ECE7;}
.practical [data-filter="AIの始め方"][aria-pressed="true"]{background:#8a4e37;color:#fff;}

.v30-genre-label{display:inline-block;background:var(--genre-tint,#f7ece7);color:var(--genre,#8a4e37);border:1px solid currentColor;border-radius:5px;font-size:14px;line-height:1.6;font-weight:700;padding:3px 10px;margin:0 0 12px;}
.v-article-intro>.p-tag .v30-genre-label{display:block;width:max-content;margin-top:8px;margin-bottom:0;}
.p-card[data-genre],.bc-example[data-genre],.v30-work-examples>article[data-genre]{border-top:4px solid var(--genre);}
.p-card[data-genre] .v-card-meta>.p-tag,.pl-card[data-genre] .pl-card-heading .p-tag{color:var(--genre);background:var(--genre-tint);padding:3px 8px;border-radius:4px;width:max-content;}
.v-card-picture{aspect-ratio:1200/630;background:var(--genre-tint,#f6f3eb);}
.v-card-picture img{object-fit:contain;transform:none;}
.bc-example>img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;}
.pl-card-heading img{aspect-ratio:1;object-fit:contain;}
.v30-column-cover{margin:0 0 24px;border:1px solid var(--genre,#8a4e37);border-radius:10px;background:#f6f3eb;overflow:hidden;}
.v30-column-cover img{display:block;width:100%;height:auto;object-fit:contain;}
.v30-column-cover figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:12px 16px;background:#fff;font-size:14px;color:#53675f;}
.v30-column-cover figcaption .v30-genre-label{margin:0;}
.v30-work-examples>article>.v30-column-cover{margin-bottom:20px;}
.col-body>.v30-column-cover{margin:24px 0 40px;}
.meeting-story>main>.v30-column-cover{max-width:1000px;width:calc(100% - 40px);margin:0 auto 48px;}
.v30-legacy-thumbnails{margin:32px 0 44px;}
.v30-legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0;}
.v30-legacy-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;border:1px solid #c8d0ca;border-top:4px solid var(--genre);border-radius:8px;overflow:hidden;background:#fff;}
.v30-legacy-card img{display:block;width:100%;height:auto;object-fit:contain;}
.v30-legacy-card>span{padding:14px 16px;font-size:17px;line-height:1.7;font-weight:700;color:#203b38;}
.v30-legacy-card:focus-visible{outline:3px solid #2563eb;outline-offset:3px;}
.col-series a:has(>img){display:grid;grid-template-columns:88px 32px minmax(0,1fr);gap:12px;align-items:center;}
.col-series a>img{display:block;width:88px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px;}
@media(max-width:900px){.v30-legacy-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.v30-legacy-grid{grid-template-columns:1fr;}.v30-work-examples>article{padding:16px;}.col-series a:has(>img){grid-template-columns:64px 26px minmax(0,1fr);gap:8px;}.col-series a>img{width:64px;}.v30-column-cover figcaption{padding:10px 12px;}}