.hero{padding:clamp(1.25rem,3.5vw,2.5rem) 0 1.25rem}
.hero h1{margin-bottom:.35em}
.hero .lede{margin-bottom:0}

/* Workspace: a ruled writing sheet for output, a plain field for input */
.workspace{display:grid;gap:1.25rem;padding-bottom:2rem}
@media (min-width:60em){.workspace{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}
.csg-input-pane{border:1px solid var(--rule-2);background:var(--paper);padding:1rem}
.csg-input-pane textarea{min-height:11rem;font-size:1.125rem;border-color:var(--rule-2)}
.csg-tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-top:.75rem}
.csg-counter{font-variant-numeric:tabular-nums;color:var(--ink-2);margin:0}
.csg-counter.is-full{color:var(--error);font-weight:700}
.csg-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}

.csg-sheet{border:1px solid var(--rule-2);background:
  linear-gradient(var(--rule) 1px,transparent 1px) 0 0/100% 2.25rem,var(--paper);padding:0}
.csg-results{list-style:none;margin:0;padding:0}
.csg-row{padding:.9rem 1rem 1rem;border-top:1px solid var(--rule-2);background:linear-gradient(var(--paper),var(--paper))}
.csg-row:first-child{border-top:0}
.csg-row-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}
.csg-row-title{font-family:var(--sans);font-size:.95rem;font-weight:700;margin:0;letter-spacing:0}
.csg-out{font-size:clamp(1.35rem,3.6vw,1.75rem);line-height:1.5;margin:0 0 .35rem;white-space:pre-wrap;word-break:break-word;min-height:2.4rem;font-family:'Segoe UI Symbol','Noto Sans Math','Cambria Math','STIX Two Math',var(--sans)}
.csg-out-font{font-family:var(--hand);font-size:clamp(1.6rem,4.4vw,2.2rem)}
.csg-note,.csg-warn{font-size:.875rem;color:var(--ink-2);margin:0}
.csg-warn:empty{display:none}
.csg-warn{margin-top:.25rem;color:var(--ink)}
.csg-tag{font-size:.8rem;border:1px solid var(--rule-2);padding:.1rem .5rem;color:var(--ink-2)}
.csg-empty{padding:1.5rem 1rem;margin:0;max-width:34rem}
.csg-empty strong{display:block;font-family:var(--serif);font-size:1.15rem;margin-bottom:.25rem}
.csg-btn-copy{min-width:5.5rem}