/* 皮切インデックス MVP — docs/concept.html の色トークン・部品（.pill .hz .layer .depth .hzlist .illus）を踏襲。
   紫=皮膚マーカー(--marker) / 橙=神経(--nerve) / 赤=血管(--vessel) / 青緑=腱・筋(--tendon) / 緑=--drape */
:root{
  --bg:#f6f5ef; --bg-2:#eeece3; --fg:#1e2622; --fg-2:#56605a; --line:#d8d5c8;
  --marker:#5b3fa6; --marker-soft:#ece6fb; --drape:#2f6f66; --drape-soft:#dfeeea;
  --nerve:#b8731a; --nerve-soft:#fbeedb; --vessel:#b3303a; --vessel-soft:#fbe3e4; --tendon:#2f7f8a; --tendon-soft:#dcefef;
  --body:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Noto Sans CJK JP","Yu Gothic",Meiryo,system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --gx:max(16px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
  color-scheme:light;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#15191a; --bg-2:#1e2425; --fg:#e8e6dd; --fg-2:#a7ada6; --line:#343c3c;
  --marker:#b4a0f4; --marker-soft:#2a2440; --drape:#6fb7ab; --drape-soft:#1b302d;
  --nerve:#e8a957; --nerve-soft:#3a2a12; --vessel:#ef7b84; --vessel-soft:#3d1c1f; --tendon:#6cc3cf; --tendon-soft:#163234;
  color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#15191a; --bg-2:#1e2425; --fg:#e8e6dd; --fg-2:#a7ada6; --line:#343c3c;
  --marker:#b4a0f4; --marker-soft:#2a2440; --drape:#6fb7ab; --drape-soft:#1b302d;
  --nerve:#e8a957; --nerve-soft:#3a2a12; --vessel:#ef7b84; --vessel-soft:#3d1c1f; --tendon:#6cc3cf; --tendon-soft:#163234;
  color-scheme:dark }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.in{max-width:860px;margin:0 auto}
.pad,.band,.top{padding-left:var(--gx);padding-right:var(--gx)}
h1,h2,h3,h4{line-height:1.3;margin:0;text-wrap:balance}
h1{font-size:22px;font-weight:800;letter-spacing:-.01em}
h2{font-size:17px;font-weight:700;margin:28px 0 10px;padding-top:12px;border-top:2px solid var(--fg)}
h2 .n{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--marker);display:block;letter-spacing:.08em;margin-bottom:2px}
h3{font-size:15px;font-weight:700;margin:16px 0 6px}
p{margin:0 0 10px}
a{color:var(--marker)}
.mono{font-family:var(--mono)}
.muted{color:var(--fg-2)}
.small{font-size:12.5px}
:focus-visible{outline:2px solid var(--marker);outline-offset:2px}

/* ---- 共通: 上部の帯・ヘッダ・フッタ ---- */
.band{background:var(--vessel-soft);color:var(--vessel);font-size:12.5px;font-weight:700;text-align:center;padding-top:5px;padding-bottom:5px;border-bottom:1px solid color-mix(in srgb,var(--vessel) 30%,transparent)}
.top{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding-top:max(0px,env(safe-area-inset-top,0px))}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px}
.brand{display:inline-flex;align-items:center;min-height:44px;gap:8px;color:var(--fg);text-decoration:none;font-weight:800;font-size:16px;white-space:nowrap}
.brand .logo{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--marker);color:var(--bg);font-size:15px;line-height:1}
.sw{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;color:var(--fg-2);background:none;border:0;padding:8px 0 8px 8px;cursor:pointer;min-height:44px}
.sw-track{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line);transition:background .15s;flex:none}
.sw-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 1px rgba(0,0,0,.12);transition:transform .15s}
.sw[aria-checked="true"] .sw-track{background:var(--marker)}
.sw[aria-checked="true"] .sw-knob{transform:translateX(14px)}
.foot{margin-top:40px;padding-top:16px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font-size:12px;color:var(--fg-2)}
.foot p{margin:0 0 6px}
main{padding-top:16px;outline:none}

/* ---- 部品（concept.html 由来） ---- */
.pill{display:inline-block;font-family:var(--mono);font-size:11px;line-height:1.5;padding:0 7px;border-radius:999px;border:1px solid var(--line);color:var(--fg-2);vertical-align:middle;white-space:nowrap}
.pill.lit{border-color:var(--drape);color:var(--drape)}
.pill.txt{border-color:var(--nerve);color:var(--nerve)}
.pill.chk{border-color:var(--vessel);color:var(--vessel)}
.pill.ao{border-color:var(--marker);color:var(--marker)}
.pill.pos{border-color:var(--drape);color:var(--drape);font-family:var(--body)}
.pill.ind{font-family:var(--body);border-color:var(--marker);color:var(--marker);background:var(--marker-soft)}
.note{background:var(--bg-2);border-left:3px solid var(--drape);padding:10px 12px;border-radius:0 6px 6px 0;margin:0 0 12px;font-size:13.5px}
.note.warn{border-left-color:var(--vessel)}
.note.flag{border-left-color:var(--nerve)}
.empty{color:var(--fg-2);font-size:13.5px;padding:10px 0}
.hz{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12px;line-height:1.4;padding:2px 8px 2px 6px;border-radius:999px;margin:3px 4px 0 0;border:1px solid transparent;cursor:default}
.hzb{display:inline-flex;align-items:center;min-height:44px;padding:0 6px 0 0;margin:0;background:none;border:0;font:inherit;color:inherit;cursor:pointer}
.hzb .hz{margin:0}
.hz i{width:8px;height:8px;border-radius:50%;flex:none}
.hz.n{background:var(--nerve-soft);color:var(--nerve);border-color:color-mix(in srgb,var(--nerve) 35%,transparent)}
.hz.v{background:var(--vessel-soft);color:var(--vessel);border-color:color-mix(in srgb,var(--vessel) 35%,transparent)}
.hz.t,.hz.o{background:var(--tendon-soft);color:var(--tendon);border-color:color-mix(in srgb,var(--tendon) 35%,transparent)}
.hz.n i{background:var(--nerve)}.hz.v i{background:var(--vessel)}.hz.t i,.hz.o i{background:var(--tendon)}
/* 未検証のチップは薄く（破線） */
.hz.unv{opacity:.55;border-style:dashed}
.hz.more{background:none;color:var(--fg-2);border-color:var(--line)}
.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--fg-2);margin:0 0 8px}
.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:baseline}
.i-n{background:var(--nerve)}.i-v{background:var(--vessel)}.i-t{background:var(--tendon)}
.illus{aspect-ratio:16/9;max-width:100%;border:1px dashed var(--line);border-radius:6px;position:relative;display:grid;place-items:end start;color:var(--fg-2);font-size:11.5px;text-align:center;padding:8px;overflow:hidden;background:var(--bg)}
.illus::before{content:"";position:absolute;left:18%;right:22%;top:48%;border-top:2.5px dashed var(--marker);transform:rotate(var(--rot,-14deg))}
.illus span{position:relative;background:var(--bg);padding:1px 6px;border-radius:4px;font-size:10.5px}
.illus.has-img{padding:0;border-style:solid}
.illus.has-img::before{display:none}
.illus img{width:100%;height:100%;object-fit:contain;display:block}
.illus-fig{margin:0}
.illus-credit{margin-top:3px;font-size:10px;line-height:1.35;color:var(--fg-2)}

/* ---- 入口 ---- */
.hero p.tag{margin:6px 0 14px;font-size:13.5px;color:var(--fg-2)}
.search{display:block;width:100%;font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--fg);min-width:0;-webkit-appearance:none;appearance:none}
.search:focus{outline:2px solid var(--marker);outline-offset:0;border-color:var(--marker)}
.eg{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;align-items:center;font-size:12px;color:var(--fg-2)}
.chip{font:inherit;font-size:13px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;min-height:44px}
.chip:hover{border-color:var(--marker)}
.chip[aria-pressed="true"]{background:var(--marker-soft);border-color:var(--marker);color:var(--marker);font-weight:700}
.sec-h{font-size:13px;font-weight:700;color:var(--fg-2);margin:22px 0 8px;padding:0;border:0;display:flex;gap:8px;align-items:baseline}
.sec-h .cnt{font-family:var(--mono);font-weight:400}
.list{display:grid;gap:8px}
.fcard,.arow{display:grid;gap:4px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--fg);text-decoration:none}
.fcard:hover,.arow:hover{border-color:var(--marker)}
.fcard .nm,.arow .nm{font-weight:800;font-size:16px;line-height:1.35}
.fcard .al,.arow .al{font-size:12px;color:var(--fg-2)}
.fcard .go,.arow .go{font-size:12px;color:var(--marker);margin-top:2px}
.hit{font-size:11.5px;color:var(--drape)}
.row-line{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}

/* ---- 骨折ページ ---- */
.crumb{font-size:13px;margin:0 0 2px}
.crumb a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding-right:16px}
.titleblock{margin:0 0 12px}
.titleblock .sub{font-size:13px;color:var(--fg-2);margin-top:3px}
.titleblock .row-line{margin-top:8px}
.filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:14px 0 10px;font-size:12.5px;color:var(--fg-2)}
.hint{font-size:12px;color:var(--fg-2);margin:0 0 6px}
.rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gx);margin:0 calc(-1 * var(--gx));padding:2px var(--gx) 10px;-webkit-overflow-scrolling:touch}
.acard{flex:0 0 min(82vw,300px);scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--fg);text-decoration:none}
.acard:hover{border-color:var(--marker)}
.acard .nm{font-weight:800;font-size:16px;line-height:1.35}
.acard .al{font-size:12px;color:var(--fg-2)}
.acard .memo{font-size:12.5px;margin:0;color:var(--fg)}
.acard .chips{margin-top:auto}
.acard .go{font-size:12px;color:var(--marker);display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:6px}
@media (min-width:720px){
  .swipe{display:none}
  .rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));overflow:visible;margin:0;padding:2px 0 10px}
  .acard{flex:initial}
}

/* ---- 皮切ページ ---- */
.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:14px;font-weight:700;padding:10px 14px;min-height:44px;border-radius:10px;border:1px solid var(--marker);background:var(--bg);color:var(--marker);text-decoration:none;cursor:pointer}
.btn.primary{background:var(--marker);color:var(--bg)}
.btn:active{transform:translateY(1px)}
.memo-box{width:100%;min-height:150px;font:inherit;font-family:var(--mono);font-size:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2);color:var(--fg)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fg);color:var(--bg);font-size:13px;padding:8px 14px;border-radius:999px;z-index:30;max-width:90vw}
.kv{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 12px}
.kv .cell{background:var(--bg-2);border-radius:6px;padding:9px 12px}
.kv .k{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--drape);margin-bottom:2px}
.kv .cell p{margin:0 0 4px;font-size:13.5px}
.kv .cell p:last-child{margin:0}
.kv .cell ul{margin:0;padding-left:1.2em;font-size:13.5px}
.row2{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:720px){.row2{grid-template-columns:1fr 1fr}.kv.two{grid-template-columns:1fr 1fr}}
.depth{margin:4px 0 10px}
.depth .lab{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--fg-2);margin-bottom:2px}
.depth .lab b{color:var(--fg);font-size:14px}
.depth input[type=range]{width:100%;margin:2px 0 0;accent-color:var(--marker);height:44px}
.ticks{display:flex;justify-content:space-between;gap:2px}
.ticks button{font:inherit;font-size:10.5px;line-height:1.3;color:var(--fg-2);background:none;border:0;padding:4px 0;min-height:44px;flex:1 1 0;min-width:0;cursor:pointer;text-align:center}
.ticks button[aria-current="true"]{color:var(--marker);font-weight:700}
.layers{display:grid;gap:4px}
.layer{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:start;padding:7px 8px;border-radius:6px;background:var(--bg-2);transition:opacity .2s;border-left:3px solid transparent}
.layer.off{opacity:.3}
.layer.cur{border-left-color:var(--marker)}
.layer .ln{font-family:var(--mono);font-size:11px;color:var(--fg-2);padding-top:2px;line-height:1.4}
.layer .ln b{display:block;color:var(--fg);font-family:var(--body);font-size:12px}
.layer .lt{font-size:12.5px;min-width:0}
.layer .st{color:var(--fg-2);font-size:12px;margin:0}
.hzlist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.hcard{font-size:13px;padding:9px 11px;border-radius:6px;background:var(--bg-2);border-left:4px solid var(--line)}
.hcard.n{border-left-color:var(--nerve)}.hcard.v{border-left-color:var(--vessel)}.hcard.t,.hcard.o{border-left-color:var(--tendon)}
.hcard.unv{background:transparent;border:1px dashed var(--line);border-left:4px dashed var(--line)}
.hcard.unv.n{border-left-color:var(--nerve)}.hcard.unv.v{border-left-color:var(--vessel)}.hcard.unv.t,.hcard.unv.o{border-left-color:var(--tendon)}
.hcard.flash{animation:flash 1.4s ease-out}
@keyframes flash{0%{box-shadow:0 0 0 3px var(--marker)}100%{box-shadow:0 0 0 3px transparent}}
.hcard .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.hcard .hd b{font-size:14.5px}
.hcard .lyr{font-size:12px;color:var(--fg-2);margin-bottom:4px}
.hcard dl{margin:0;display:grid;grid-template-columns:3.6em 1fr;gap:2px 8px}
.hcard dt{font-size:11.5px;color:var(--fg-2);padding-top:1px}
.hcard dd{margin:0}
.hcard .src{margin-top:6px;padding-top:5px;border-top:1px dotted var(--line);font-size:12px;color:var(--fg-2)}
/* 外部リンクは行間を変えずに当たり判定だけ 44px 以上にする */
.hcard .src a,ul.plain a{display:inline-block;word-break:break-all;padding:15px 2px;margin:-15px 0;vertical-align:baseline}
ul.plain{margin:0 0 12px;padding-left:1.2em}
ul.plain li{margin-bottom:4px;font-size:13.5px}
details.fold{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:0 0 8px;background:var(--bg-2)}
details.fold summary{cursor:pointer;font-weight:700;font-size:13.5px;min-height:44px;display:flex;align-items:center}
details.fold[open] summary{margin-bottom:6px}
details.fold p,details.fold li{font-size:12.5px}
.xref{display:grid;gap:8px}
.xref a{display:block;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--fg);text-decoration:none}
.xref a:hover{border-color:var(--marker)}
.xref a b{font-size:14px}
.xref a p{margin:3px 0 0;font-size:12.5px;color:var(--fg-2)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.row2 .illus{aspect-ratio:21/9}
@media (min-width:720px){.row2 .illus{aspect-ratio:16/9}}
.illus.has-img,.row2 .illus.has-img{aspect-ratio:9/7}   /* render_cards.cjs の出力(900x700)に合わせる。切り取らずに全体を見せる */

/* 未検証の印（pill）を見出し・ラベルに並べる */
h2 .pill{margin-left:8px;font-weight:400;vertical-align:middle;font-size:11px}
.kv .k .pill{margin-left:6px}
.acard .memo .pill{margin-right:4px}
.hcard{scroll-margin-top:64px}

/* ---- 手技説明（technique）・Pitfall（有害事象率） ---- */
.tech-origin{margin:-4px 0 6px}
.tech-sum{font-size:14px;margin:0 0 6px}
.pflist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pf{font-size:13px;padding:9px 11px;border-radius:6px;background:var(--bg-2);border-left:4px solid var(--vessel)}
.pf.unv{background:transparent;border:1px dashed var(--line);border-left:4px dashed var(--vessel)}
.pf-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.pf-hd b{font-size:14.5px}
.pf-rate{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:2px 0 4px}
.pf-rate .big{font-size:30px;font-weight:800;line-height:1.15;color:var(--vessel);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pf dl{margin:4px 0 0;display:grid;grid-template-columns:3.6em 1fr;gap:2px 8px}
.pf dl:empty{display:none}
.pf dt{font-size:11.5px;color:var(--fg-2);padding-top:1px}
.pf dd{margin:0}
.pf .src{margin-top:6px;padding-top:5px;border-top:1px dotted var(--line);font-size:12px;color:var(--fg-2)}
.pf .src a{display:inline-block;word-break:break-all;padding:15px 2px;margin:-15px 0;vertical-align:baseline}
.pf-empty{font-size:15px;font-weight:700}
.pill.exp{border-color:var(--marker);color:var(--marker)}
/* イラスト（3Dレンダ）が主役: 詳細の先頭に大きく */
.lead-illus{margin:4px 0 4px}
.lead-illus .illus{max-width:520px}
.tech-dl{margin:0 0 6px;display:grid;grid-template-columns:3.2em 1fr;gap:2px 8px;font-size:14px}
.tech-dl:empty{display:none}
.tech-dl dt{font-size:11.5px;color:var(--fg-2);padding-top:3px}
.tech-dl dd{margin:0}
.tech-var{margin-top:8px}
.tech-var li p{margin:2px 0 0}

/* ---- 全身カタログ（list.html）: 部位グリッド・カタログ行・文献リスト ---- */
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.rcell{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-1);color:inherit;text-decoration:none}
.rcell.on{border-color:var(--drape);box-shadow:inset 3px 0 0 var(--drape)}
.rcell b{font-size:14px}.rcell span{font-size:11.5px;color:var(--fg-2)}
.arow.cat{opacity:.92}
.small-h{margin-top:14px;font-size:12.5px}
ul.refs{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:13.5px}
ul.refs>li{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-1)}
ul.figs{margin:4px 0 0;padding-left:18px}

/* ---- インプラント（implant.js）: チップ・到達法カード・比較表 ---- */
.ichips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.ichip{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 12px;text-decoration:none;border-color:var(--marker);background:var(--marker-soft);color:var(--fg)}
.ichip .mk{font-size:11px;color:var(--fg-2)}
.ichip b{font-size:13.5px}
.card-ichips{align-items:center;margin:4px 0 0}
.card-ichips .ichip{min-height:36px;padding:2px 10px}
.pg{display:inline-block;font-family:var(--mono);font-size:11px;color:var(--drape);border:1px solid var(--line);border-radius:4px;padding:0 5px;white-space:nowrap;vertical-align:baseline}
.cmp-link{margin-left:auto;font-weight:700;font-size:12.5px;color:var(--marker);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.cnt-inline{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--fg-2);margin-left:8px}
.icard{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px;margin:0 0 12px}
.icard .kv .cell{background:var(--bg)}
.ih-t{margin:6px 0 8px;font-size:16px}
.ih{font-size:13px;color:var(--fg-2);margin:12px 0 4px}
.note.diff{border-left-color:var(--nerve);background:var(--nerve-soft);margin:8px 0}
ol.steps{margin:0 0 8px;padding-left:1.6em}
ol.steps li{font-size:13.5px;margin-bottom:4px}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 12px;border:1px solid var(--line);border-radius:8px}
.itbl{border-collapse:collapse;width:100%;font-size:13px}
.itbl th,.itbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.itbl tbody th{font-weight:700;background:var(--bg-2);width:30%;min-width:96px}
.itbl tr:last-child>*{border-bottom:0}
.itbl.cmp{width:auto;min-width:100%}
.itbl.cmp th,.itbl.cmp td{min-width:150px;max-width:240px}
.itbl.cmp thead th{background:var(--bg-2);position:sticky;top:0}
.itbl.cmp th:first-child{position:sticky;left:0;min-width:84px;max-width:96px;background:var(--bg-2);z-index:1}
.itbl td.none{color:var(--fg-2);font-size:12px}
.swipe2{font-size:12px;color:var(--fg-2);margin:0 0 4px}

/* ---- 使うインプラント（セレクタ・「<製品> の場合」・骨折ページの皮切カード） ---- */
.isel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0;padding:10px 12px;border:1px solid var(--marker);border-radius:10px;background:var(--marker-soft)}
.isel label{font-size:12.5px;font-weight:700;color:var(--marker)}
.isel-s{flex:1 1 220px;min-width:0;min-height:44px;font:inherit;font-size:16px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}
.isel-last{min-height:44px}
.iblock{margin:8px 0 4px;padding:0 0 4px}
.iblock h2{margin-top:14px}
.acard.dim{opacity:.55}
.acard .iuse{min-height:0}