#inquiry-form{--form-line-width:100%;--form-line-gap:4px;--form-line-weight:1px}
#inquiry-form .field input,#inquiry-form .field textarea{border-bottom:0;background-image:linear-gradient(#454545,#454545);background-repeat:no-repeat;background-position:left bottom;background-size:var(--form-line-width) var(--form-line-weight);padding:12px 4px var(--form-line-gap);height:calc(36px + var(--form-line-gap));min-height:calc(36px + var(--form-line-gap));line-height:24px;box-sizing:border-box}
#inquiry-form .field textarea{resize:vertical;overflow:auto}
#inquiry-form .field input:hover,#inquiry-form .field textarea:hover{background-image:linear-gradient(#239db0,#239db0)}
#inquiry-form .form-contact{display:block;text-align:right}

#inquiry-form .form-note{text-align:right}

/* Shared selected consultation spacing, 2026-11-01. */
#consultation.consultation{min-height:0;padding-bottom:var(--consult-bottom-gap,68px)}

/* End each diagonal exactly where the white consultation starts.
   A -1px overlap buries the left tip and leaves a short horizontal shelf. */
.layout-live .section-diagonal,.layout-live .entry-consult-bridge{bottom:0}

/* Extend only the lower fill beneath the next section. The sloping edge
   keeps its original endpoints, avoiding both a seam and a flat left tip. */
.layout-live .section-diagonal{bottom:-2px;height:calc(var(--consult-diagonal-height,220px) + 2px);clip-path:polygon(0 calc(100% - 2px),100% 0,100% 100%,0 100%)}
.layout-live .entry-consult-diagonal{--diagonal-fill-extension:2px;bottom:-2px;clip-path:polygon(0 calc(100% - 2px),100% 0,100% 100%,0 100%)}

/* Selected adjustment applies only while the question occupies multiple lines. */
#consultation.has-wrapped-question .consult-inner{margin-top:var(--wrapped-question-offset,26px)}
/* Let the question cross the section edge; keep the fixed background covered
   by the same white surface as the consultation below it. */
.layout-live .entry-stats.has-wrapped-bridge{clip-path:inset(0 0 calc(-1 * var(--bridge-overhang,80px)));z-index:1}
.layout-live .entry-stats.has-wrapped-bridge::after{content:"";position:absolute;top:calc(100% - 2px);left:0;right:0;height:calc(var(--bridge-overhang,80px) + 4px);background:#fff;z-index:1;pointer-events:none}

/* Entry uses the same contact spacing as the other detail pages. */
.entry-page #consultation.consultation{padding-top:10px}
@media(max-width:480px){.entry-page #consultation.consultation{padding-top:8px}}
/* Keep the lower white fill inside an overlapping, fully opaque surface,
   including the single-line state and fractional browser scaling. */
.layout-live .entry-stats:not(.has-wrapped-bridge){clip-path:inset(0 0 -2px)}

/* Trim the seam-covering surface to the same diagonal. Its old rectangular
   top covered the left tip, creating a short horizontal shelf. */
.layout-live .entry-stats.has-wrapped-bridge::after{clip-path:polygon(0 2px,100% calc(2px - var(--consult-diagonal-height,120px)),100% 100%,0 100%)}

/* Match the shared consultation title; the learning page had a larger
   mobile heading override that wrapped the brand onto two lines. */
.korean-page #consultation .consult-inner>h2{font-size:40px;line-height:1.1;margin:0 0 44px}
.korean-page #consultation .consult-brand{white-space:nowrap}
@media(max-width:760px){.korean-page #consultation .consult-inner>h2{font-size:31px;margin-bottom:34px}}
@media(max-width:480px){.korean-page #consultation .consult-inner>h2{font-size:27px}}