/* experimentLab：実験の一覧（ホーム画面） */
.exl-home-root{max-width:1180px;margin-left:auto;margin-right:auto}
.exl-home{font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans","BIZ UDPGothic","Meiryo",system-ui,sans-serif;color:#1f2422;background:linear-gradient(#2b2d2e,#232526);border-radius:18px;padding:16px;box-shadow:0 0 0 1px rgba(0,0,0,.12),0 6px 18px rgba(0,0,0,.12)}
.exl-home[hidden]{display:none}
.exl-home-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px;border-bottom:2px solid #b98d3c;padding-bottom:10px}
.exl-home .exl-home-title{margin:0;font-size:22px;letter-spacing:.06em;color:#f3e6c4;font-weight:700}
.exl-home-chips{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.exl-home-chips button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #b98d3c;background:#3c3528;color:#f6e6bf;font:700 14px/1 inherit;cursor:pointer}
.exl-home-chips button.on{background:#e2c17a;color:#2a1d08}
.exl-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.exl-home-card{display:flex;flex-direction:column;padding:0;border:0;border-radius:14px;overflow:hidden;background:#f4f0e6;text-align:left;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 3px 0 #8a6424;transition:transform .15s,box-shadow .15s;font:inherit;color:inherit}
.exl-home-card:hover,.exl-home-card:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 2px #e2c17a,0 6px 0 #8a6424;outline:none}
.exl-home-pic{height:170px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#eef2ef,#cdd5d2);overflow:hidden;padding:8px}
.exl-home-pic>svg{max-width:100%;max-height:100%;width:auto;height:100%}
.exl-home-pic>svg.exl-home-tpl{width:100%;height:auto}
.exl-home-noimg{font-size:56px}
.exl-home-body{padding:10px 14px 14px}
.exl-home-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}
.exl-home-tags span{padding:2px 9px;border-radius:999px;background:#3a3428;color:#f3e3b8;font-size:12px;font-weight:700}
.exl-home-tags span.pass{background:#e0b23a;color:#2a1d08}
.exl-home-card h3{margin:2px 0 4px;font-size:18px;line-height:1.4;color:#2a2416}
.exl-home-card p{margin:0;font-size:14px;line-height:1.6;color:#4a4232}
.exl-home-none{color:#e8dcbc}
.exl-home-player[hidden]{display:none}
@media (max-width:560px){.exl-home{padding:10px;border-radius:12px}.exl-home .exl-home-title{font-size:18px}.exl-home-pic{height:140px}}
.exl-home-pic>svg.exl-g-svg,.exl-home-pic>svg.exl-thumb{width:auto;height:100%;max-width:100%;max-height:100%}
.exl-home-pic>svg.exl-as-svg{width:100%;height:auto;max-height:100%}

/* 一覧の絵は見るだけ：指でなぞっても、ページのスクロールになる（装置の絵だけスクロールできなかった） */
.exl-home-pic svg,.exl-home-pic svg *{touch-action:auto!important;pointer-events:none}
.exl-home-card{touch-action:manipulation}
.exl-home-note{flex:1 0 100%;margin:4px 0 0;padding:6px 10px;border-radius:10px;background:#e3f5ea;color:#1f4a32;font-weight:700;font-size:14px}
.exl-home-note.t{background:#fff4d6;color:#5a3a08}
.exl-home-note.exam{background:#fdf0d8;color:#5a3a0c}