.browser-intro-section{margin-bottom:var(--spacing-xl)}.browser-title-row{display:flex;align-items:center;gap:var(--spacing-md)}.browser-icon-large{font-size:var(--font-size-4xl);flex-shrink:0;margin-bottom:var(--spacing-lg)}.browser-title-row h1{font-size:var(--font-size-3xl)}.intro-text{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);margin:0;text-align:left}.intro-text .text-highlight{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.summary-section{margin-bottom:var(--spacing-xl);max-width:var(--breakpoint-xl);margin-left:auto;margin-right:auto;width:calc(100% - 4rem)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.section-icon{color:var(--color-secondary)}.summary-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.summary-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-default);border-top:4px solid var(--color-gray-400);transition:all var(--transition-normal)}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card.stable{border-top-color:var(--color-channel-stable)}.summary-card.beta{border-top-color:var(--color-channel-beta)}.summary-card.upcoming-stable{border-top-color:var(--color-warning)}.summary-card.upcoming-beta{border-top-color:var(--color-secondary)}.summary-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.summary-card-icon{color:var(--color-secondary);font-size:var(--font-size-lg)}.summary-card-header h3{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.summary-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.summary-card .no-data{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;margin:0}.version-display{font-family:var(--font-family-mono)}.version-display .version-major{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.version-display .version-minor{font-size:var(--font-size-base);color:var(--color-text-muted)}.release-date{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.date-icon{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.platform-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs);margin-top:var(--spacing-xs)}.platform-tag{background:var(--color-gray-100);color:var(--color-text-secondary);padding:var(--spacing-3xs) var(--spacing-xs);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.platform-tag.more{background:var(--color-secondary-light);color:var(--color-text-inverse)}.releases-section{margin-bottom:var(--spacing-xl);max-width:var(--breakpoint-xl);margin-left:auto;margin-right:auto;width:calc(100% - 4rem)}.releases-table{overflow-x:auto;padding:var(--spacing-md);width:100%;box-sizing:border-box}.releases-table table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.releases-table th,.releases-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-light)}.releases-table th{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}.releases-table tbody tr:hover{background:var(--color-overlay-primary-light)}.version-cell{font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);color:var(--color-primary)}.channel-badge{display:inline-block;padding:var(--spacing-3xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.channel-badge.currentPublic{background:var(--color-channel-stable-bg);color:var(--color-channel-stable)}.channel-badge.currentBeta{background:var(--color-channel-beta-bg);color:var(--color-channel-beta)}.channel-badge.upcomingPublic{background:var(--color-warning-bg);color:var(--color-warning)}.channel-badge.upcomingBeta{background:#667eea1a;color:var(--color-secondary)}.channel-badge.stable{background:var(--color-channel-stable-bg);color:var(--color-channel-stable)}.channel-badge.beta{background:var(--color-channel-beta-bg);color:var(--color-channel-beta)}.channel-badge.dev{background:#9c27b01a;color:#9c27b0}.channel-badge.canary{background:#ffc10726;color:#f57c00}.channel-badge.esr{background:#0096881f;color:#00897b}.channel-badge.current{background:var(--color-channel-stable-bg);color:var(--color-channel-stable)}.channel-badge.retired{background:var(--color-gray-100);color:var(--color-gray-500)}.channel-badge.planned{background:#ffc10726;color:#f57c00}.channel-badge.nightly{background:#9c27b01a;color:#9c27b0}.status-badge{display:inline-block;padding:var(--spacing-3xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.active{background:var(--color-channel-stable-bg);color:var(--color-channel-stable)}.status-badge.ended{background:var(--color-error-bg);color:var(--color-error)}.status-badge.date{background:var(--color-gray-100);color:var(--color-text-secondary)}.status-badge.lts{background:#0096881f;color:#00897b}.status-badge.no-lts{background:var(--color-gray-100);color:var(--color-gray-500)}.release-notes-link{display:inline-flex;align-items:center;gap:var(--spacing-2xs);color:var(--color-secondary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);transition:color var(--transition-fast)}.release-notes-link:hover{color:var(--color-primary);text-decoration:underline}.link-icon{font-size:.7em}.title-cell{font-weight:var(--font-weight-medium);color:var(--color-text-primary);max-width:300px;white-space:normal}.abstract-cell{color:var(--color-text-secondary);max-width:400px;white-space:normal;font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.raw-data-section{margin-top:var(--spacing-xl)}.raw-data-table{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-default);padding:var(--spacing-md)}.raw-data-table .table-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--color-gray-100)}.raw-data-table .table-scroll-container::-webkit-scrollbar{height:8px}.raw-data-table .table-scroll-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-xs)}.raw-data-table .table-scroll-container::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-xs)}.raw-data-table .table-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.raw-data-table table{border-collapse:collapse;font-size:var(--font-size-sm)}.raw-data-table.milestone-table table{min-width:2200px}.raw-data-table th,.raw-data-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-light);white-space:nowrap}.raw-data-table th{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);position:sticky;top:0;z-index:1}.raw-data-table th:first-child{position:sticky;left:0;z-index:2;background:var(--color-gray-100)}.raw-data-table td:first-child{position:sticky;left:0;background:var(--color-bg-card);z-index:1;border-right:2px solid var(--color-border-default)}.raw-data-table tbody tr:hover td{background:var(--color-overlay-primary-light)}.raw-data-table tbody tr:hover td:first-child{background:var(--color-gray-100)}.artifacts-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.artifacts-toggle{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;cursor:pointer;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:all var(--transition-fast)}.artifacts-toggle:hover{background:var(--color-overlay-primary-light);color:var(--color-primary)}.artifacts-count{display:flex;align-items:center;gap:var(--spacing-2xs)}.artifact-icon{color:var(--color-secondary)}.artifacts-list{margin-top:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-gray-50);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-2xs)}.artifact-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-xs);background:var(--color-bg-card);border-radius:var(--radius-xs)}.artifact-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:uppercase}.artifact-size{color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.artifact-link{color:var(--color-secondary);text-decoration:none;font-weight:var(--font-weight-medium);margin-left:auto;transition:color var(--transition-fast)}.artifact-link:hover{color:var(--color-primary);text-decoration:underline}.no-data{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-xs)}.browser-faq-section{margin-bottom:var(--spacing-xl);max-width:var(--breakpoint-xl);margin-left:auto;margin-right:auto;width:calc(100% - 4rem)}.browser-faq-section .section-title{margin-bottom:var(--spacing-lg)}.browser-faq-section .faq-list{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:none;margin:0}.browser-faq-section .faq-item{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-default);overflow:hidden;transition:all var(--transition-normal)}.browser-faq-section .faq-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-medium)}.browser-faq-section .faq-item.active{box-shadow:0 6px 24px var(--color-overlay-primary-dark);border-color:var(--color-primary)}.browser-faq-section .faq-question{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);transition:background-color var(--transition-fast);font-family:inherit}.browser-faq-section .faq-question:hover{background:var(--color-overlay-primary-light)}.browser-faq-section .faq-item.active .faq-question{background:var(--gradient-primary-active)}.browser-faq-section .question-text{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);flex:1}.browser-faq-section .chevron{color:var(--color-primary);font-size:var(--font-size-lg);transition:transform var(--transition-normal);flex-shrink:0}.browser-faq-section .chevron.rotated{transform:rotate(180deg)}.browser-faq-section .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity var(--transition-normal);opacity:0}.browser-faq-section .faq-answer.open{max-height:1000px;opacity:1}.browser-faq-section .answer-content{padding:0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);text-align:left}.browser-faq-section .answer-content p{margin:0}.browser-cta-section{background:var(--gradient-primary);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;color:var(--color-text-inverse);max-width:var(--breakpoint-xl);width:calc(100% - 4rem);margin:0 auto var(--spacing-xl) auto}.browser-cta-section h2{color:var(--color-text-inverse);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.browser-cta-section p{color:var(--color-text-inverse-high);line-height:var(--line-height-relaxed);font-size:var(--font-size-lg);margin:0 0 var(--spacing-lg) 0}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-outline-light{background:transparent;border:2px solid var(--color-text-inverse);color:var(--color-text-inverse);padding:var(--button-padding-md);border-radius:var(--button-border-radius);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-outline-light:hover{background:#ffffff1a}.error-card{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-xl)}.error-card h2{color:var(--color-error);margin:0 0 var(--spacing-md) 0}.error-card p{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}@media(max-width:1200px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.summary-section,.releases-section,.browser-faq-section,.browser-cta-section{width:calc(100% - 2rem)}.intro-text{text-align:center}.summary-cards-grid{grid-template-columns:1fr}.summary-card{padding:var(--spacing-md)}.version-display .version-major{font-size:var(--font-size-xl)}.releases-table{padding:var(--spacing-sm)}.releases-table th,.releases-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.browser-faq-section .faq-question{padding:var(--spacing-md) var(--spacing-lg)}.browser-faq-section .question-text{font-size:var(--font-size-base)}.browser-faq-section .answer-content{padding:0 var(--spacing-lg) var(--spacing-md) var(--spacing-lg)}.browser-cta-section{padding:var(--spacing-xl) var(--spacing-lg)}.browser-cta-section h2{font-size:var(--font-size-xl)}.browser-cta-section p{font-size:var(--font-size-base)}.cta-buttons{flex-direction:column}}@media(max-width:480px){.summary-section,.releases-section,.browser-faq-section,.browser-cta-section{width:calc(100% - 1rem)}.browser-icon-large{font-size:var(--font-size-2xl)}.section-title{font-size:var(--font-size-lg)}.browser-faq-section .faq-question{padding:var(--spacing-md)}.browser-faq-section .answer-content{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);font-size:var(--font-size-sm)}.browser-cta-section{padding:var(--spacing-lg) var(--spacing-md)}}