/* ひとり商いラボ：値下げ・値上げの操作視野と説明 v1.1.0 / 2026-10-09
 * 無料版／会員版の4ページだけで読み込む。価格計算・選定・保存・認証は変更しない。
 */
.hlab-price-view-page .hlab-public-intro--tool {
  gap: 12px;
  margin: 12px 0 14px;
  padding: 12px 16px;
  border-radius: 16px;
}
.hlab-price-view-page .hlab-public-intro--tool .hlab-public-intro__title {
  font-size: 17px;
  line-height: 1.4;
}
.hlab-price-view-page .hlab-public-intro--tool .hlab-public-intro__description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.6;
}
.hlab-price-view-page .hlab-public-intro--tool > .hlab-button {
  min-height: 44px;
  padding: 8px 14px;
  font-size: 14px;
}
body.hlab-price-view-page .hlab-mercari-free .hlab-mercari-free__hero h1,
body.hlab-price-view-page .hlab-mercari-tool .hlab-mercari-tool__hero h1 {
  font-size: clamp(28px, 3.3vw, 36px);
  line-height: 1.25;
}
body.hlab-price-view-page .hlab-mercari-free .hlab-account__lead,
body.hlab-price-view-page .hlab-mercari-tool .hlab-account__lead {
  font-size: 14px;
  line-height: 1.62;
}
.hlab-price-view__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.hlab-price-view-page .hlab-price-view__hero-actions .hlab-button,
.hlab-price-view-page .hlab-mercari-free__hero-actions .hlab-button {
  min-height: 44px;
  padding: 10px 16px;
  font-size: 14px;
}
/* 操作を助ける短いフローは常時表示する。 */
.hlab-price-view-page .hlab-price-view__flow { margin: 12px 0; }
.hlab-price-view-page .hlab-price-view__flow h2 { margin: 0; font-size: 17px; line-height: 1.4; }
body.hlab-price-view-page .hlab-mercari-tool .hlab-price-view__flow .hlab-mercari-tool__steps,
body.hlab-price-view-page .hlab-mercari-free .hlab-price-view__flow .hlab-mercari-free__steps { margin: 8px 0; }
.hlab-price-view-page .hlab-price-view__flow .hlab-mercari-tool__intro-actions { margin-top: 8px; }
.hlab-price-view-page .hlab-price-view__flow .hlab-button { margin-top: 8px; min-height: 44px; font-size: 14px; }
.hlab-price-view-page .hlab-price-view__flow-body > a:last-child { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; font-size: 14px; font-weight: 800; color: #8a4600; text-decoration: underline; text-underline-offset: 3px; }
body.hlab-price-view-page .hlab-mercari-free .hlab-mercari-free__panel-head p,
body.hlab-price-view-page .hlab-mercari-tool .hlab-mercari-tool__panel-head p {
  font-size: 14px;
  line-height: 1.62;
}
.hlab-price-view-page [id] { scroll-margin-top: 96px; }
@media (max-width: 900px) {
  body.hlab-price-view-page .hlab-mercari-tool .sz-field,
  body.hlab-price-view-page .hlab-mercari-free .sz-field {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }
}
@media (max-width: 640px) {
  .hlab-price-view-page .hlab-mercari-tool [id] { scroll-margin-top: 144px; }
  .hlab-price-view-page .hlab-account__top-inner { flex-wrap: wrap; gap: 8px; }
  .hlab-price-view-page .hlab-account__top-actions { flex-wrap: wrap; gap: 6px; }
  .hlab-price-view-page .hlab-account__top-actions a { min-height: 44px; white-space: nowrap; }
  .hlab-price-view-page .hlab-mercari-free__top-actions a:first-child { display: inline-flex; }
  .hlab-price-view-page .hlab-public-intro--tool { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px 14px; }
  .hlab-price-view-page .hlab-public-intro--tool > .hlab-button { width: 100%; }
  body.hlab-price-view-page .hlab-mercari-tool .hlab-account__hero-copy,
  body.hlab-price-view-page .hlab-mercari-free .hlab-account__hero-copy { order: 1; }
  body.hlab-price-view-page .hlab-mercari-tool .hlab-account__hero-visual,
  body.hlab-price-view-page .hlab-mercari-free .hlab-account__hero-visual { order: 2; justify-content: flex-start; }
  body.hlab-price-view-page .hlab-mercari-free .hlab-mercari-free__hero h1,
  body.hlab-price-view-page .hlab-mercari-tool .hlab-mercari-tool__hero h1 { font-size: clamp(27px, 8vw, 34px); }
  .hlab-price-view__hero-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .hlab-price-view__hero-actions .hlab-button { width: 100%; }
  body.hlab-price-view-page .hlab-mercari-tool .sz-field,
  body.hlab-price-view-page .hlab-mercari-free .sz-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }
  .hlab-price-view-page .sz-field > label { display: block; }
}
@media (max-width: 360px) {
  .hlab-price-view-page [id] { scroll-margin-top: 144px; }
}