:root{
  --ex2-paper:#f4f1ea;
  --ex2-ink:#1d2b33;
  --ex2-rust:#c4572a;
  --ex2-lead:#4b5257;
  --ex2-line:#9cb8b3;
  --ex2-card:#fffdf7;
  --ex2-grid:#e3ddcf;
}
html{background:var(--ex2-paper);color:var(--ex2-ink);-webkit-text-size-adjust:100%}
body{margin:0;font:400 1.07rem/1.7 "Jaldi",Arial,Helvetica,sans-serif;background-color:var(--ex2-paper);background-image:linear-gradient(var(--ex2-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ex2-grid) 1px,transparent 1px);background-size:36px 36px}
.ex2-shell{box-sizing:border-box;width:100%;max-width:78ch;margin:0 auto;padding:2.3rem 1.5rem 3.2rem;background:var(--ex2-paper);border-left:1px solid var(--ex2-grid);border-right:1px solid var(--ex2-grid)}
.ex2-titleblock{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;align-items:baseline;border:2px solid var(--ex2-ink);padding:.6rem .95rem;margin:0 0 1.7rem}
.ex2-titleblock a{font-family:"Zen Dots",Verdana,sans-serif;color:var(--ex2-ink);text-decoration:none;font-size:.98rem;letter-spacing:.05em}
.ex2-sheetno{font-family:"Zen Dots",Verdana,sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ex2-rust)}
.ex2-scale{grid-column:1/-1;font-size:.82rem;color:var(--ex2-lead);border-top:1px solid var(--ex2-line);padding-top:.25rem}
h1,h2,h3{font-family:"Zen Dots",Verdana,sans-serif;font-weight:400;color:var(--ex2-ink);line-height:1.28}
h1{font-size:clamp(1.5rem,3.4vw,2.3rem);margin:.3rem 0 1rem}
h2{font-size:1.14rem;margin:2.2rem 0 .65rem;padding-top:.55rem;border-top:1px solid var(--ex2-line)}
h3{font-size:.96rem;margin:1.4rem 0 .4rem}
p{margin:0 0 1.05rem}
a{color:var(--ex2-rust);text-underline-offset:3px}
a:hover{color:var(--ex2-ink)}
.ex2-dek{font-size:1.16rem;color:var(--ex2-lead);margin-bottom:1.5rem;border-left:4px solid var(--ex2-rust);padding-left:.9rem}
.ex2-drawing{margin:1.4rem 0 1.8rem;background:var(--ex2-card);border:1px solid var(--ex2-line);padding:.8rem}
.ex2-drawing svg{display:block;width:100%;height:auto;max-height:330px}
.ex2-drawing figcaption{font-size:.84rem;color:var(--ex2-lead);margin-top:.5rem}
.ex2-partlist{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.ex2-partlist li{background:var(--ex2-card);border:1px solid var(--ex2-line);padding:.7rem .85rem .75rem 3.1rem;position:relative}
.ex2-partlist .ex2-num{position:absolute;left:.7rem;top:.7rem;width:1.8rem;height:1.8rem;border-radius:50%;border:2px solid var(--ex2-rust);color:var(--ex2-rust);font:400 .72rem/1.65rem "Zen Dots",Verdana,sans-serif;text-align:center}
.ex2-partlist a{font-weight:700;text-decoration:none;color:var(--ex2-ink)}
.ex2-partlist small{display:block;color:var(--ex2-lead);font-size:.86rem;line-height:1.45;margin-top:.2rem}
.ex2-leadpiece{background:var(--ex2-ink);color:var(--ex2-card);padding:1.1rem 1.2rem;margin:0 0 1.6rem}
.ex2-leadpiece a{color:#f2b38f;font-family:"Zen Dots",Verdana,sans-serif;font-size:1.05rem;text-decoration:none}
.ex2-leadpiece p{margin:.4rem 0 0;color:#dfe6e5}
.ex2-step{display:grid;grid-template-columns:2.7rem minmax(0,1fr);gap:0 .95rem;align-items:start}
.ex2-balloon{display:inline-block;width:2.1rem;height:2.1rem;margin-top:2.35rem;border-radius:50%;background:var(--ex2-card);border:2px solid var(--ex2-ink);font:400 .78rem/1.95rem "Zen Dots",Verdana,sans-serif;text-align:center;color:var(--ex2-ink)}
.ex2-step>div>h2{margin-top:2.2rem}
.ex2-photo{margin:1.3rem 0 1.7rem}
.ex2-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--ex2-grid);border:1px solid var(--ex2-line)}
.ex2-photo figcaption{font-size:.84rem;color:var(--ex2-lead);margin-top:.45rem}
.ex2-tag{margin:2.4rem 0 1rem;background:var(--ex2-card);border:2px solid var(--ex2-ink);border-radius:4px 22px 4px 4px;padding:1rem 1.15rem 1.2rem}
.ex2-tag strong{display:block;font-family:"Zen Dots",Verdana,sans-serif;font-weight:400;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ex2-rust);margin-bottom:.35rem}
.ex2-tag p{margin:0 0 .7rem}
.ex2-barcode{height:26px;width:62%;max-width:240px;background:repeating-linear-gradient(90deg,var(--ex2-ink) 0 2px,transparent 2px 4px,var(--ex2-ink) 4px 5px,transparent 5px 8px,var(--ex2-ink) 8px 11px,transparent 11px 13px)}
.ex2-glossary dt{font-family:"Zen Dots",Verdana,sans-serif;font-size:.9rem;margin-top:1rem;color:var(--ex2-ink)}
.ex2-glossary dd{margin:.2rem 0 0 1.2rem}
.ex2-nextpart{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:2rem 0 0;padding:.8rem 0 0;border-top:2px solid var(--ex2-ink);font-size:.95rem}
.ex2-nextpart a{font-weight:700}
.ex2-foot{margin-top:2.6rem;padding:1rem 0 0;border-top:1px dashed var(--ex2-lead);font-size:.86rem;color:var(--ex2-lead);line-height:1.55}
.ex2-foot p{margin:0 0 .35rem}
.ex2-foot a{color:var(--ex2-lead)}
@media (max-width:1280px){.ex2-shell{max-width:72ch}}
@media (max-width:830px){.ex2-partlist{grid-template-columns:minmax(0,1fr)}.ex2-shell{padding:1.6rem 1.1rem 2.6rem}.ex2-step{grid-template-columns:2.2rem minmax(0,1fr);gap:0 .6rem}}
@media (max-width:415px){body{font-size:1rem}.ex2-titleblock{grid-template-columns:1fr}.ex2-balloon{width:1.8rem;height:1.8rem;line-height:1.65rem;font-size:.7rem}}