/* 看板タウン デザインカード（スクショ代替・著作権リスクなし）
 * 静的版 lib/style.js の .kanban-card 一式を移植。
 * 色・フォント変数はテーマ側 style.css の :root で定義される前提。未定義時のフォールバックも持たせる。 */
.kanban-card{
  position:relative;aspect-ratio:16/10;border-radius:3px;overflow:hidden;
  --c1:#21507E;--c2:#143350;--kc-line:#cfe0ee;
  --kc-num:var(--num,"Oswald",sans-serif);
  --kc-serif:var(--serif,"Zen Kaku Gothic New",sans-serif);
  --kc-accent:var(--accent,#E8662A);
  --kc-accent-soft:var(--accent-soft,#F18A52);
  color:#F2F6FA;
  background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--c1) 82%,#fff 8%) 0%,var(--c2) 74%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 20px;
}
.kanban-card.mini{padding:20px 16px;}
.kanban-card .kc-pat{position:absolute;inset:0;opacity:.12;pointer-events:none;}
.kanban-card .kc-fr{position:absolute;inset:11px;border:1px solid rgba(207,224,238,.4);border-radius:3px;pointer-events:none;}
.kanban-card .kc-sym{margin-bottom:11px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));}
.kanban-card.mini .kc-sym{width:30px;height:30px;margin-bottom:7px;}
.kanban-card .kc-kind{font-family:var(--kc-num);letter-spacing:.26em;text-transform:uppercase;font-size:11px;color:var(--kc-line);margin-bottom:9px;padding-left:.26em;}
.kanban-card.mini .kc-kind{font-size:10px;margin-bottom:6px;}
.kanban-card .kc-name{font-family:var(--kc-serif);font-weight:700;line-height:1.3;font-size:clamp(18px,2.6vw,26px);letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.3);}
.kanban-card.mini .kc-name{font-size:clamp(15px,2vw,18px);}
.kanban-card.big .kc-name{font-size:clamp(24px,3.4vw,34px);}
.kanban-card .kc-rule{width:44px;height:3px;background:var(--kc-accent);margin:13px 0 10px;border-radius:2px;}
.kanban-card.mini .kc-rule{margin:9px 0 7px;height:2px;}
.kanban-card .kc-area{font-weight:500;font-size:13px;letter-spacing:.08em;color:rgba(242,246,250,.85);}
.kanban-card.mini .kc-area{font-size:12px;}
.kanban-card .kc-area i{color:var(--kc-accent-soft);margin:0 .4em;font-style:normal;}
@supports not (background:color-mix(in srgb,red,blue)){
  .kanban-card{background:radial-gradient(120% 120% at 50% 0%,var(--c1) 0%,var(--c2) 74%);}
}