/* ==========================================================================
   ALEXSOFT — 의료정보 시스템 페이지 추가분.
   /assets/ink.css 다음에 로드된다. 공통 컴포넌트는 여기에 다시 쓰지 않는다.
   ========================================================================== */

/* 잉크색 강조 — 제목 안의 <em> */
.hero-flat h1 em,.head h2 em{font-style:normal;color:var(--cobalt)}

/* 히어로 아래 설계 기준 표 */
.hero-facts{margin-top:clamp(30px,4vw,48px);max-width:720px}

/* 본문 안 인라인 링크 */
.head p a.inline{border-bottom:1px solid var(--rule);color:var(--ink)}
.head p a.inline:hover{color:var(--cobalt);border-bottom-color:var(--cobalt)}

/* 범위 경계 인용의 보조 문장 */
.quote small{display:block;margin-top:12px;font-size:13.5px;font-weight:400;line-height:1.75;color:var(--graphite)}

/* 폼 보강 — ink.css .form 위에 얹는 최소 규칙 */
.form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form label em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--cobalt);letter-spacing:.04em}
.form button[type="submit"] i{font-style:normal;color:var(--cobalt-soft);margin-left:8px}
.form button[type="submit"]:disabled{opacity:.55;cursor:progress}
.form .form-note[data-state="sending"],.form .form-note[data-state="success"]{color:var(--cobalt)}
.form .form-note[data-state="error"]{color:#B4232A}
@media (max-width:520px){.form .row{grid-template-columns:1fr}}
