.hero{background:var(--color-primary-bg);padding:var(--spacing-3xl) 0}@media(min-width:1024px){.hero{padding:var(--spacing-4xl) 0}}.hero__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}@media(min-width:1024px){.hero__title{font-size:var(--font-size-4xl)}}.hero__subtitle{margin-top:var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:var(--max-width-narrow);margin-left:auto;margin-right:auto}@media(max-width:639px){.hero__subtitle{font-size:var(--font-size-base)}}.hero__search-slot{margin-top:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.region-grid{padding:var(--spacing-2xl) 0}.region-grid__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.region-grid__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);text-align:center}@media(min-width:1024px){.region-grid__title{font-size:var(--font-size-3xl)}}.region-grid__subtitle{margin-top:var(--spacing-sm);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.region-grid__list{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}@media(min-width:640px){.region-grid__list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.region-grid__list{grid-template-columns:repeat(3,1fr)}}.region-grid__item{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.region-grid__item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.region-grid__link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.region-grid__link:hover{color:var(--color-primary)}.region-grid__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.search-bar{position:relative;width:100%}.search-bar__input-wrapper{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:var(--spacing-md);color:var(--color-text-tertiary);pointer-events:none}.search-bar__input{width:100%;height:48px;padding:0 var(--spacing-lg) 0 calc(var(--spacing-md) + 28px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar__input::placeholder{color:var(--color-text-tertiary)}.search-bar__input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.search-bar__spinner{position:absolute;right:var(--spacing-md);width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:search-spin .6s linear infinite}.search-bar__results{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:100;list-style:none;padding:var(--spacing-xs);margin:0}.search-bar__result{border-radius:var(--radius-md)}.search-bar__result--active,.search-bar__result:hover{background:var(--color-surface-alt)}.search-bar__result-link{display:block;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--color-text-primary)}.search-bar__result-title{display:block;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.search-bar__result-excerpt{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);line-height:var(--line-height-base)}.search-bar__result-excerpt mark{background:var(--color-primary-bg);color:var(--color-primary-dark);border-radius:2px;padding:0 2px}@keyframes search-spin{to{transform:rotate(360deg)}}