/* lab-why-elastin.html の図（エラスチンのひみつ／デスモシン・イソデスモシンとは？）をHTML・SVGで作成（2026-09-29） */
.ef-defs{position:absolute;width:0;height:0;overflow:hidden}
.art-figure .ef-fig{--ef-ink:#3c3530;--ef-sub:#6b5f5a;--ef-rose:#c2577f;--ef-rose-soft:#fbecf1;--ef-line:rgba(196,142,127,.26);--ef-gold:#b59463;
  position:relative;margin:0;padding:clamp(18px,3.2vw,36px);border:1px solid var(--ef-line);border-radius:8px;
  background:radial-gradient(900px 420px at 50% -10%,#fff 0%,rgba(255,255,255,0) 60%),linear-gradient(180deg,#fffaf8 0%,#fbf0f2 100%);
  color:var(--ef-ink);font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;font-size:14px;line-height:1.8;letter-spacing:.02em;text-align:left}
.art-figure .ef-fig p{margin:0 0 6px;font-size:inherit;line-height:inherit;color:inherit}
.art-figure .ef-fig p:last-child{margin-bottom:0}
.ef-fig .ef-svg{display:block;width:100%;height:auto;overflow:visible}
.ef-fig .ef-hl{color:var(--ef-rose);font-weight:700}
.ef-fig .ef-center{text-align:center}
.ef-fig .ef-muted{color:var(--ef-sub);font-size:13px}
.ef-fig .ef-head{text-align:center;margin-bottom:clamp(16px,2.6vw,26px)}
.ef-fig .ef-brand{display:block;margin-bottom:6px;color:var(--ef-gold);font:500 13px/1 Georgia,"Times New Roman",serif;letter-spacing:.24em}
.ef-fig .ef-kicker{display:inline-block;margin-bottom:8px;color:var(--ef-rose);font-weight:700;font-size:15px;letter-spacing:.16em}
.ef-fig .ef-kicker::before,.ef-fig .ef-kicker::after{content:"✦";margin:0 .6em;color:#e7b98f;font-size:.8em}
.art-figure .ef-fig .ef-title{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-weight:600;font-size:clamp(20px,3vw,30px);line-height:1.5;letter-spacing:.04em;color:var(--ef-ink)}
.ef-fig .ef-title em{font-style:normal;color:var(--ef-rose)}
.art-figure .ef-fig .ef-lead{margin-top:6px;color:var(--ef-sub);font-size:14.5px}
.ef-fig .ef-grid{display:grid;gap:clamp(10px,1.6vw,16px)}
.ef-fig .ef-grid.c2{grid-template-columns:1fr 1fr}
.ef-fig .ef-grid.c3{grid-template-columns:repeat(3,1fr)}
.ef-fig .ef-grid.c3.ef-cmp{grid-template-columns:1.35fr 1fr 1fr}
.ef-fig .ef-block{margin-top:clamp(14px,2.2vw,22px)}
.ef-fig .ef-card{position:relative;padding:clamp(14px,2vw,20px);background:rgba(255,255,255,.88);border:1px solid var(--ef-line);border-radius:8px;box-shadow:0 8px 24px rgba(150,110,110,.06)}
.ef-fig .ef-card.soft{background:rgba(255,255,255,.6)}
.ef-fig .ef-tag{display:table;max-width:100%;margin:0 auto 12px;padding:5px 18px;line-height:1.5;border-radius:999px;background:var(--ef-rose);color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.06em;text-align:center}
.ef-fig .ef-tag.brown{background:#8c7667}
.ef-fig .ef-tag.line{background:#fff;color:var(--ef-rose);border:1px solid rgba(194,87,127,.45)}
.ef-fig .ef-note{margin-top:10px;padding:10px 14px;border-radius:6px;background:var(--ef-rose-soft);text-align:center;font-weight:600}
.ef-fig .ef-pull{margin:10px 0 6px;text-align:center;font-weight:700;font-size:13.5px;letter-spacing:.08em;color:var(--ef-sub)}
.ef-fig .ef-arrow{display:flex;align-items:center;justify-content:center;color:var(--ef-rose);font-size:22px;line-height:1}
.ef-fig .ef-sec{display:flex;align-items:center;gap:14px;margin:clamp(18px,2.6vw,26px) 0 12px;color:var(--ef-rose);font-weight:700;font-size:clamp(15px,1.9vw,18px);letter-spacing:.06em}
.ef-fig .ef-sec::before,.ef-fig .ef-sec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(194,87,127,0),rgba(194,87,127,.45),rgba(194,87,127,0))}
.art-figure .ef-fig .ef-band{color:#fff !important;margin-top:clamp(16px,2.4vw,24px);padding:12px 22px;border-radius:999px;background:linear-gradient(90deg,#a9476f,#c9678c 50%,#a9476f);font-weight:700;text-align:center;letter-spacing:.05em;box-shadow:0 8px 20px rgba(169,71,111,.18)}
.ef-fig .ef-side{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}
.ef-fig .ef-flow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.ef-fig .ef-chip{display:inline-block;padding:2px 10px;border:1px solid rgba(194,87,127,.4);border-radius:4px;background:#fff;font-weight:600}
.ef-fig .ef-summary{display:grid;grid-template-columns:auto 1fr 1.1fr;gap:16px;align-items:center}
.ef-fig .ef-badge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c9678c,#a9476f);color:#fff;font-weight:700;font-size:14px}
@media (max-width:720px){
  .ef-fig .ef-grid.c2,.ef-fig .ef-grid.c3,.ef-fig .ef-grid.c3.ef-cmp,.ef-fig .ef-summary{grid-template-columns:1fr}
  .ef-fig .ef-badge{margin:0 auto}
  .art-figure .ef-fig{font-size:14.5px}
}