/* ==========================================================================
   ALEXSOFT — e-invoicing 페이지 추가분.
   /assets/ink.css 다음에 로드된다. 공통 컴포넌트는 여기에 다시 쓰지 않는다.
   ========================================================================== */

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

/* 히어로 도판 + 대응 기준 표 */
.plate-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(30px,4vw,48px)}
.plate{margin:0;border:1px solid var(--rule);background:#fff;padding:8px}
.plate img{display:block;width:100%;height:auto}
.plate figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--graphite);padding:9px 2px 1px}
@media (max-width:860px){.plate-row{grid-template-columns:1fr}}

/* 실적 구분 장부 */
.ledger{max-width:760px;margin-top:clamp(30px,4vw,48px)}
.ledger>.mono{margin-bottom:10px}
.ledger .case-more{margin-top:18px}

/* 국가별 의무화 일정 — 장부 행 */
.cal dd b{display:block;font-family:var(--mono);font-size:11.5px;font-weight:400;letter-spacing:.06em;color:var(--graphite)}
.cal dd strong{font-weight:600}
.cal dd small a{border-bottom:1px solid var(--rule);white-space:nowrap}
.cal dd small a:hover{color:var(--cobalt);border-bottom-color:var(--cobalt)}
.cal-note{margin-top:16px}

/* 인용 안의 원문 명칭 */
.quote em{font-style:italic}

/* 폼 보강 — 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}}