.housework-pilot { --ui2-hub-accent: var(--ui2-housework-accent); padding-block: var(--ui2-space-lg) var(--ui2-space-2xl); }
.housework-breadcrumb { margin-bottom: var(--ui2-space-lg); }
.housework-hero { margin-bottom: var(--ui2-space-xl); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr); gap: var(--ui2-space-xl); align-items: center; }
.housework-hero--hub { padding: var(--ui2-space-xl); background: var(--ui2-pastel-yellow); border-top: 5px solid var(--ui2-housework-accent); border-radius: var(--ui2-radius-lg); }
.housework-hero__copy { min-width: 0; }
.housework-eyebrow { margin: 0 0 var(--ui2-space-sm); color: var(--ui2-housework-accent); font-size: var(--ui2-type-metadata-size); font-weight: var(--ui2-type-metadata-weight); letter-spacing: .08em; text-transform: uppercase; }
.housework-hero h1 { margin: 0 0 var(--ui2-space-md); overflow-wrap: anywhere; }
.housework-hero__media img, .housework-tools img, .housework-step img, .housework-mistake img, .housework-related img, .housework-guide-card img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: var(--ui2-surface-muted); border-radius: var(--ui2-radius-md); }
.housework-collections .ui2-hub-card { overflow: hidden; }
.housework-collections .ui2-hub-card > img { display: block; width: 100%; height: auto; max-height: 230px; aspect-ratio: 16 / 9; object-fit: cover; background: var(--ui2-surface-muted); }
.housework-actions { display: flex; flex-wrap: wrap; gap: var(--ui2-space-sm); align-items: center; }
.housework-icon-favorite { min-width: 44px; min-height: 44px; font-size: 1.45rem; }
.housework-search-panel { margin-bottom: var(--ui2-space-xl); padding: var(--ui2-space-lg); display: grid; gap: var(--ui2-space-md); }
.housework-search-grid { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(150px, 1fr)); gap: var(--ui2-space-sm); }
.housework-field, .housework-filter { width: 100%; min-height: 48px; padding: 10px 12px; color: var(--ui2-text-primary); background: var(--ui2-surface); border: 1px solid var(--ui2-border); border-radius: var(--ui2-radius-sm); }
.housework-filter-actions, .housework-result-row { display: flex; flex-wrap: wrap; gap: var(--ui2-space-sm); align-items: center; justify-content: space-between; }
.housework-collections, .housework-guide-grid, .housework-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ui2-space-md); }
.housework-collections h2 a { min-height: 44px; display: inline-flex; align-items: center; color: var(--ui2-text-primary); }
.housework-section { margin-block: var(--ui2-space-xl); }
.housework-section > h2 { margin-bottom: var(--ui2-space-md); }
.housework-guide-card { overflow: hidden; }
.housework-card__body { padding: var(--ui2-space-md); }
.housework-card__body h2, .housework-card__body h3 { margin: 0 0 var(--ui2-space-sm); overflow-wrap: anywhere; }
.housework-card__body h2 a, .housework-card__body h3 a { min-height: 44px; display: inline-flex; align-items: center; color: var(--ui2-text-primary); }
.housework-card__meta { color: var(--ui2-text-secondary); font-size: var(--ui2-type-metadata-size); }
.housework-card__actions { display: flex; justify-content: space-between; align-items: center; gap: var(--ui2-space-sm); }
.housework-empty { padding: var(--ui2-space-lg); text-align: center; }
.housework-meta { margin-block: var(--ui2-space-lg); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ui2-space-sm); }
.housework-meta > div { padding: var(--ui2-space-md); background: var(--ui2-surface-muted); border-radius: var(--ui2-radius-sm); }
.housework-meta dt { color: var(--ui2-text-secondary); font-size: var(--ui2-type-metadata-size); font-weight: var(--ui2-type-metadata-weight); }
.housework-meta dd { margin: var(--ui2-space-xs) 0 0; font-weight: var(--ui2-type-h3-weight); overflow-wrap: anywhere; }
.housework-tools { padding: var(--ui2-space-lg); display: grid; grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); gap: var(--ui2-space-lg); align-items: center; }
.housework-step-grid, .housework-mistake-grid { display: grid; gap: var(--ui2-space-lg); }
.housework-step, .housework-mistake { padding: var(--ui2-space-md); display: grid; grid-template-columns: minmax(260px, 1fr) minmax(0, 1fr); gap: var(--ui2-space-lg); align-items: center; }
.housework-step__number { color: var(--ui2-housework-accent); font-weight: var(--ui2-type-h3-weight); }
.housework-warning { padding: var(--ui2-space-lg); border-left: 6px solid var(--ui2-warning); background: var(--ui2-pastel-yellow); }
.housework-warning[data-risk="HIGH"] { border-left-color: var(--ui2-danger); background: var(--ui2-pastel-red); }
.housework-warning__level { font-weight: var(--ui2-type-h3-weight); text-transform: uppercase; }
.housework-tip-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ui2-space-md); }
.housework-checklist { padding: var(--ui2-space-lg); display: grid; gap: var(--ui2-space-sm); }
.housework-check { min-height: 48px; padding: var(--ui2-space-sm); display: flex; gap: var(--ui2-space-sm); align-items: flex-start; border: 1px solid var(--ui2-border); border-radius: var(--ui2-radius-sm); }
.housework-check input { width: 22px; height: 22px; flex: 0 0 auto; }
.housework-check:has(input:checked) { border-color: var(--ui2-success); background: color-mix(in srgb, var(--ui2-success) 9%, var(--ui2-surface)); }
.housework-share { padding: var(--ui2-space-lg); }
.housework-choice { display: flex; flex-wrap: wrap; gap: var(--ui2-space-sm); }
.housework-choice label { min-height: 44px; padding: 9px 12px; display: inline-flex; align-items: center; gap: var(--ui2-space-xs); border: 1px solid var(--ui2-border); border-radius: var(--ui2-radius-pill); }
.housework-related article { overflow: hidden; }
.housework-related .housework-card__body { min-height: 110px; }
.housework-start-dialog { width: min(920px, calc(100% - 28px)); max-height: 90vh; padding: 0; color: var(--ui2-text-primary); background: var(--ui2-surface); border: 1px solid var(--ui2-border); border-radius: var(--ui2-radius-lg); box-shadow: var(--ui2-shadow-floating); }
.housework-start-dialog::backdrop { background: color-mix(in srgb, var(--ui2-brand-primary) 52%, transparent); }
.housework-dialog__head { padding: var(--ui2-space-md); display: flex; justify-content: space-between; gap: var(--ui2-space-md); align-items: center; border-bottom: 1px solid var(--ui2-border); }
.housework-dialog__body { padding: var(--ui2-space-lg); display: grid; grid-template-columns: minmax(280px, 1fr) minmax(0, 1fr); gap: var(--ui2-space-lg); }
.housework-dialog__body img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; border-radius: var(--ui2-radius-md); background: var(--ui2-surface-muted); }
.housework-dialog__actions { display: flex; flex-wrap: wrap; gap: var(--ui2-space-sm); }
.housework-qa-ribbon { padding: 8px var(--ui2-space-md); color: var(--ui2-surface); background: var(--ui2-brand-primary); font-size: var(--ui2-type-metadata-size); text-align: center; }
[hidden] { display: none !important; }
@media (max-width: 1024px) {
  .housework-search-grid { grid-template-columns: 1fr 1fr; }
  .housework-collections, .housework-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .housework-hero, .housework-tools, .housework-step, .housework-mistake, .housework-dialog__body { grid-template-columns: 1fr; }
  .housework-hero__media { order: -1; }
  .housework-meta, .housework-tip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .housework-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 430px) {
  .housework-pilot { padding-top: var(--ui2-space-md); }
  .housework-hero--hub, .housework-search-panel, .housework-tools, .housework-checklist, .housework-share { padding: var(--ui2-space-md); }
  .housework-search-grid, .housework-collections, .housework-guide-grid, .housework-meta, .housework-tip-grid, .housework-related-grid { grid-template-columns: 1fr; }
  .housework-filter-actions .ui2-button { flex: 1 1 140px; }
  .housework-dialog__body { padding: var(--ui2-space-md); }
}
@media print {
  .housework-search-panel, .housework-actions, .housework-share, .housework-start-dialog { display: none !important; }
  .housework-step, .housework-mistake { break-inside: avoid; }
}