/* HLAB-RULES: /page-hlb-design-template.php
 * 公開利用案内：基本デザインへの段階的な移行 v1.0.0 / 2026-10-16
 * visual_style=standardを指定した説明ページだけで読み込む。
 */
.hlab-detail-standard-page{margin:0}
.hlab-detail--standard .hlab-public-pages__page{padding-top:22px;padding-bottom:48px}
.hlab-detail--standard .hlab-public-pages__master-hero{border-radius:28px;margin-bottom:24px}
.hlab-detail--standard .hlab-public-pages__master-title{font-size:clamp(26px,2.7vw,34px);line-height:1.45;text-wrap:balance}
.hlab-detail--standard .hlab-public-pages__master-lead{font-size:16px;line-height:1.85;font-weight:650}
.hlab-detail--standard .hlab-public-pages__device{font-size:14px;line-height:1.7}
.hlab-detail--standard .hlab-button{font-size:16px;min-height:50px;max-width:100%;line-height:1.6;text-align:center;overflow-wrap:anywhere;text-decoration:none}
.hlab-detail--standard .hlab-public-pages__master-actions{gap:10px}
.hlab-detail--standard .hlab-public-pages__master-image{border-radius:24px;max-height:280px}
.hlab-detail--standard .hlab-public-pages__content-block{margin-bottom:24px;padding:28px;border-radius:24px}
.hlab-detail--standard .hlab-public-pages__content-block h2{font-size:clamp(22px,2.2vw,28px);line-height:1.55;margin:0 0 14px;text-wrap:balance}
.hlab-detail--standard .hlab-public-pages__section-label{font-size:14px;letter-spacing:.06em;margin:0 0 8px}
.hlab-detail--standard .hlab-public-pages__feature-grid{gap:14px;margin-top:18px}
.hlab-detail--standard .hlab-public-pages__feature-card{min-width:0;padding:20px;border-radius:16px;background:#fffaf0}
.hlab-detail--standard .hlab-public-pages__feature-card h3{font-size:20px;line-height:1.5;margin-top:12px}
.hlab-detail--standard .hlab-public-pages__feature-card p{font-size:16px;line-height:1.85}
.hlab-detail--standard .hlab-standard__number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--hl-orange-dark);color:#fff;font-size:16px;font-weight:900}
body .hlab-detail--standard .hlab-operation-flow[data-hlab-operation-flow]{margin:16px 0 0;padding:14px}
body .hlab-detail--standard .hlab-operation-steps[data-hlab-operation-steps]>div{align-items:start;padding:14px 12px;row-gap:8px}
body .hlab-detail--standard .hlab-operation-steps[data-hlab-operation-steps]>div>strong{font-size:17px;line-height:1.5}
body .hlab-detail--standard .hlab-operation-steps[data-hlab-operation-steps]>div>small{font-size:16px;line-height:1.8}
.hlab-detail--standard .hlab-standard__start{border-color:rgba(240,138,0,.35);background:linear-gradient(145deg,#fffdf8,#fff2dc)}
.hlab-detail--standard .hlab-standard__notes{margin:0 0 20px;padding-left:1.5em;font-size:16px;line-height:1.85}
.hlab-detail--standard .hlab-standard__notes li+li{margin-top:8px}
.hlab-detail--standard .hlab-standard__start p{font-size:16px;line-height:1.85}
.hlab-detail--standard .hlab-standard__start a:not(.hlab-button){text-decoration:underline;text-underline-offset:4px}
.hlab-detail--standard .hlab-catalog__breadcrumb{overflow-wrap:anywhere;line-height:1.8}
.hlab-detail--standard a:focus-visible{outline:3px solid #985000;outline-offset:4px}
@media(max-width:900px){
  .hlab-detail--standard .hlab-public-pages__master-hero{grid-template-columns:minmax(0,1fr);gap:20px}
  .hlab-detail--standard .hlab-public-pages__master-visual{max-width:460px;margin-inline:auto}
  .hlab-detail--standard .hlab-public-pages__feature-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .hlab-detail--standard .hlab-public-pages__page{padding-top:16px}
  .hlab-detail--standard .hlab-public-pages__master-hero{padding:20px 16px;border-radius:24px}
  .hlab-detail--standard .hlab-public-pages__master-title{font-size:26px}
  .hlab-detail--standard .hlab-public-pages__master-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .hlab-detail--standard .hlab-public-pages__content-block{padding:22px 16px;border-radius:22px}
  .hlab-detail--standard .hlab-public-pages__feature-card{padding:18px}
  .hlab-detail--standard .sz-field{display:grid;grid-template-columns:minmax(0,1fr)}
  .hlab-detail--standard .sz-field label,.hlab-detail--standard .sz-field input{display:block;width:100%}
}