/* learn.shareyourgroup.com/shapes */
.fig{width:100%;height:auto;max-width:300px;display:block;margin:0 auto;font:italic 600 13px Georgia,'Times New Roman',serif}
.fig .sh{fill:color-mix(in srgb,var(--accent) 16%,transparent);stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.fig .ds{fill:none;stroke:var(--soft);stroke-width:1.5;stroke-dasharray:5 4}
.fig .ln{fill:none;stroke:var(--accent);stroke-width:2}
.fig .mk{fill:none;stroke:var(--ink);stroke-width:1.2}
.fig .dot{fill:var(--ink)}
.fig .hole{fill:var(--surface);stroke:var(--ink);stroke-width:2}
.fig text{fill:var(--ink)}
.shape-top{display:grid;gap:16px;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;margin:14px 0}
@media (max-width:640px){.shape-top{grid-template-columns:1fr}}
.figbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.figbox.one{max-width:340px;margin:12px 0}
.formbox{background:var(--surface);border:2px solid var(--teal);border-radius:var(--r);padding:14px 18px}
.formbox h2{margin:0 0 6px;font-size:1.1rem}
.forms{list-style:none;padding:0;margin:0}
.forms li{font:500 1.08rem/1.5 Georgia,'Times New Roman',serif;padding:7px 0;border-bottom:1px dashed var(--line)}.forms li:last-child{border:0}
.formbox .acts,.prose .acts,.wrap>.acts{display:flex}
.formula{font:500 1.05rem/1.6 Georgia,serif;background:var(--surface2);border-radius:8px;padding:10px 14px;overflow-wrap:anywhere}
.shapes{list-style:none;padding:0;margin:12px 0 22px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(46%,150px),1fr))}
.shapes a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 8px 8px;text-decoration:none;color:var(--ink);text-align:center;font-weight:600;font-size:.92rem;height:100%}
.shapes a:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.shapes .fig{max-width:120px;font-size:0}.shapes .fig text{display:none}
.shapes span{display:block;margin-top:4px;line-height:1.25}
.ft td:first-child{font-weight:700;white-space:nowrap}.ft td:last-child{font:500 1rem/1.9 Georgia,serif}
.sc-mid{display:grid;gap:14px;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start;margin:14px 0 4px}
@media (max-width:560px){.sc-mid{grid-template-columns:1fr}.sc-mid .figbox{max-width:260px;margin:0 auto}}
.sc-mid .figbox{padding:8px}
.rs{margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.rs>div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
.rs dt{color:var(--soft);font-size:.9rem}.rs dd{margin:0}.rs .big{font-size:1.5rem;margin:.1em 0}
.rs .fm{font:500 .98rem/1.4 Georgia,serif;margin:.3em 0 0}.rs .wk{font:500 .86rem/1.4 var(--mono);color:var(--soft);margin:.2em 0 0;overflow-wrap:anywhere}
sup{font-size:.72em;line-height:0}
@media print{.tbl{border:0;overflow:visible}th{position:static}.fig .sh{fill:#eee;stroke:#000}.fig text{fill:#000}}