/* Shared Japanese host typography and soft cards. Inputs keep a visible boundary. */
:is(.host-color-ja, .host-design) {
    --host-shadow: 0 3px 16px rgb(0 0 0 / 7%);
    --host-title-size: 26px;
    --host-body-size: 15px;
    --host-caption-size: 13px;
    font-size: var(--host-body-size);
    line-height: 1.7;
}
:is(.host-color-ja, .host-design) :is(.host-home-heading, .host-step-heading h1, .host-request-title, .guest-page-heading),
:is(.host-color-ja, .host-design).host-ui :is(h1, h3) {
    font-size: var(--host-title-size);
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: -.4px;
}
:is(.host-color-ja, .host-design) :is(.host-request-section h2, .host-calendar-instruction, .host-request-response h2) { font-size: 18px; line-height: 1.5; font-weight: 600; }
:is(.host-color-ja, .host-design) .host-home-copy h2,
:is(.host-color-ja, .host-design) .host-experience-title { font-size: 16px; line-height: 1.5; font-weight: 600; }
:is(.host-color-ja, .host-design) :is(.host-step-heading p, .host-home-eyebrow, .host-home-copy p, .host-home-description, .host-calendar-notice, .host-calendar-help, .host-request-help, .host-request-facts dt, .host-request-received, .host-request-id) { font-size: var(--host-caption-size); }
:is(.host-color-ja, .host-design) form label { font-size: 14px; font-weight: 500; }
:is(.host-color-ja, .host-design) :is(.btn, .btn-my-red) { font-size: var(--host-body-size); }
:is(.host-color-ja, .host-design).host-ui .form-style-1 { box-shadow: none; }
:is(.host-color-ja, .host-design) .host-home-card { border: 0; border-radius: 16px; box-shadow: var(--host-shadow); }
:is(.host-color-ja, .host-design) .host-home-card:hover { background: #fff; box-shadow: 0 5px 22px rgb(0 0 0 / 11%); }
:is(.host-color-ja, .host-design) .host-home-notice { border: 0; border-radius: 16px; }
:is(.host-color-ja, .host-design) .host-home-complete { white-space: nowrap; }
:is(.host-color-ja, .host-design) :is(.host-request-card, .modal-content) { border-radius: 16px; }
:is(.host-color-ja, .host-design) .form-control { border: 1px solid #b0b0b0; box-shadow: none; }
:is(.host-color-ja, .host-design) .uploadButton { border-radius: 16px; background: var(--host-surface); }
:is(.host-color-ja, .host-design) .host-step-heading { width: 100%; min-width: 0; }

/* Experience management: one photo card and two visible actions per listing. */
:is(.host-color-ja, .host-design) .host-catalog-shell { width: calc(100% - 48px); max-width: 1000px; margin: 32px auto 56px; }
:is(.host-color-ja, .host-design) .host-catalog-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
:is(.host-color-ja, .host-design) .host-catalog-heading h1 { margin: 0; }
:is(.host-color-ja, .host-design) .host-catalog-add { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--host-line); border-radius: 12px; font-size: 14px; font-weight: 500; text-decoration: none; }
:is(.host-color-ja, .host-design) .host-catalog-add:hover { background: var(--host-surface); }
:is(.host-color-ja, .host-design) .host-experience-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
:is(.host-color-ja, .host-design) .host-experience-card { min-width: 0; overflow: hidden; border: 0; border-radius: 18px; background: #fff; box-shadow: var(--host-shadow); }
:is(.host-color-ja, .host-design) .host-experience-photo { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
:is(.host-color-ja, .host-design) .host-experience-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--host-muted); background: var(--host-surface); font-size: 14px; }
.host-experience-placeholder > span { font-size: 30px; font-weight: 300; }
:is(.host-color-ja, .host-design) .host-experience-body { padding: 20px; }
:is(.host-color-ja, .host-design) .host-experience-title { margin: 0 0 10px; color: var(--host-ink); overflow-wrap: anywhere; }
:is(.host-color-ja, .host-design) .host-experience-state { display: inline-flex; align-items: center; gap: 6px; color: var(--host-muted); font-size: 12px; }
.host-experience-state::before { content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--host-success); }
:is(.host-color-ja, .host-design) .host-experience-state.is-draft { color: var(--host-coral-ink); }
.host-experience-state.is-draft::before { background: var(--host-red); }
:is(.host-color-ja, .host-design) .host-experience-actions { display: flex; align-items: center; gap: 20px; margin-top: 20px; }
.host-experience-actions form { flex: 1; margin: 0; }
:is(.host-color-ja, .host-design) .host-experience-actions .btn { width: 100%; min-height: 44px; border-radius: 10px; }
:is(.host-color-ja, .host-design) .host-catalog-view { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: underline; }
:is(.host-color-ja, .host-design) .host-catalog-more { margin-top: 16px; font-size: 13px; }
:is(.host-color-ja, .host-design) .host-catalog-more summary { display: flex; align-items: center; justify-content: space-between; min-height: 36px; color: var(--host-muted); cursor: pointer; list-style: none; }
.host-catalog-more summary::-webkit-details-marker { display: none; }
.host-catalog-more summary::after { content: '+'; font-size: 20px; font-weight: 300; }
.host-catalog-more[open] summary::after { content: '−'; }
.host-catalog-more form { margin: 8px 0 0; }
:is(.host-color-ja, .host-design) .host-catalog-setting { min-height: 44px; padding: 6px 0; border: 0; background: transparent; color: var(--host-ink); font: inherit; text-decoration: underline; text-underline-offset: 3px; }
:is(.host-color-ja, .host-design) .host-catalog-setting:focus-visible,
:is(.host-color-ja, .host-design) .host-catalog-more summary:focus-visible { outline: 2px solid var(--host-ink); outline-offset: 3px; }
@media (max-width: 767px) {
    :is(.host-color-ja, .host-design) { --host-title-size: 24px; }
    :is(.host-color-ja, .host-design) .host-catalog-shell { width: calc(100% - 40px); margin-top: 24px; }
    :is(.host-color-ja, .host-design) .host-catalog-heading { gap: 12px; margin-bottom: 24px; }
    :is(.host-color-ja, .host-design) .host-catalog-add { padding: 8px 12px; font-size: 13px; }
    :is(.host-color-ja, .host-design) .host-experience-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

/* Shared layout rhythm: one gutter, two readable content widths, one control height. */
html:has(> body:is(.host-color-ja, .host-design)) { scrollbar-gutter: stable; }
:is(.host-color-ja, .host-design) {
    --host-gutter: 32px;
    --host-content-max: 1000px;
    --host-form-max: 600px;
    --host-page-top: 24px;
    --host-section-gap: 24px;
    --host-card-gap: 24px;
    --host-control-height: 52px;
}
/* The legacy header adds three line breaks. Use a fixed header inset instead. */
:is(.host-color-ja, .host-design):not(.host-chat-page) { padding-top: 64px; }
:is(.host-color-ja, .host-design) > .navbar-fixed-top + br,
:is(.host-color-ja, .host-design) > .navbar-fixed-top + br + br,
:is(.host-color-ja, .host-design) > .navbar-fixed-top + br + br + br { display: none; }
:is(.host-color-ja, .host-design) .navbar-fixed-top { height: 64px; min-height: 64px; padding: 0; }
:is(.host-color-ja, .host-design) .navbar-fixed-top > .container { width: calc(100% - 2 * var(--host-gutter)); max-width: var(--host-content-max); height: 64px; padding: 0; }
:is(.host-color-ja, .host-design) .navbar-fixed-top .navbar-header { margin: 0; }
:is(.host-color-ja, .host-design) .navbar-fixed-top .navbar-brand { display: flex; align-items: center; height: 64px; margin: 0; padding: 0; }

:is(.host-color-ja, .host-design) :is(.host-home-shell, .host-catalog-shell) {
    width: calc(100% - 2 * var(--host-gutter));
    max-width: var(--host-content-max);
    margin: var(--host-page-top) auto 56px;
}
:is(.host-color-ja, .host-design).host-ui > .container-fluid {
    width: calc(100% - 2 * var(--host-gutter));
    max-width: var(--host-form-max);
    margin: var(--host-page-top) auto 56px;
    padding: 0;
}
:is(.host-color-ja, .host-design).host-ui > .container-fluid > .row,
:is(.host-color-ja, .host-design).host-ui > .container-fluid > form > .row { margin-right: 0; margin-left: 0; }
:is(.host-color-ja, .host-design).host-ui > .container-fluid > .row > [class*="col-sm-"]:not(:empty),
:is(.host-color-ja, .host-design).host-ui > .container-fluid > form > .row > [class*="col-sm-"]:not(:empty) { float: none; flex: 0 0 100%; width: 100%; max-width: none; margin: 0; padding: 0; }
:is(.host-color-ja, .host-design).host-ui > .container-fluid > form > .row > [class*="col-sm-"]:empty { display: none; }
:is(.host-color-ja, .host-design).host-ui > .container-fluid :is(h1, h3):first-child { margin-top: 0; }
:is(.host-color-ja, .host-design).host-ui .form-style-1 {
    width: calc(100% - 2 * var(--host-gutter));
    max-width: var(--host-form-max);
    margin: var(--host-section-gap) auto 56px;
    padding: 0;
}
:is(.host-color-ja, .host-design).host-ui .container-fluid .form-style-1 { width: 100%; margin: var(--host-section-gap) 0; padding: 0; }
:is(.host-color-ja, .host-design).host-ui .form-style-1 > li { margin-bottom: var(--host-section-gap); }
:is(.host-color-ja, .host-design).host-ui .form-style-1 > li:last-child { margin-bottom: 0; }
:is(.host-color-ja, .host-design).host-ui .form-style-1 h1 { margin-top: 0; }
:is(.host-color-ja, .host-design).host-ui .host-step-heading {
    width: calc(100% - 2 * var(--host-gutter));
    max-width: var(--host-form-max);
    margin: var(--host-page-top) auto 20px;
    padding: 0;
}
:is(.host-color-ja, .host-design).host-ui > .progress { width: calc(100% - 2 * var(--host-gutter)); max-width: var(--host-form-max); margin-right: auto; margin-left: auto; }
:is(.host-color-ja, .host-design).host-ui .host-step-heading h1 { margin: 0; }
:is(.host-color-ja, .host-design) form label { margin-bottom: 8px; }
:is(.host-color-ja, .host-design) .form-style-1 > li > div[style*="inline-flex"] { gap: 12px; }

:is(.host-color-ja, .host-design) :is(input.form-control, select.form-control) { height: var(--host-control-height); min-height: var(--host-control-height); }
:is(.host-color-ja, .host-design) :is(.btn, .btn-my-red, .host-request-button, .host-catalog-add) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--host-control-height);
    height: auto;
    padding: 12px 16px;
    line-height: 1.5;
    box-sizing: border-box;
}
:is(.host-color-ja, .host-design) .btn-block { display: flex; }
:is(.host-color-ja, .host-design).host-ui .navbar-fixed-bottom .btn-my-red,
:is(.host-color-ja, .host-design) .host-experience-actions .btn { min-height: var(--host-control-height); }
:is(.host-color-ja, .host-design) :is(.host-catalog-view, .host-catalog-setting) { min-height: 44px; }
:is(.host-color-ja, .host-design) :is(.host-home-menu, .host-experience-grid, .host-photo-grid) { gap: var(--host-card-gap); }
:is(.host-color-ja, .host-design) .host-home-card { min-height: 156px; padding: 20px; }
:is(.host-color-ja, .host-design) .host-home-notice { margin-bottom: var(--host-section-gap); padding: 20px; }
:is(.host-color-ja, .host-design) :is(.host-experience-body, .host-request-card) { padding: 20px; }
:is(.host-color-ja, .host-design) .host-experience-grid { align-items: stretch; }
:is(.host-color-ja, .host-design) .host-experience-card { display: flex; flex-direction: column; height: 100%; }
:is(.host-color-ja, .host-design) .host-experience-body { display: grid; flex: 1; grid-template-rows: minmax(48px, auto) 20px 52px minmax(36px, auto); gap: 12px; }
:is(.host-color-ja, .host-design) .host-experience-title { margin: 0; }
:is(.host-color-ja, .host-design) .host-experience-actions { gap: 16px; margin-top: 0; }
:is(.host-color-ja, .host-design) .host-catalog-more { margin-top: 0; }

:is(.host-color-ja, .host-design).host-ui-media form > .row { margin-right: 0; margin-left: 0; }
:is(.host-color-ja, .host-design).host-ui-media form > .col-xs-4 { width: 64px; padding: 0; }
:is(.host-color-ja, .host-design).host-ui-media form > .col-xs-2 { display: none; }
:is(.host-color-ja, .host-design).host-ui-media form > .col-xs-6 { float: right; width: calc(100% - 76px); padding: 0; }
:is(.host-color-ja, .host-design).host-ui .navbar-fixed-bottom { padding: 12px var(--host-gutter) calc(12px + env(safe-area-inset-bottom)); }
:is(.host-color-ja, .host-design).host-ui .navbar-fixed-bottom > .col-sm-8 { max-width: var(--host-form-max); padding: 0; }
:is(.host-color-ja, .host-design).host-ui-request-detail .host-request-detail { width: calc(100% - 2 * var(--host-gutter)); max-width: var(--host-content-max); margin: var(--host-page-top) auto 56px; padding: 0; }
:is(.host-color-ja, .host-design) .host-request-section { margin-top: var(--host-section-gap); }
:is(.host-color-ja, .host-design).host-chat-page :is(.request-header, .request-main) { width: calc(100% - 2 * var(--host-gutter)); max-width: var(--host-form-max); }
:is(.host-color-ja, .host-design).host-chat-page .request-header { padding-top: var(--host-page-top); }
:is(.host-color-ja, .host-design).host-chat-page .guest-chat-main { padding-top: var(--host-section-gap); }
:is(.host-color-ja, .host-design).host-chat-page .guest-chat-composer { padding: 12px var(--host-gutter) calc(12px + env(safe-area-inset-bottom)); }
:is(.host-color-ja, .host-design).host-chat-page .guest-chat-composer form { max-width: var(--host-form-max); gap: 12px; }
:is(.host-color-ja, .host-design).host-chat-page .guest-chat-composer textarea { height: var(--host-control-height); min-height: var(--host-control-height); }
:is(.host-color-ja, .host-design).host-chat-page .guest-chat-composer .request-submit .btn { min-height: var(--host-control-height); padding: 12px 16px; }
@media (max-width: 767px) {
    :is(.host-color-ja, .host-design) { --host-gutter: 20px; --host-card-gap: 16px; }
}
@media (max-width: 359px) {
    :is(.host-color-ja, .host-design) .host-home-card { min-height: 88px; }
}

/* Profile photos use an avatar preview rather than an empty upload panel. */
:is(.host-color-ja, .host-design) .host-profile-photo-picker { position: relative; display: flex; flex-direction: column; align-items: center; gap: 16px; margin: 8px 0 32px; }
:is(.host-color-ja, .host-design) .host-avatar-placeholder { display: grid; place-items: center; width: 120px; height: 120px; border-radius: 50%; background: var(--host-coral-soft); color: var(--host-coral-ink); }
.host-avatar-placeholder svg { width: 56px; height: 56px; }
.host-profile-photo-picker:has(> img) .host-avatar-placeholder { visibility: hidden; }
:is(.host-color-ja, .host-design) form[data-host-profile-photo] .host-profile-photo-picker > img { position: absolute; top: 0; left: calc(50% - 60px); width: 120px !important; height: 120px !important; margin: 0 !important; border-radius: 50%; object-fit: cover; }
:is(.host-color-ja, .host-design) .host-profile-photo-label { position: absolute; top: 80px; left: calc(50% + 20px); z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; border: 1px solid var(--host-line); border-radius: 50%; background: #fff; color: var(--host-ink); box-shadow: 0 2px 8px rgb(0 0 0 / 10%); cursor: pointer; overflow: hidden; }
.host-profile-photo-label svg { width: 20px; height: 20px; }
:is(.host-color-ja, .host-design) .host-profile-photo-label:hover { background: var(--host-surface); border-color: #b0b0b0; }
:is(.host-color-ja, .host-design) .host-profile-photo-label:focus-within { outline: 2px solid var(--host-ink); outline-offset: 4px; }
.host-profile-photo-label input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

/* Experience editor: one prompt per screen, compact assistance, consistent actions. */
:is(.host-color-ja, .host-design).host-editor-page textarea[name="menu"],
:is(.host-color-ja, .host-design).host-editor-page textarea[name="detail"] { min-height: 200px; height: 200px !important; }
:is(.host-color-ja, .host-design).host-editor-page textarea[name="title"] { min-height: 104px; height: 104px !important; }
:is(.host-color-ja, .host-design).host-editor-page .form-style-1 > li:first-child > label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; }
:is(.host-color-ja, .host-design).host-editor-page .host-help { margin-top: 12px; margin-bottom: 12px; }
:is(.host-color-ja, .host-design).host-editor-page .host-help summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 10px 0; font-size: 13px; list-style: none; }
.host-editor-page .host-help summary::-webkit-details-marker { display: none; }
.host-editor-page .host-help summary::after { content: '+'; font-size: 20px; font-weight: 300; }
.host-editor-page .host-help details[open] > summary::after,
.host-editor-page details.host-help[open] > summary::after { content: '−'; }
:is(.host-color-ja, .host-design).host-editor-page #translation-result { margin: 0 0 24px; }
:is(.host-color-ja, .host-design).host-editor-page #translation-result a { min-height: 44px; font-size: 13px; }
:is(.host-color-ja, .host-design) .host-field-hint { margin: 0; font-size: 13px; color: var(--host-muted); }
:is(.host-color-ja, .host-design) .host-editor-actions,
:is(.host-color-ja, .host-design).host-editor-page .form-style-1 > li:has(> .col-xs-6) { display: flex; align-items: center; gap: 12px; }
:is(.host-color-ja, .host-design).host-editor-page .host-editor-actions::after,
.host-editor-page .form-style-1 > li:has(> .col-xs-6)::after { display: none; }
:is(.host-color-ja, .host-design) .host-editor-actions .btn { flex: 1; width: auto; }
:is(.host-color-ja, .host-design) .host-editor-back { flex: 0 0 64px; display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: underline; }
:is(.host-color-ja, .host-design).host-editor-page .form-style-1 > li:has(> .col-xs-6) > .col-xs-4 { flex: 0 0 64px; width: auto; padding: 0; }
:is(.host-color-ja, .host-design).host-editor-page .form-style-1 > li > .col-xs-2 { display: none; }
:is(.host-color-ja, .host-design).host-editor-page .form-style-1 > li:has(> .col-xs-6) > .col-xs-6 { flex: 1; width: auto; padding: 0; }
:is(.host-color-ja, .host-design).host-editor-page .host-form-section h2 { margin: 24px 0 0; font-size: 18px; }
:is(.host-color-ja, .host-design).host-editor-page .host-form-section:first-child h2 { margin-top: 0; }
:is(.host-color-ja, .host-design).host-editor-page .form-style-1 > li:has(.host-editor-choice) { padding-bottom: 0 !important; margin-bottom: 24px; border: 0; }
:is(.host-color-ja, .host-design).host-editor-page li:has(.host-editor-choice) > label:not(.host-editor-choice) { display: block; margin-bottom: 12px; }
:is(.host-color-ja, .host-design).host-editor-page .host-editor-choice { display: inline-flex; align-items: center; gap: 8px; min-width: 112px; min-height: var(--host-control-height); margin: 0 8px 0 0; padding: 10px 16px; border-radius: 12px; background: var(--host-surface); font-size: 14px; font-weight: 400; cursor: pointer; }
:is(.host-color-ja, .host-design).host-editor-page .host-editor-choice input { margin: 0; accent-color: var(--host-red); }
:is(.host-color-ja, .host-design).host-editor-page .host-editor-choice:has(input:checked) { color: var(--host-coral-ink); background: var(--host-coral-soft); box-shadow: inset 0 0 0 1px var(--host-coral-line); }
:is(.host-color-ja, .host-design) .host-editor-choice:focus-within { outline: 2px solid var(--host-ink); outline-offset: 3px; }
:is(.host-color-ja, .host-design).host-editor-page .host-photo-grid .uploadButton { border: 0; border-radius: 16px; min-height: 160px; padding: 20px; }
:is(.host-color-ja, .host-design).host-editor-page .host-photo-add-mark { display: block; margin: 8px 0; color: var(--host-muted); font-size: 32px; line-height: 1; font-weight: 300; }
.host-editor-page .view_box:has(img) .host-photo-add-mark { display: none; }
:is(.host-color-ja, .host-design).host-editor-page #processing .fa-cog { color: var(--host-red) !important; }
:is(.host-color-ja, .host-design).host-editor-page.host-ui-completion .host-completion-heading { width: calc(100% - 2 * var(--host-gutter)); max-width: var(--host-form-max); margin: var(--host-page-top) auto 0; padding: 0; text-align: center; }
.host-editor-page.host-ui-completion .container-fluid .row .row { margin-right: 0; margin-left: 0; }
:is(.host-color-ja, .host-design).host-editor-page.host-ui-completion .w3-card-2 { display: flex; align-items: center; justify-content: center; min-height: var(--host-control-height); margin: 0 !important; padding: 12px 16px; border-radius: 12px; }
.host-editor-page.host-ui-completion .w3-card-2 .card-header > br { display: none; }
:is(.host-color-ja, .host-design).host-editor-page.host-ui-completion .w3-card-2 h5 { margin: 0; font-size: 15px; }

/* Daily host tasks: reserve the accent for requests that still need a reply. */
:is(.host-color-ja, .host-design) .host-home-notice.host-home-urgent { border: 1px solid var(--host-coral-line); }
:is(.host-color-ja, .host-design) .host-home-notice.host-home-review { padding: 14px 20px; color: var(--host-ink); background: var(--host-surface); border-color: transparent; }
:is(.host-color-ja, .host-design) .host-home-notice.host-home-review .host-home-icon { color: var(--host-muted); }
:is(.host-color-ja, .host-design) .host-home-notice.host-home-review:hover { background: #eee; border-color: transparent; }
:is(.host-color-ja, .host-design) .host-request-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 16px; }
:is(.host-color-ja, .host-design) a.host-request-filter { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--host-line); border-radius: 24px; font-size: 14px; text-decoration: none; }
:is(.host-color-ja, .host-design).host-ui-requests .host-request-filters a.host-request-filter.is-current { background: var(--host-ink); color: #fff !important; border-color: var(--host-ink); }
.host-request-filter > span { font-variant-numeric: tabular-nums; font-size: 12px; }
:is(.host-color-ja, .host-design) .host-request-sort { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 24px; font-size: 13px; color: var(--host-muted); }
.host-request-sort > a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; }
.host-request-sort > a[aria-current] { font-weight: 600; text-decoration-thickness: 2px; }
.host-request-empty { padding: 24px 0; color: var(--host-muted); }
@media (max-width: 767px) {
    :is(.host-color-ja, .host-design) .host-experience-photo { aspect-ratio: 5 / 2; max-height: 180px; }
    :is(.host-color-ja, .host-design) .host-experience-body { padding: 16px; grid-template-rows: auto 20px 52px auto; gap: 8px; }
    :is(.host-color-ja, .host-design) .host-experience-actions { gap: 12px; }
}
@media (max-width: 359px) {
    :is(.host-color-ja, .host-design) .host-request-schedule { grid-template-columns: minmax(0, 1fr); }
}