/* =============================================================================
 *  KT CLINIC — 問診票・同意書のボタン
 *  2026-07-27 追加
 *
 *  kt_document_buttons() が出力するマークアップの見た目。
 *  掲載先は「初めての方へ」の1か所だけだが、
 *  あとから他ページで使えるようスコープは付けていない。
 * ========================================================================== */

.kt-docs{display:flex;flex-direction:column;gap:.6rem;margin:1.4rem 0 0;}

.kt-doc{display:flex;align-items:center;gap:1rem;
        padding:.95rem 1.4rem;border:1px solid var(--gold-line);background:#fff;
        color:var(--ink);text-decoration:none;font-family:var(--sans);
        max-width:30rem;transition:background .25s,border-color .25s,color .25s;}
.kt-doc:hover{background:var(--gold);border-color:var(--gold);color:#fff;}

.kt-doc-name{flex:1;min-width:0;font-size:.95rem;letter-spacing:.03em;line-height:1.6;}

.kt-doc-ar{flex:none;color:var(--gold-deep);transition:transform .2s,color .25s;}
.kt-doc:hover .kt-doc-ar{color:#fff;transform:translateX(3px);}

.kt-doc:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;}

@media (max-width:1080px){
  .kt-docs{gap:.5rem;}
  .kt-doc{max-width:none;padding:.85rem 1.1rem;gap:.7rem;}
  .kt-doc-name{font-size:.9rem;}
}