:root{--colorNeutralBackground1:#fff;--colorNeutralBackground2:#fafafa;--colorNeutralBackground3:#f5f5f5;--colorNeutralBackground4:#f0f0f0;--colorNeutralBackground5:#ebebeb;--colorNeutralForeground1:#242424;--colorNeutralForeground2:#424242;--colorNeutralForeground3:#616161;--colorNeutralForeground4:#707070;--colorNeutralStroke1:#d1d1d1;--colorNeutralStroke2:#e0e0e0;--colorNeutralStroke3:#f0f0f0;--colorBrandBackground:#0078d4;--colorBrandBackgroundHover:#106ebe;--colorBrandBackgroundPressed:#004578;--colorBrandForeground1:#0078d4;--colorBrandForeground2:#106ebe;--colorBrandStroke1:#0078d4;--colorStatusDangerBackground1:#fde7e9;--colorStatusDangerForeground1:#b10e1c;--colorStatusDangerBackground1Hover:#fdd;--shadow2:0 1px 2px #0000001f, 0 0 2px #0000000f;--shadow4:0 2px 4px #00000024, 0 0 2px #0000000f;--shadow8:0 4px 8px #00000024, 0 0 2px #0000000f;--shadow16:0 8px 16px #00000024, 0 0 2px #0000000f;--borderRadiusNone:0;--borderRadiusSmall:2px;--borderRadiusMedium:4px;--borderRadiusLarge:6px;--borderRadiusXLarge:8px;--borderRadius2XLarge:12px;--borderRadius3XLarge:16px;--borderRadiusCircular:10000px;--spacingXXS:2px;--spacingXS:4px;--spacingSNudge:6px;--spacingS:8px;--spacingMNudge:10px;--spacingM:12px;--spacingL:16px;--spacingXL:20px;--spacingXXL:24px;--spacingXXXL:32px;--strokeWidthThin:1px;--strokeWidthThick:2px;--fontFamilyBase:"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Noto Sans JP", sans-serif;--fontSizeBase100:10px;--fontSizeBase200:12px;--fontSizeBase300:14px;--fontSizeBase400:16px;--fontSizeBase500:20px;--fontSizeBase600:24px;--fontWeightRegular:400;--fontWeightMedium:500;--fontWeightSemibold:600;--fontWeightBold:700;--lineHeightBase100:14px;--lineHeightBase200:16px;--lineHeightBase300:20px;--lineHeightBase400:22px;--lineHeightBase500:28px;--lineHeightBase600:32px;--sidebar-width:360px;--header-height:120px;--colorNeutralCardBackground:#fff;--colorNeutralPageBackground:#d6dbe3}*{box-sizing:border-box}body{font-family:var(--fontFamilyBase);background:var(--colorNeutralPageBackground);color:var(--colorNeutralForeground1);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);-webkit-font-smoothing:antialiased;margin:0}#root{width:100%;margin:0}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{min-height:var(--header-height);background:var(--colorNeutralBackground1);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);padding:0 var(--spacingXXL);z-index:50;box-shadow:var(--shadow2);align-items:stretch;display:flex;position:sticky;top:0}.header-shell{gap:var(--spacingS);width:100%;padding:var(--spacingM) 0;grid-template-rows:minmax(56px,auto) minmax(36px,auto);display:grid}.header-content{align-items:center;gap:var(--spacingM);width:100%;display:flex}.header-active-filters{align-items:center;gap:var(--spacingM);grid-template-columns:auto minmax(0,1fr);min-height:36px;display:grid}.header-active-filters-content{gap:var(--spacingXS);min-width:0;display:grid}.header-active-filters-title{font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin:0}.header-active-filters-list{padding-bottom:var(--spacingXXS);scrollbar-width:thin;flex-wrap:nowrap;overflow:auto hidden}.header-active-filters-empty{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground4);margin:0}.header-active-filters-meta{color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.app-title{font-size:var(--fontSizeBase500);font-weight:var(--fontWeightBold);line-height:var(--lineHeightBase500);color:var(--colorNeutralForeground1);letter-spacing:-.02em;margin:0}.app-subtitle{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground3);margin:0}.result-count{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground3);font-weight:var(--fontWeightSemibold);background:var(--colorNeutralBackground3);padding:var(--spacingXS) var(--spacingM);border-radius:var(--borderRadiusCircular);margin-left:auto}.sidebar-toggle{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusXLarge);padding:var(--spacingS);cursor:pointer;color:var(--colorNeutralForeground2);background:0 0;line-height:1;display:none}.sidebar-toggle:hover{background:var(--colorNeutralBackground3)}.content-layout{flex:1;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--colorNeutralBackground1);border-right:var(--strokeWidthThin) solid var(--colorNeutralStroke2);padding:var(--spacingXL);height:calc(100vh - var(--header-height));top:var(--header-height);position:sticky;overflow-y:auto}.sidebar-overlay{display:none}.sidebar-group{gap:var(--spacingM);margin-bottom:var(--spacingXXL);padding-bottom:var(--spacingXXL);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);scroll-margin-top:var(--spacingL);flex-direction:column;min-width:0;display:flex}.sidebar-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-group-header{justify-content:space-between;align-items:flex-start;gap:var(--spacingM);display:flex}.sidebar-group-heading{gap:var(--spacingXS);min-width:0;display:grid}.sidebar-group-kicker{font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);letter-spacing:.05em;text-transform:uppercase;color:var(--colorBrandForeground1);margin:0}.sidebar-group-title{font-size:var(--fontSizeBase500);line-height:var(--lineHeightBase500);color:var(--colorNeutralForeground1);overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;margin:0}.sidebar-group-copy{color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase300);overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;margin:0}.filter-search{margin-bottom:var(--spacingL);position:relative}.search-icon{left:var(--spacingM);color:var(--colorNeutralForeground4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--spacingSNudge) var(--spacingS) var(--spacingSNudge) 36px;font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);font-family:var(--fontFamilyBase);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralForeground3);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorBrandStroke1);border-bottom-width:var(--strokeWidthThick);padding-bottom:calc(var(--spacingSNudge) - 1px)}.search-input::placeholder{color:var(--colorNeutralForeground4)}.btn-clear{width:100%;padding:var(--spacingSNudge) var(--spacingL);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);background:var(--colorStatusDangerBackground1);color:var(--colorStatusDangerForeground1);border:var(--strokeWidthThin) solid transparent;border-radius:var(--borderRadiusMedium);cursor:pointer;margin-bottom:0;transition:background .15s}.btn-clear:hover{background:var(--colorStatusDangerBackground1Hover)}.filter-section{margin-bottom:var(--spacingL);padding-bottom:var(--spacingL);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke3)}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section-copy{margin:0 0 var(--spacingM);color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200)}.filter-state-note{gap:var(--spacingS);padding:var(--spacingM);border-radius:var(--borderRadiusLarge);background:var(--colorNeutralBackground3);color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);margin:0;display:grid}.filter-state-note p{margin:0}.filter-state-note-error{background:var(--colorStatusDangerBackground1);color:var(--colorStatusDangerForeground1)}.filter-state-action{width:auto}.preset-list{gap:var(--spacingS);display:grid}.preset-btn{align-items:flex-start;gap:var(--spacingXXS);width:100%;padding:var(--spacingM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusLarge);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);cursor:pointer;text-align:left;flex-direction:column;transition:border-color .15s,background .15s,transform .15s;display:flex}.preset-btn:hover{border-color:var(--colorBrandStroke1);background:#eef6fd;transform:translateY(-1px)}.preset-btn-title{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);font-weight:var(--fontWeightSemibold)}.preset-btn-description{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground3)}.filter-section-title{font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacingM)}.filter-section-header{justify-content:space-between;align-items:center;gap:var(--spacingS);margin-bottom:var(--spacingM);display:flex}.filter-section-header .filter-section-title{margin:0}.range-field{margin-bottom:var(--spacingM)}.range-label{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground2);margin-bottom:var(--spacingXS);display:block}.range-inputs{align-items:center;gap:var(--spacingXS);display:flex}.range-input{padding:var(--spacingSNudge) var(--spacingS);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);font-family:var(--fontFamilyBase);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralForeground3);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);outline:none;flex:1;min-width:0;transition:border-color .15s}.range-input:focus{border-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorBrandStroke1);border-bottom-width:var(--strokeWidthThick);padding-bottom:calc(var(--spacingSNudge) - 1px)}.range-separator{color:var(--colorNeutralForeground4);font-size:var(--fontSizeBase200);flex-shrink:0}.filter-select{width:100%;padding:var(--spacingSNudge) var(--spacingS);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);font-family:var(--fontFamilyBase);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralForeground3);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23616161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding-right:28px}.filter-select:focus{border-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorBrandStroke1);border-bottom-width:var(--strokeWidthThick);padding-bottom:calc(var(--spacingSNudge) - 1px)}.tag-category{margin-bottom:var(--spacingS)}.tag-category-header{align-items:center;gap:var(--spacingS);margin-bottom:var(--spacingXS);display:flex}.tag-category-label{align-items:center;gap:var(--spacingS);cursor:pointer;padding:var(--spacingXS) 0;flex:1;display:flex}.tag-category-label:hover .tag-category-name{color:var(--colorBrandForeground1)}.chevron-icon{color:var(--colorNeutralForeground3);flex-shrink:0;transition:transform .15s}.tag-category-name{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground1);transition:color .15s}.tag-count-badge{font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);background:var(--colorBrandBackground);color:#fff;border-radius:var(--borderRadiusCircular);line-height:var(--lineHeightBase100);padding:1px 7px}.tag-category-actions{align-items:center;gap:var(--spacingXS);display:flex}.category-help-btn{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusCircular);background:var(--colorNeutralBackground1);width:32px;height:32px;color:var(--colorBrandForeground1);font-size:var(--fontSizeBase200);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightBold);cursor:pointer;flex-shrink:0;transition:all .15s}.category-help-btn:hover{background:#e8f4fd;border-color:#b3d9f2}.category-help-btn:focus-visible{outline:2px solid var(--colorBrandStroke1);outline-offset:2px}.mode-toggle{font-size:var(--fontSizeBase100);font-family:var(--fontFamilyBase);padding:var(--spacingXXS) var(--spacingS);border-radius:var(--borderRadiusCircular);cursor:pointer;white-space:nowrap;min-height:32px;font-weight:var(--fontWeightSemibold);transition:all .15s}.mode-multi{color:var(--colorBrandForeground1);border:var(--strokeWidthThin) solid #b3d9f2;background:#e8f4fd}.mode-multi:hover{background:#d0eafb}.mode-single{background:var(--colorNeutralBackground3);color:var(--colorNeutralForeground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1)}.mode-single:hover{background:var(--colorNeutralStroke2)}.tag-list{padding-left:var(--spacingXL);padding-bottom:var(--spacingXS)}.maker-tag-list{gap:var(--spacingM);display:grid}.maker-tag-group{gap:var(--spacingXS);display:grid}.maker-tag-group-title{padding-left:var(--spacingXXS);font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);letter-spacing:.04em;color:var(--colorNeutralForeground3);text-transform:uppercase}.maker-tag-buttons{flex-wrap:wrap;display:flex}.tag-btn{margin:var(--spacingXXS);padding:var(--spacingXS) var(--spacingM);border-radius:var(--borderRadiusCircular);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground1);min-height:32px;color:var(--colorNeutralForeground2);cursor:pointer;font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);font-family:var(--fontFamilyBase);transition:all .15s;display:inline-block}.tag-btn:hover{background:var(--colorNeutralBackground3);border-color:var(--colorNeutralForeground4)}.tag-btn-active{background:var(--colorBrandBackground);color:#fff;border-color:var(--colorBrandBackground)}.tag-btn-active:hover{background:var(--colorBrandBackgroundHover);border-color:var(--colorBrandBackgroundHover)}.inline-help{flex-shrink:0;display:inline-flex;position:relative}.inline-help-end .inline-help-panel{left:auto;right:0}.inline-help-trigger{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusCircular);background:var(--colorNeutralBackground1);width:28px;height:28px;color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightBold);font-family:var(--fontFamilyBase);cursor:pointer;transition:all .15s}.inline-help-trigger:hover{color:var(--colorBrandForeground1);background:#eef5ff;border-color:#b3d9f2}.inline-help-trigger:focus-visible{outline:2px solid var(--colorBrandStroke1);outline-offset:2px}.inline-help-panel{top:calc(100% + var(--spacingXS));z-index:12;width:min(320px,100vw - 48px);padding:var(--spacingM);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid #d7e5f1;box-shadow:var(--shadow8);opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;left:0;transform:translateY(4px)}.inline-help-open .inline-help-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.inline-help-title{margin:0 0 var(--spacingXS);color:var(--colorNeutralForeground1);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase300);font-weight:var(--fontWeightSemibold)}.inline-help-body{gap:var(--spacingXS);display:grid}.inline-help-body p{color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase300);margin:0}.tag-mode-help .inline-help-panel{width:min(280px,100vw - 40px)}.main-content{padding:var(--spacingXXL);flex:1;min-width:0}.catalog-structure-grid{gap:var(--spacingXL);margin-bottom:var(--spacingXXL);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-structure-card{gap:var(--spacingM);padding:var(--spacingXL);background:var(--colorNeutralBackground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadius2XLarge);box-shadow:var(--shadow2);display:grid}.catalog-structure-card-emphasis{background:linear-gradient(#f9fcff 0%,#edf5fd 100%);border-color:#cfe2f5}.catalog-structure-header{justify-content:space-between;align-items:flex-start;gap:var(--spacingM);display:flex}.catalog-structure-heading{gap:var(--spacingXS);display:grid}.catalog-structure-kicker{font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);color:var(--colorBrandForeground1);text-transform:uppercase;letter-spacing:.05em;margin:0}.catalog-structure-title{color:var(--colorNeutralForeground1);margin:0;font-size:clamp(24px,2.6vw,32px);line-height:1.15}.catalog-structure-copy{color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);margin:0}.catalog-step-grid{gap:var(--spacingS);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-step-card{gap:var(--spacingXXS);padding:var(--spacingL);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusXLarge);background:var(--colorNeutralBackground1);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;display:grid}.catalog-step-card:hover{border-color:var(--colorBrandStroke1);background:#f6fbff;transform:translateY(-1px)}.catalog-step-card strong{color:var(--colorNeutralForeground1);font-size:var(--fontSizeBase300)}.catalog-step-card span{color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200)}.catalog-structure-stats,.comparison-stats{gap:var(--spacingS);flex-wrap:wrap;display:flex}.comparison-stat{align-items:baseline;gap:var(--spacingXS);padding:var(--spacingXS) var(--spacingM);border-radius:var(--borderRadiusCircular);color:var(--colorBrandForeground1);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);background:#eef5ff;display:inline-flex}.comparison-stat strong{font-size:var(--fontSizeBase400);line-height:1}.catalog-structure-actions,.comparison-panel-actions,.empty-state-actions{gap:var(--spacingS);flex-wrap:wrap;display:flex}.catalog-structure-actions>.btn-copy-url,.comparison-panel-actions>.btn-copy-url,.empty-state-actions>.btn-copy-url,.empty-state-actions>.btn-clear{width:auto}.catalog-status-summary,.catalog-status-banner{justify-content:space-between;align-items:center;gap:var(--spacingM);margin-bottom:var(--spacingL);padding:var(--spacingL);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground1);display:flex}.catalog-status-summary{background:#f7fafc}.catalog-status-summary-title,.catalog-status-summary-copy,.catalog-status-banner-title,.catalog-status-banner-copy{margin:0}.catalog-status-summary-title{color:var(--colorBrandForeground1);font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);letter-spacing:.05em;text-transform:uppercase}.catalog-status-summary-copy,.catalog-status-banner-copy{color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300)}.catalog-status-banner-title{color:var(--colorNeutralForeground1);font-weight:var(--fontWeightSemibold);margin-bottom:var(--spacingXXS)}.catalog-status-banner-error{background:#fff6f6;border-color:#f2c8cc}.catalog-status-banner-action{width:auto}.detail-page{background:var(--colorNeutralPageBackground);min-height:100vh;padding:var(--spacingXXL)}.detail-shell{max-width:1120px;margin:0 auto}.detail-toolbar{justify-content:space-between;align-items:center;gap:var(--spacingM);margin-bottom:var(--spacingL);display:flex}.detail-context-card{gap:var(--spacingM);padding:var(--spacingXL);margin-bottom:var(--spacingL);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadius2XLarge);box-shadow:var(--shadow2);background:linear-gradient(#fff 0%,#f7fafc 100%);display:grid}.detail-context-copy{gap:var(--spacingXS);display:grid}.detail-context-kicker{color:var(--colorBrandForeground1);font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);text-transform:uppercase;letter-spacing:.05em;margin:0}.detail-context-title{font-size:var(--fontSizeBase500);line-height:var(--lineHeightBase500);color:var(--colorNeutralForeground1);margin:0}.detail-context-description,.detail-context-empty{color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);margin:0}.detail-context-tags{gap:var(--spacingXS);flex-wrap:wrap;display:flex}.detail-back-btn,.detail-image-link{min-height:40px;padding:var(--spacingS) var(--spacingL);border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase200);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.detail-back-btn{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground2)}.detail-image-link{border:var(--strokeWidthThin) solid var(--colorBrandStroke1);background:var(--colorNeutralBackground1);color:var(--colorBrandForeground1)}.detail-hero,.detail-section{background:var(--colorNeutralBackground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadius2XLarge);box-shadow:var(--shadow2)}.detail-hero{gap:var(--spacingXXL);padding:var(--spacingXXL);margin-bottom:var(--spacingL);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.detail-kicker{margin:0 0 var(--spacingXS);color:var(--colorBrandForeground1);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);font-weight:var(--fontWeightSemibold);letter-spacing:.04em;text-transform:uppercase}.detail-title-row{align-items:center;gap:var(--spacingS);margin-bottom:var(--spacingS);flex-wrap:wrap;display:flex}.detail-title{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05}.detail-meta{margin:0 0 var(--spacingL);color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase300)}.detail-description{color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase400);margin:0}.detail-spec-grid{gap:var(--spacingM);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-spec-card{padding:var(--spacingL);border-radius:var(--borderRadiusXLarge);background:var(--colorNeutralBackground3)}.detail-spec-label{margin-bottom:var(--spacingXS);color:var(--colorNeutralForeground4);font-size:var(--fontSizeBase100);text-transform:uppercase;display:block}.detail-spec-value{font-size:var(--fontSizeBase400);line-height:var(--lineHeightBase400);color:var(--colorNeutralForeground1)}.detail-section{padding:var(--spacingXL);margin-bottom:var(--spacingL)}.detail-section-header{justify-content:space-between;align-items:end;gap:var(--spacingM);margin-bottom:var(--spacingM);flex-wrap:wrap;display:flex}.detail-section-title{font-size:var(--fontSizeBase500);line-height:var(--lineHeightBase500);margin:0}.detail-section-copy,.detail-message{color:var(--colorNeutralForeground3);margin:0}.detail-state-card{gap:var(--spacingM);padding:var(--spacingXXL);background:var(--colorNeutralBackground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadius2XLarge);box-shadow:var(--shadow2);display:grid}.detail-state-title{color:var(--colorNeutralForeground1);margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.1}.detail-state-actions{gap:var(--spacingS);flex-wrap:wrap;display:flex}.detail-tag-list{gap:var(--spacingXS);flex-wrap:wrap;display:flex}.detail-learning-grid,.detail-guide-grid{gap:var(--spacingL);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.detail-learning-card,.detail-guide-card{gap:var(--spacingS);padding:var(--spacingL);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid #dbe7f1;background:#f8fbfe;display:grid}.detail-learning-card h3,.detail-guide-card h3{color:var(--colorNeutralForeground1);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);margin:0}.detail-learning-card p,.detail-guide-card p{color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);margin:0}.detail-learning-card strong,.detail-guide-card strong{color:var(--colorBrandForeground1);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase300)}.similar-bike-grid{gap:var(--spacingL);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.similar-bike-card{gap:var(--spacingM);padding:var(--spacingL);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground1);color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.similar-bike-card:hover{box-shadow:var(--shadow8);border-color:var(--colorBrandStroke1);transform:translateY(-2px)}.similar-bike-header{gap:var(--spacingXXS);flex-direction:column;display:flex}.similar-bike-header span{color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200)}.similar-bike-meta{gap:var(--spacingXS);color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase200);flex-wrap:wrap;display:flex}.similar-bike-reason{color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase300);margin:0}.similar-bike-tags{gap:var(--spacingXS);flex-wrap:wrap;display:flex}.active-filters-list{gap:var(--spacingS);flex-wrap:wrap;min-width:0;display:flex}.active-filter-chip{align-items:center;gap:var(--spacingXS);min-height:32px;padding:var(--spacingXS) var(--spacingM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusCircular);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground2);cursor:pointer;font-size:var(--fontSizeBase200);font-family:var(--fontFamilyBase);transition:background .15s,border-color .15s,color .15s;display:inline-flex}.active-filter-chip:hover{border-color:var(--colorBrandStroke1);color:var(--colorBrandForeground1);background:#e8f4fd}.active-filter-chip-remove{font-size:var(--fontSizeBase300);line-height:1}.card-grid{gap:var(--spacingXL);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.comparison-panel{gap:var(--spacingM);padding:var(--spacingL);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid #d8e6f3;background:linear-gradient(#f8fbfe 0%,#eef5fd 100%);display:grid}.comparison-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--spacingM);min-width:0;display:flex}.comparison-panel-header>*{min-width:0}.comparison-panel-title{margin-bottom:var(--spacingXS)}.comparison-panel-copy,.comparison-empty-note{color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);margin:0}.comparison-chip-list{gap:var(--spacingXS);flex-wrap:wrap;display:flex}.bike-card{background:var(--colorNeutralCardBackground);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);box-shadow:var(--shadow2);cursor:default;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.bike-card[role=link]{cursor:pointer}.bike-card:hover{box-shadow:var(--shadow8);transform:translateY(-2px)}.bike-card[role=link]:focus-visible{outline:var(--strokeWidthThick) solid var(--colorBrandStroke1);outline-offset:var(--spacingXXS)}.card-body{gap:var(--spacingM);padding:var(--spacingL) var(--spacingXL) var(--spacingXL);flex-direction:column;flex:1;display:flex}.card-header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacingS);margin-bottom:var(--spacingXS);display:flex}.card-header-left{align-items:flex-start;gap:var(--spacingS);flex:1;min-width:0;display:flex}.card-header-right{align-items:center;gap:var(--spacingXS);flex-shrink:0;display:flex}.card-title{font-size:var(--fontSizeBase400);font-weight:var(--fontWeightBold);line-height:var(--lineHeightBase400);color:var(--colorNeutralForeground1);letter-spacing:-.01em;margin:0}.card-title-block{gap:var(--spacingXS);min-width:0;display:grid}.card-title-row{align-items:center;gap:var(--spacingS);flex-wrap:wrap;display:flex}.card-year{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground4);flex-shrink:0}.card-maker{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);color:var(--colorNeutralForeground3)}.card-description{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);color:var(--colorNeutralForeground2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.card-metric-grid{gap:var(--spacingS);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-metric{gap:var(--spacingXXS);padding:var(--spacingM);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid #dbe7f1;background:#f8fbfe;display:grid}.card-metric-label{color:var(--colorNeutralForeground4);font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);text-transform:uppercase;letter-spacing:.03em}.card-metric-value{color:var(--colorNeutralForeground1);font-size:var(--fontSizeBase400);line-height:var(--lineHeightBase400)}.card-fact-list{gap:var(--spacingS) var(--spacingL);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.card-fact-item{gap:var(--spacingXXS);display:grid}.card-fact-item dt{color:var(--colorNeutralForeground4);font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);text-transform:uppercase;letter-spacing:.02em}.card-fact-item dd{color:var(--colorNeutralForeground1);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);font-weight:var(--fontWeightSemibold);margin:0}.card-running-cost{gap:var(--spacingXS) var(--spacingM);padding:var(--spacingS) var(--spacingM);border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground2);background:#f9f5e8;flex-wrap:wrap;display:flex}.running-cost-label{width:100%;font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase100);color:var(--colorNeutralForeground4);text-transform:uppercase;letter-spacing:.02em}.card-tags{gap:var(--spacingXS);flex-wrap:wrap;display:flex}.card-tag-section{gap:var(--spacingS);margin-top:auto;display:grid}.card-tag-heading-row{justify-content:space-between;align-items:center;gap:var(--spacingS);display:flex}.card-tag-heading{color:var(--colorNeutralForeground1);font-size:var(--fontSizeBase200)}.card-tag-hint,.card-tag-more{color:var(--colorNeutralForeground4);font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100)}.card-tag{font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightMedium);color:var(--colorBrandForeground2);border-radius:var(--borderRadiusCircular);padding:var(--spacingXXS) var(--spacingS);background:#e8f4fd;display:inline-block}.card-tag-button{cursor:pointer;border:1px solid #0000;transition:background .15s,color .15s,border-color .15s}.card-tag-button:hover{background:#d7ebfc}.card-tag-active{background:var(--colorBrandBackground);color:#fff;border-color:var(--colorBrandBackground)}.compare-btn{width:auto;padding:var(--spacingXS) var(--spacingM);font-size:var(--fontSizeBase200);font-family:var(--fontFamilyBase);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground2);cursor:pointer;transition:all .15s}.compare-btn:hover:not(:disabled){background:var(--colorNeutralBackground3)}.compare-btn:disabled{opacity:.4;cursor:not-allowed}.compare-btn-active{color:var(--colorBrandForeground1);border-color:var(--colorBrandStroke1);background:#e8f4fd}.card-actions{gap:var(--spacingS);flex-wrap:wrap;display:flex}.card-link-btn{min-height:36px;padding:var(--spacingXS) var(--spacingM);border-radius:var(--borderRadiusMedium);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);justify-content:center;align-items:center;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.card-link-btn:hover{background:var(--colorNeutralBackground3);border-color:var(--colorNeutralForeground4)}.compare-tray{background:var(--colorNeutralBackground1);border-top:var(--strokeWidthThin) solid var(--colorNeutralStroke1);z-index:200;padding:var(--spacingM) var(--spacingXXL);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}.compare-tray-content{align-items:center;gap:var(--spacingM);max-width:1200px;margin:0 auto;display:flex}.compare-tray-label{font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground1);flex-shrink:0}.compare-tray-bikes{gap:var(--spacingXS);flex:1;display:flex;overflow-x:auto}.compare-tray-chip{align-items:center;gap:var(--spacingXS);color:var(--colorBrandForeground1);padding:var(--spacingXS) var(--spacingS);border-radius:var(--borderRadiusCircular);font-size:var(--fontSizeBase200);white-space:nowrap;background:#e8f4fd;display:flex}.compare-chip-remove{color:var(--colorBrandForeground1);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.compare-tray-open{padding:var(--spacingS) var(--spacingXL);background:var(--colorBrandBackground);color:#fff;border-radius:var(--borderRadiusMedium);cursor:pointer;font-size:var(--fontSizeBase300);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);border:none;flex-shrink:0;transition:background .15s}.compare-tray-open:hover:not(:disabled){background:var(--colorBrandBackgroundHover)}.compare-tray-open:disabled{opacity:.5;cursor:not-allowed}.help-modal-overlay{z-index:350;padding:var(--spacingXXL);background:#0f172a7a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{background:var(--colorNeutralBackground1);border-radius:var(--borderRadius2XLarge);width:min(1040px,100%);max-height:88vh;box-shadow:var(--shadow16);overflow:auto}.help-modal-header{justify-content:space-between;align-items:flex-start;gap:var(--spacingL);padding:var(--spacingXXL);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);display:flex}.help-modal-kicker{margin:0 0 var(--spacingXS);font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);color:var(--colorBrandForeground1);font-weight:var(--fontWeightSemibold);letter-spacing:.05em;text-transform:uppercase}.help-modal-header h2{color:var(--colorNeutralForeground1);margin:0;font-size:clamp(24px,2vw,32px);line-height:1.2}.help-modal-close{color:var(--colorNeutralForeground3);cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1}.help-modal-body{gap:var(--spacingXXL);padding:var(--spacingXXL);display:grid}.help-modal-body-split{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start}.help-modal-copy{gap:var(--spacingL);display:grid}.help-modal-summary{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase400);color:var(--colorNeutralForeground2);margin:0}.help-modal-section{gap:var(--spacingS);display:grid}.help-modal-section h3{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase300);color:var(--colorNeutralForeground1);margin:0}.help-modal-section p{color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);margin:0}.help-modal-list{color:var(--colorNeutralForeground2);gap:var(--spacingXS);line-height:var(--lineHeightBase300);margin:0;padding-left:20px;display:grid}.help-modal-mode-note{font-size:var(--fontSizeBase200);color:var(--colorNeutralForeground3)}.help-modal-tag-list{gap:var(--spacingXS);flex-wrap:wrap;display:flex}.help-modal-tag{min-height:28px;padding:0 var(--spacingM);border-radius:var(--borderRadiusCircular);color:var(--colorBrandForeground1);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);background:#eef5ff;align-items:center;display:inline-flex}.help-no-data-note{padding:var(--spacingM);border-radius:var(--borderRadiusLarge);color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);background:#fff7dd;margin:0}.help-visual-card{gap:var(--spacingL);padding:var(--spacingL);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid #d7e5f1;background:linear-gradient(#fbfdff 0%,#f3f8fd 100%);display:grid}.help-silhouette-stage{aspect-ratio:16/9;border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid #d7e5f1;background:radial-gradient(circle at 50% 72%,#d0eafbf2 0,#d0eafbb3 22%,#0000 56%),linear-gradient(#fff 0%,#eff6fb 100%);position:relative;overflow:hidden}.help-silhouette-image{object-fit:cover;object-position:center 34%;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.help-focus-point{pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.help-focus-point:before{content:"";border-radius:var(--borderRadiusCircular);width:14px;height:14px;position:absolute;box-shadow:0 0 0 8px #2563eb24}.help-focus-point span{border-radius:var(--borderRadiusCircular);border:var(--strokeWidthThin) solid currentColor;font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);white-space:nowrap;background:#fffffff5;padding:4px 10px;position:relative;left:18px}.help-focus-powertrain{color:#c25100}.help-focus-powertrain:before{background:#ff8f3c}.help-focus-chassis{color:#0c7f66}.help-focus-chassis:before{background:#14b8a6}.help-focus-control{color:#1d4ed8}.help-focus-control:before{background:#3b82f6}.help-focus-brake{color:#b42318}.help-focus-brake:before{background:#ef4444}.help-focus-cargo{color:#6b4c9a}.help-focus-cargo:before{background:#8b5cf6}.help-focus-rider{color:#8a5319}.help-focus-rider:before{background:#f59e0b}.help-visual-legend{gap:var(--spacingM);display:grid}.help-legend-item{gap:var(--spacingS);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.help-legend-item strong{color:var(--colorNeutralForeground1);margin-bottom:4px;display:block}.help-legend-item p{color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);margin:0}.help-legend-dot{border-radius:var(--borderRadiusCircular);width:12px;height:12px;margin-top:4px}.compare-overlay{z-index:300;padding:var(--spacingXXL);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.compare-modal{background:var(--colorNeutralBackground1);border-radius:var(--borderRadius2XLarge);box-shadow:var(--shadow16);flex-direction:column;width:100%;max-width:800px;max-height:80vh;display:flex}.compare-modal-header{padding:var(--spacingXL);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);justify-content:space-between;align-items:center;display:flex}.compare-modal-header h2{font-size:var(--fontSizeBase500);color:var(--colorNeutralForeground1);margin:0}.compare-modal-close{color:var(--colorNeutralForeground3);cursor:pointer;padding:var(--spacingXS);background:0 0;border:none;font-size:24px}.compare-table-wrap{padding:var(--spacingXL);overflow:auto}.compare-table{border-collapse:collapse;width:100%;font-size:var(--fontSizeBase300)}.compare-table th,.compare-table td{padding:var(--spacingS) var(--spacingM);text-align:left;border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke3)}.compare-table th{font-weight:var(--fontWeightSemibold);color:var(--colorBrandForeground1)}.compare-label{font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground3);white-space:nowrap}.compare-diff{font-weight:var(--fontWeightSemibold);background:#fffde7}.favorite-btn{cursor:pointer;color:var(--colorNeutralForeground4);padding:var(--spacingXXS);background:0 0;border:none;flex-shrink:0;font-size:18px;line-height:1;transition:color .15s}.favorite-btn:hover,.favorite-active{color:#e74c3c}.status-badge{padding:var(--spacingXXS) var(--spacingS);border-radius:var(--borderRadiusSmall);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);flex-shrink:0}.status-discontinued{background:var(--colorStatusDangerBackground1);color:var(--colorStatusDangerForeground1)}.card-model-code{font-size:var(--fontSizeBase200);color:var(--colorNeutralForeground4)}.spec-highway-ok{color:#0e7a0d;font-weight:var(--fontWeightBold)}.spec-highway-ng{color:var(--colorStatusDangerForeground1);font-weight:var(--fontWeightBold)}.spec-foot-reach{font-weight:var(--fontWeightBold);padding:var(--spacingXXS) var(--spacingXS);border-radius:var(--borderRadiusSmall);color:var(--colorBrandForeground1);background:#e8f4fd}.market-availability{font-weight:var(--fontWeightBold)}.market-current{color:#0e7a0d}.market-high{color:var(--colorBrandForeground1)}.market-medium{color:#a06300}.market-low{color:var(--colorStatusDangerForeground1)}.filter-actions{gap:var(--spacingS);margin-bottom:var(--spacingM);flex-direction:column;display:flex}.btn-copy-url{width:100%;padding:var(--spacingXS) var(--spacingM);font-size:var(--fontSizeBase200);font-family:var(--fontFamilyBase);border:var(--strokeWidthThin) solid var(--colorBrandStroke1);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);color:var(--colorBrandForeground1);cursor:pointer;flex:none;transition:all .15s}.btn-copy-url:hover{background:#e8f4fd}.filter-checkbox{align-items:center;gap:var(--spacingS);font-size:var(--fontSizeBase200);color:var(--colorNeutralForeground2);cursor:pointer;margin-top:var(--spacingS);display:flex}.pagination{justify-content:center;align-items:center;gap:var(--spacingXS);margin-top:var(--spacingXXL);padding:var(--spacingL) 0;flex-wrap:wrap;display:flex}.pagination-summary{margin-right:var(--spacingS);color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200)}.pagination-ellipsis{min-width:36px;height:36px;color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase300);justify-content:center;align-items:center;display:inline-flex}.pagination-btn{min-width:36px;height:36px;padding:var(--spacingXS) var(--spacingS);font-size:var(--fontSizeBase200);font-family:var(--fontFamilyBase);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground2);cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background:var(--colorNeutralBackground3);border-color:var(--colorNeutralForeground4)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn-active{background:var(--colorBrandBackground);color:#fff;border-color:var(--colorBrandBackground)}.pagination-btn-active:hover{background:var(--colorBrandBackgroundHover)}.no-results{color:var(--colorNeutralForeground4);text-align:center;padding:60px var(--spacingXXL);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);grid-column:1/-1}.empty-state-panel{gap:var(--spacingM);padding:var(--spacingXXL);background:var(--colorNeutralBackground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadius2XLarge);box-shadow:var(--shadow2);display:grid}.empty-state-kicker{color:var(--colorBrandForeground1);font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);font-weight:var(--fontWeightSemibold);text-transform:uppercase;letter-spacing:.05em;margin:0}.empty-state-title{color:var(--colorNeutralForeground1);margin:0;font-size:clamp(24px,2.8vw,32px);line-height:1.15}.empty-state-copy{color:var(--colorNeutralForeground2);line-height:var(--lineHeightBase300);margin:0}.empty-state-filter-list{gap:var(--spacingXS)}.mobile-sidebar-footer{display:none}@media (width<=768px){.sidebar-toggle{display:flex}.help-modal-overlay,.help-modal-header,.help-modal-body{padding:var(--spacingL)}.help-modal-body-split{grid-template-columns:1fr}.help-focus-point span{white-space:normal;max-width:120px;left:14px}.sidebar{left:calc(-1 * var(--sidebar-width) - 20px);z-index:100;height:100vh;width:var(--sidebar-width);min-width:var(--sidebar-width);box-shadow:var(--shadow16);transition:left .25s;position:fixed;top:0}.sidebar-open{left:0}.sidebar-overlay{z-index:99;background:#0006;display:block;position:fixed;inset:0}.card-grid{grid-template-columns:1fr}.main-content{padding:var(--spacingL)}.catalog-structure-grid,.catalog-step-grid{grid-template-columns:1fr}.catalog-structure-header{align-items:center}.inline-help-panel{width:min(280px,100vw - 56px)}.catalog-structure-card,.detail-context-card,.empty-state-panel{padding:var(--spacingL)}.catalog-structure-actions,.comparison-panel-actions,.empty-state-actions{flex-direction:column}.catalog-structure-actions>.btn-copy-url,.comparison-panel-actions>.btn-copy-url,.comparison-panel-actions>.compare-tray-open,.empty-state-actions>.btn-copy-url,.empty-state-actions>.btn-clear{width:100%}.comparison-panel-header{flex-direction:column}.app-header{padding:0 var(--spacingL);min-height:136px}.header-shell{padding:var(--spacingS) 0 var(--spacingM);grid-template-rows:auto auto}.header-content{flex-wrap:wrap;align-items:flex-start}.header-active-filters{gap:var(--spacingXS);grid-template-columns:1fr}.header-active-filters-meta{white-space:normal}.header-active-filters-list{gap:var(--spacingXS)}.catalog-status-summary,.catalog-status-banner,.card-actions,.detail-state-actions{flex-direction:column;align-items:stretch}.card-metric-grid,.card-fact-list,.detail-learning-grid,.detail-guide-grid{grid-template-columns:1fr}.mobile-sidebar-footer{bottom:calc(-1 * var(--spacingXL));gap:var(--spacingM);margin-top:var(--spacingL);padding:var(--spacingL) 0 0;background:linear-gradient(180deg, #fff0 0%, var(--colorNeutralBackground1) 22%);display:grid;position:sticky}.mobile-sidebar-footer-copy{gap:var(--spacingXXS);padding:var(--spacingM);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground1);display:grid}.mobile-sidebar-footer-copy strong{color:var(--colorNeutralForeground1);font-size:var(--fontSizeBase300)}.mobile-sidebar-footer-copy span{color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200)}.mobile-sidebar-close{width:100%}.detail-page{padding:var(--spacingL)}.detail-toolbar{flex-direction:column;align-items:stretch}.detail-state-card{padding:var(--spacingL)}.detail-hero{padding:var(--spacingL);grid-template-columns:1fr}.detail-spec-grid{grid-template-columns:1fr}.detail-section{padding:var(--spacingL)}}.sidebar::-webkit-scrollbar{width:var(--spacingSNudge)}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--colorNeutralStroke1);border-radius:var(--borderRadiusCircular)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--colorNeutralForeground4)}:focus-visible{outline:var(--strokeWidthThick) solid var(--colorBrandStroke1);outline-offset:var(--spacingXXS)}input:focus-visible{outline:none}