/* ==========================================================================
   回り方エンジン（/course/plan/）専用スタイル（波M0・小計画v1§3）。
   家訓遵守：明るさが基準／細い線で凛と／写真が主役・色は脇役／確認日を小さく必ず。
   既存 vn.css には触れない（このページだけが読む・掟）。A4プリントCSSは波M1。
   ========================================================================== */

/* --- 質問フォーム --- */
.mk-form{margin:2rem 0;border:1px solid var(--sen);background:var(--suna);padding:1.5rem}
.mk-q{border:0;padding:0;margin:0 0 1.25rem}
.mk-q__t{font-family:var(--font-head);font-weight:700;letter-spacing:.08em;font-size:.95rem;color:var(--ink);padding:0;margin-bottom:.6rem}
.mk-q__opts{display:flex;flex-wrap:wrap;gap:.5rem}
.mk-opt{cursor:pointer;position:relative}
.mk-opt input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.mk-opt__l{display:inline-block;border:1px solid var(--sen);padding:.45em 1em;font-size:.9rem;color:var(--ink-soft);background:#fff;transition:opacity .2s}
.mk-opt input:checked+.mk-opt__l{background:var(--umi);border-color:var(--umi);color:#fff}
.mk-opt input:focus-visible+.mk-opt__l{outline:2px solid var(--umi-koi);outline-offset:2px}
.mk-go{display:block;margin-top:.5rem;border:0;background:var(--umi);color:#fff;font-family:var(--font-head);font-weight:700;letter-spacing:.12em;padding:.8em 2.4em;font-size:1rem;cursor:pointer}
.mk-go:hover{background:var(--umi-koi)}
.mk-go:disabled{background:var(--ink-faint);cursor:not-allowed}

/* --- タイムライン --- */
.mk-out{margin:2.5rem 0}
.mk-tl__start{font-family:var(--font-head);font-weight:700;letter-spacing:.1em;color:var(--ink);border-left:3px solid var(--umi);padding-left:.8em;margin-bottom:1.2rem}
.mk-move{color:var(--ink-soft);font-size:.9rem;margin:.9rem 0 .9rem 1.2rem;padding-left:1.2em;border-left:1px dashed var(--sen)}
.mk-move--sea{border-left-style:solid;border-left-color:var(--umi)}
.mk-move--walk{margin-left:0;font-size:.85rem}

/* --- クラスタ（同一駐車圏） --- */
.mk-cluster{border:1px solid var(--sen);padding:1.2rem;margin:.6rem 0;background:var(--suna-2)}
.mk-cluster__t{font-family:var(--font-head);font-weight:700;letter-spacing:.1em;font-size:1.05rem;margin-bottom:.3rem}
.mk-cluster__p{font-size:.85rem;color:var(--ink-soft);margin-bottom:1rem}

/* --- スポットカード --- */
.mk-card{display:flex;gap:1.1rem;border:1px solid var(--sen);background:#fff;padding:1.1rem;margin:.6rem 0}
.mk-card--seichi{border-left:3px solid var(--hikari)}
.mk-card__ph{flex:0 0 180px;align-self:flex-start;margin:0}
.mk-card__ph img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.mk-card__ph--empty{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:var(--suna-2);color:var(--ink-faint);font-size:.8rem;border:1px dashed var(--sen)}
.mk-card__credit{font-size:.7rem;color:var(--ink-faint);margin-top:.3em}
.mk-card__credit a{color:var(--ink-faint)}
.mk-card__b{flex:1;min-width:0}
.mk-card__h{display:flex;align-items:baseline;gap:.7em;flex-wrap:wrap}
.mk-card__n{font-family:var(--font-head);font-weight:700;font-size:1.05rem;letter-spacing:.06em;margin:0}
.mk-card__mood{font-size:.72rem;color:var(--ink-faint);border:1px solid var(--sen);padding:.1em .6em}
.mk-card__stay{font-family:var(--font-latin);font-size:.85rem;color:var(--umi-koi);margin:.35em 0}
.mk-card__flags{margin:.3em 0}
.mk-flag{display:inline-block;font-size:.75rem;color:var(--ink);background:var(--suna-2);border:1px solid var(--sen);padding:.15em .7em;margin-right:.4em}
.mk-card__access{font-size:.85rem;color:var(--ink-soft);margin:.4em 0}
.mk-card__care{font-size:.88rem;color:var(--ink);background:var(--suna);border-left:2px solid var(--hikari);padding:.6em .9em;margin:.6em 0;line-height:1.7}
.mk-card__lead{font-size:.9rem;line-height:1.8;color:var(--ink);margin:.5em 0}
.mk-card__note{font-size:.8rem;color:var(--ink-soft);margin:.4em 0}
.mk-card__foot{display:flex;align-items:baseline;justify-content:space-between;gap:1em;flex-wrap:wrap;margin-top:.6em}
.mk-card__more{color:var(--umi-koi);font-weight:500;text-decoration:none;border-bottom:1px solid var(--umi-koi)}
.mk-card__more:hover{opacity:.75}
.mk-card__ver{font-size:.72rem;color:var(--ink-faint)}

/* --- 寄り道候補・フッター・その他 --- */
.mk-side{border-top:1px solid var(--sen);margin-top:2rem;padding-top:1.2rem}
.mk-side__t{font-family:var(--font-head);font-weight:700;letter-spacing:.1em;font-size:.95rem}
.mk-side__n{font-size:.8rem;color:var(--ink-soft);margin:.3em 0 .8em}
.mk-side__i{font-size:.9rem;margin:.35em 0}
.mk-side__i a{color:var(--umi-koi)}
.mk-foot{font-size:.78rem;color:var(--ink-soft);border-top:1px solid var(--sen);margin-top:2rem;padding-top:1rem}
.mk-empty{color:var(--ink-soft);border:1px solid var(--sen);background:var(--suna);padding:1.2rem}
.mk-noscript{color:var(--ink-soft);border:1px solid var(--sen);background:var(--suna);padding:1.2rem;margin:2rem 0}

@media (max-width:640px){
  .mk-card{flex-direction:column}
  .mk-card__ph{flex-basis:auto}
}

/* --- 波M1追加：忠実表示の注記・保存/印刷アクション --- */
.mk-note{font-size:.85rem;color:var(--ink);background:var(--suna-2);border:1px solid var(--sen);padding:.8em 1em;margin:.8rem 0}
.mk-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;border-top:1px solid var(--sen);margin-top:2rem;padding-top:1.2rem}
.mk-actions__b{border:1px solid var(--umi);background:#fff;color:var(--umi-koi);font-family:var(--font-head);font-weight:700;letter-spacing:.08em;padding:.6em 1.4em;font-size:.9rem;cursor:pointer}
.mk-actions__b:hover{background:var(--umi);color:#fff}
.mk-share__url{flex:1 1 100%;border:1px solid var(--sen);background:var(--suna);color:var(--ink-soft);font-size:.78rem;padding:.5em .8em;font-family:var(--font-latin)}
.mk-card__printurl{display:none}

/* --- 波M1：A4プリント（設計v1.2・裁定F=QRなし・個票URL文字列印字） --- */
@media print{
  @page{size:A4;margin:12mm}
  .rail,.tnav,.gf,.mk-form,.mk-actions,.mk-noscript,.page__crumb,.rel{display:none !important}
  body{background:#fff}
  .page__ey,.page__lead{display:none}
  .page__t{font-size:16pt;margin:0 0 4mm}
  .mk-out{margin:0}
  .mk-tl__start{border-left:2px solid #000;color:#000;padding-left:3mm;margin-bottom:3mm}
  .mk-move{margin:2mm 0 2mm 4mm;padding-left:3mm;border-left-style:dashed;color:#000;font-size:9pt}
  .mk-cluster{border:.3mm solid #999;background:#fff;padding:3mm;margin:2mm 0}
  .mk-card{border:.3mm solid #999;background:#fff;padding:3mm;margin:2mm 0;gap:3mm;page-break-inside:avoid}
  .mk-card__ph{flex:0 0 30mm}
  .mk-card__ph--empty{display:none}
  .mk-card__care{border-left:.6mm solid #999;background:#fff}
  .mk-card__lead{font-size:8.5pt;line-height:1.6}
  .mk-card__n{font-size:11pt}
  .mk-card__stay,.mk-card__ver,.mk-card__note,.mk-card__access,.mk-cluster__p{color:#000;font-size:8.5pt}
  .mk-card__more{display:none}
  .mk-card__printurl{display:inline;font-size:8pt;color:#000;word-break:break-all}
  .mk-side{page-break-inside:avoid}
  .mk-foot{color:#000;border-top:.3mm solid #000;font-size:8.5pt}
}

/* --- 久高海運 素リンク（裁定E・2026-07-13反映） --- */
.mk-card__official{color:var(--umi-koi);text-decoration:none;border-bottom:1px solid var(--umi-koi)}
.mk-card__official:hover{opacity:.75}
@media print{
  .mk-card__official{border-bottom:none;color:#000}
  .mk-card__official::after{content:" " attr(href);font-size:8pt;word-break:break-all}
}

/* --- v2（2026-07-13裁定）：プルダウン様式 --- */
.mk-select{display:block;min-width:16em;max-width:100%;border:1px solid var(--sen);background:#fff;color:var(--ink);font-size:.95rem;padding:.55em .8em;font-family:var(--font-body)}
.mk-select:focus-visible{outline:2px solid var(--umi-koi);outline-offset:2px}