/* ===== whatsnew 共通スタイル ===== */
    .wn-hero {
        background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
        color: #fff;
        padding: 28px 20px 24px;
        text-align: center;
        border-radius: 16px;
        margin-bottom: 24px;
    }
    .wn-hero .wn-icon { font-size: 32px; margin-bottom: 10px; opacity: 0.9; }
    .wn-hero h2 { font-size: 20px; font-weight: 900; letter-spacing: 0.5px; margin-bottom: 6px; }
    .wn-hero .wn-subtitle { font-size: 12px; opacity: 0.75; }
    .wn-content { max-width: 640px; margin: 0 auto; }

    /* タイムライン */
    .wn-timeline { position: relative; padding-left: 24px; }
    .wn-timeline::before {
        content: ''; position: absolute; left: 7px; top: 0; bottom: 0;
        width: 2px; background: #e2e8f0;
    }
    .wn-timeline-item { position: relative; margin-bottom: 28px; }
    .wn-timeline-item:last-child { margin-bottom: 0; }
    .wn-timeline-dot {
        position: absolute; left: -20px; top: 4px;
        width: 14px; height: 14px; border-radius: 50%;
        border: 2px solid #fff; flex-shrink: 0;
    }
    .wn-dot-feature { background: #6366f1; box-shadow: 0 0 0 2px #6366f1; }
    .wn-dot-data    { background: #10b981; box-shadow: 0 0 0 2px #10b981; }
    .wn-dot-fix     { background: #f59e0b; box-shadow: 0 0 0 2px #f59e0b; }
    .wn-timeline-card {
        background: #fff; border: 1px solid #e2e8f0;
        border-radius: 14px; padding: 14px 16px;
    }
    .wn-timeline-header {
        display: flex; align-items: center; gap: 8px;
        margin-bottom: 8px; flex-wrap: wrap;
    }
    .wn-timeline-date { font-size: 11px; color: #94a3b8; font-weight: 600; }
    .wn-tag {
        font-size: 10px; font-weight: 700;
        padding: 1px 8px; border-radius: 20px;
    }
    .wn-tag-feature { background: #ede9fe; color: #7c3aed; }
    .wn-tag-data    { background: #d1fae5; color: #059669; }
    .wn-tag-fix     { background: #fef3c7; color: #d97706; }
    .wn-tag-new     { background: #fee2e2; color: #dc2626; }
    .wn-timeline-title {
        font-size: 14px; font-weight: 700; color: #1e293b; margin-bottom: 6px;
    }
    .wn-timeline-body { font-size: 12px; color: #475569; line-height: 1.7; }
    .wn-timeline-body a {
        color: #6366f1; text-decoration: none; font-weight: 600;
    }
    .wn-timeline-body a:hover { text-decoration: underline; }