#circle-skirt.cs,#circle-skirt.cs *{box-sizing:border-box}#circle-skirt.cs{--ink:#263b36;--muted:#566c64;--paper:#f8f5ee;--accent:#a74d38;max-width:1120px;margin:auto;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;border-radius:20px;padding:clamp(16px,3vw,36px);line-height:1.5}#circle-skirt.cs h2,#circle-skirt.cs h3,#circle-skirt.cs p{margin:0 0 12px}#circle-skirt.cs h2{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15;max-width:650px}#circle-skirt.cs h3{font-size:1.15rem}#circle-skirt.cs .cs-eyebrow{letter-spacing:.15em;font-size:.75rem;color:var(--accent);font-weight:700}#circle-skirt.cs button,#circle-skirt.cs input,#circle-skirt.cs select{font:inherit;color:inherit;max-width:100%;min-width:0}#circle-skirt.cs button,#circle-skirt.cs select{cursor:pointer}#circle-skirt.cs button{border:1px solid #c9cbbf;background:#fffdf7;padding:12px;border-radius:9px;white-space:normal}#circle-skirt.cs button:hover{border-color:var(--accent)}#circle-skirt.cs :is(button,input,select):focus-visible{outline:3px solid #a74d38;outline-offset:3px}#circle-skirt.cs input,#circle-skirt.cs select{width:100%;border:1px solid #a8b7aa;border-radius:7px;background:white;padding:10px;line-height:1.5}#circle-skirt.cs input:disabled{background:#ecece4;color:#69716a}#circle-skirt.cs small{font-size:.8rem;display:block;color:var(--muted);font-weight:400}#circle-skirt.cs [data-unit]{display:inline}.cs-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.cs-examples button{text-align:left;font-weight:700}.cs-examples [aria-pressed=true]{border:2px solid var(--accent);background:#f8e8de;padding:11px}.cs-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px}.cs-editor,.cs-output{min-width:0}.cs-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.cs-section-head label{font-size:.8rem}.cs-section-head select{display:block}.cs-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:10px 15px;margin-bottom:24px}.cs-fields>label{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:5px;min-width:0}.cs-fields>label>span{font-weight:600;font-size:.9rem}.cs-fields input,.cs-fields select{align-self:stretch}#circle-skirt.cs details{border-top:1px solid #d3d8cc;padding-top:15px}#circle-skirt.cs summary{cursor:pointer;font-weight:600;margin-bottom:16px}.cs-answer{background:#243f37;color:#fff9ec;border-radius:14px;padding:22px}.cs-answer>p:first-child{font-size:.75rem;letter-spacing:.12em}.cs-answer h3{font-family:Georgia,serif;font-size:2rem;line-height:1.2}.cs-answer p:last-child{margin-bottom:0}.cs-board{margin:20px 0;padding:18px;background:#fffdf8;border:1px solid #d9dbcf;border-radius:12px}.cs-board svg{display:block;max-height:460px;width:100%;height:auto}.cs-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:.8rem}.cs-legend span:before{content:'';display:inline-block;width:24px;border-top:2px solid #a74d38;vertical-align:middle;margin-right:6px}.cs-legend span+span:before{border-top:2px dashed #263b36}#circle-skirt.cs dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;font-size:.9rem}#circle-skirt.cs dt,#circle-skirt.cs dd{margin:0}#circle-skirt.cs dd{font-weight:650;text-align:right}.cs-layout{max-height:500px}.cs-alternatives{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.cs-alternatives button{font-size:.8rem;padding:7px}.cs-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.cs-actions label{flex:1;min-width:100px;font-size:.8rem}.cs-actions button{flex:2;background:var(--accent);color:white;border:0;font-weight:650}#circle-skirt.cs #cs-error{border-left:4px solid #a74d38;background:#f9e1d7;padding:16px}#circle-skirt.cs #cs-status{font-size:.85rem;margin-top:12px}.cs-notes{border-top:1px solid #d3d8cc;padding-top:24px;margin-top:30px;max-width:800px}.cs-notes p{font-size:.9rem}#circle-skirt.cs a{color:#8a3d2a}#circle-skirt.cs [hidden]{display:none!important}@media(max-width:850px){.cs-workspace{grid-template-columns:1fr}.cs-output{border-top:1px solid #d3d8cc;padding-top:24px}}@media(max-width:500px){.cs-examples{grid-template-columns:1fr}.cs-examples button{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.cs-fields{grid-template-columns:1fr}#circle-skirt.cs dl{grid-template-columns:1fr}#circle-skirt.cs dd{text-align:left;margin-top:-8px}}
#circle-skirt.cs{overflow-wrap:anywhere}#circle-skirt.cs select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23263b36' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:28px}
#circle-skirt.cs #cs-summary{margin-bottom:26px}#circle-skirt.cs #cs-summary .cs-answer{padding:18px 24px}#circle-skirt.cs #cs-summary h3{font-size:1.8rem}

#circle-skirt.cs .cs-answer,#circle-skirt.cs .cs-answer h3,#circle-skirt.cs .cs-answer p{color:#fff9ec}
#circle-skirt .cs-examples button[aria-pressed=true]{border:2px solid #a74d38;background:#f8e8de;padding:11px}#circle-skirt .cs-alternatives button[aria-pressed=true]{border:2px solid #a74d38;background:#f8e8de;padding:6px}