.media-page{background:var(--bg-base);min-height:100vh}.media-hero{padding:var(--space-20) 0;border-bottom:1px solid var(--border-light);background:var(--bg-base)}.media-hero h1{font-size:var(--text-5xl);letter-spacing:-.04em;margin-bottom:var(--space-3)}.media-hero p{font-size:var(--text-lg);color:var(--text-secondary);max-width:780px}.media-back-link{align-items:center;gap:var(--space-2);color:var(--primary);font-weight:var(--font-semibold);margin-bottom:var(--space-6);text-decoration:none;display:inline-flex}.media-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.media-card{color:inherit;border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-card);padding:var(--space-6);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);text-decoration:none}.media-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-3px)}.media-card-icon{border-radius:var(--radius-md);background:var(--primary-subtle);width:36px;height:36px;color:var(--primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.media-card-meta{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.media-card-title{font-size:var(--text-xl);margin-bottom:var(--space-3);line-height:1.3}.media-card-excerpt{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.6}.media-card-link{color:var(--primary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.media-detail-card{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-card);padding:var(--space-8)}.media-detail-content{color:var(--text-primary);line-height:1.8}.media-detail-content h1,.media-detail-content h2,.media-detail-content h3,.media-detail-content h4{margin-top:var(--space-6);margin-bottom:var(--space-3)}.media-detail-content p,.media-detail-content li{color:var(--text-secondary);font-size:var(--text-base)}.media-detail-content ul,.media-detail-content ol{margin:var(--space-4) 0 var(--space-4) var(--space-5)}.media-detail-content a{color:var(--primary)}.media-external-link{margin-top:var(--space-8);align-items:center;gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-weight:var(--font-semibold);text-decoration:none;display:inline-flex}.media-external-link:hover{border-color:var(--primary);color:var(--primary)}@media (max-width:768px){.media-hero h1{font-size:var(--text-4xl)}.media-detail-card{padding:var(--space-6)}}.media-breadcrumbs{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;font-size:.85rem;display:flex}.media-breadcrumbs a{color:var(--muted-foreground);text-decoration:none}.media-breadcrumbs a:hover{color:var(--primary)}.media-breadcrumb-current{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-weight:500;overflow:hidden}.media-detail-date{color:var(--muted-foreground);margin:0 0 8px;font-size:.85rem}.media-detail-title{color:var(--foreground);margin:0 0 24px;font-size:2rem;font-weight:700;line-height:1.25}.media-detail-body{color:var(--foreground);font-size:1rem;line-height:1.75}.media-detail-body p{margin:0 0 16px}.media-detail-body h2,.media-detail-body h3,.media-detail-body h4{color:var(--foreground);margin-top:28px;margin-bottom:12px;font-weight:700}.media-detail-body h2{font-size:1.4rem}.media-detail-body h3{font-size:1.2rem}.media-detail-body h4{font-size:1.05rem}.media-detail-body ul,.media-detail-body ol{margin:0 0 16px;padding-left:22px}.media-detail-body li{margin-bottom:6px}.media-detail-body a{color:var(--primary);text-decoration:underline}.media-detail-body img{border-radius:8px;max-width:100%;height:auto;margin:16px 0}.media-detail-body table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.92rem}.media-detail-body th,.media-detail-body td{border:1px solid var(--border);text-align:left;padding:8px 12px}.media-detail-body th{background:var(--surface-2);font-weight:600}.media-detail-back{border-top:1px solid var(--border);margin-top:40px;padding-top:24px}.media-back-link{color:var(--primary);align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.media-back-link:hover{text-decoration:underline}