.category-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.category-nav a{padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);text-decoration:none;font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;gap:7px}.category-nav a[aria-current="true"]{background:var(--blue);color:white;border-color:var(--blue)}.category-nav a span{font-size:.75rem;opacity:.85}.category-nav a:hover{box-shadow:0 0 0 1px var(--blue)}.selection-status{font-size:.875rem;color:var(--muted);margin:0 0 26px}.image-open{display:block;width:100%;padding:0;border:0;background:#eaf3f8;position:relative;cursor:zoom-in}.image-open span{position:absolute;bottom:10px;right:10px;padding:4px 9px;border-radius:6px;background:#fff;color:#23445c;font-size:.75rem;box-shadow:0 1px 5px #18344825}.sequence-caption{margin:0;padding:10px 14px;background:#f1f7fa;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;color:var(--muted);font-size:.8rem;text-align:center;line-height:1.5}.sequence-caption span+span{border-left:1px solid var(--line)}.shot-card.sequence{grid-column:1/-1}.shot-card.sequence .image-open img{max-height:480px;aspect-ratio:auto}.shot-card.sequence .card-body{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.shot-card.sequence .card-description{grid-column:1}.shot-card.sequence .card-controls{grid-column:2;grid-row:1}.shot-card.sequence .definition{min-height:0}.shot-card .basic-mark{color:var(--blue)}.sources{padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}.sources p{max-width:900px}.sources li{margin-bottom:6px}.image-dialog{width:min(1350px,96vw);max-height:94vh;padding:18px}.image-dialog-header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:14px}.image-dialog h2{font-size:1.2rem}.image-dialog img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.image-dialog p{font-size:.9rem;color:var(--muted);margin:12px 0 0}.card-controls details{margin-bottom:0}
@media(max-width:720px){.category-nav a{font-size:.8rem;padding:8px 10px}.shot-card.sequence .card-body{display:block}.sequence-caption{font-size:.75rem;gap:5px;padding:8px}.image-dialog{padding:14px}.image-dialog img{max-height:68vh}.image-open span{font-size:.75rem;padding:3px 7px}}

.section-browse{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-top:20px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.browse-options{flex:1;min-width:220px}.browse-options>summary{display:list-item;list-style-position:inside;width:fit-content;padding:10px 16px;min-height:44px;border-radius:9px;background:var(--blue);color:white;font-size:.875rem;font-weight:700}.browse-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.browse-links a{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--ink);font-size:.875rem}.browse-links a:hover{background:var(--sky)}.browse-links span{font-size:.75rem;color:var(--muted)}#category-nav{scroll-margin-top:20px}footer .button{align-self:flex-start}@media(max-width:720px){.section-browse{padding:16px;gap:12px}.browse-options{flex-basis:100%;min-width:0}.browse-options>summary{width:100%}.section-browse>.button{width:100%}}

.video-guide{padding:16px 20px;background:#eaf8ff;border:1px solid #c8e8f5;border-radius:12px;font-size:.9rem;color:#24576a}.video-guide span{display:block;margin-top:4px;font-size:.8rem;color:var(--muted)}.video-figure video{display:block;width:100%;max-height:540px;aspect-ratio:16/9;object-fit:contain;background:#102631}.video-caption{padding:14px 18px;background:#f3f9fb;font-size:.85rem;color:var(--muted)}.video-caption p{margin:10px 0 0}.video-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.video-actions label{display:inline-flex;gap:6px;align-items:center;min-height:44px}.video-actions input{width:18px;height:18px}.video-draft{padding:10px 12px;border-radius:8px;background:#fff3da;color:#70531b}.still-comparison{margin:0;padding:12px 18px;border-bottom:1px solid var(--line)}.still-comparison summary{font-size:.85rem;color:var(--blue)}.still-comparison figure{margin-top:12px}.video-actions .button[aria-pressed="true"]{background:#d7edf7}@media(max-width:720px){.video-caption{padding:12px}.video-actions{gap:8px}.video-actions .button{font-size:.8rem}.video-guide{padding:12px}}
.shot-card{border:2px solid #7898ac;box-shadow:0 3px 10px #18344810}.shot-card.sequence{margin-bottom:8px}.shot-card>.still-comparison{margin-top:0;border-top:0;border-bottom:1px solid #9fb5c3}

/* 透過した線画・スタンプも白地で比較する。 */
.image-open{background:#fff}

.video-pending{padding:32px 24px;background:#eaf5fc;border-bottom:2px solid #8ca8b9;color:#244b61}.video-pending strong{font-size:20px}.video-pending p{margin:8px 0 0}