.cc{--cc-green:var(--piece-s,#8cad55)}.cc .ph{padding-bottom:1.5rem}.cc h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.cc-hero-film{max-width:360px;margin:1.3rem 0}.cc-hero-film video{width:100%}.cc .cc-intro{font-size:.95rem;line-height:1.6}.cc-intro{max-width:65ch}.cc-start,.cc-next,.cc-download{display:inline-flex;align-items:center;min-height:44px;font-weight:750}.cc-start{padding:.65rem 1rem;background:var(--field);color:var(--bone);border-radius:var(--radius,6px);text-decoration:none}.cc-body{width:min(calc(100% - 2 * var(--gutter,24px)),var(--measure,68ch));margin-inline:auto;padding-bottom:3rem}.cc-path{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;padding:1rem 0 1.4rem;border-bottom:1px solid var(--line,#b8beb4)}.cc-path a{display:inline-flex;align-items:center;min-height:44px}.cc-section{scroll-margin-top:7rem;padding:clamp(28px,5vw,54px) 0}.cc-section h2{margin:0 0 1rem;line-height:1.15;text-wrap:balance}.cc-section h3{margin:1.5rem 0 .6rem}.cc-section h4{margin:1.2rem 0 .4rem}.cc-demo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.7rem 0}.cc-player{width:min(100%,420px);margin-inline:auto}.cc video{display:block;width:100%;height:auto;aspect-ratio:2/3;max-width:480px;background:var(--field);border-radius:var(--radius,6px)}.cc-caption,.cc-source,.cc-address{font-size:.84rem;line-height:1.55}.cc-explainer{padding-left:1.2rem}.cc-explainer h3{margin-top:0}.cc-source{margin-top:1.5rem}.cc-details{margin:1.1rem 0;border-top:1px solid var(--line,#aab0a4)}.cc-details > summary{display:list-item;cursor:pointer;min-height:48px;padding:.8rem .5rem;font-weight:750}.cc-details > div{padding:.25rem .5rem 1rem}.cc-details[open] > summary{color:var(--ink,#18201a)}.cc-details video{margin:1rem auto}.cc-specimen{padding:clamp(20px,4vw,32px);background:var(--paper,#f5f1e8);border:1px solid var(--line,#b8beb4);box-shadow:5px 5px 0 color-mix(in srgb,var(--cc-green) 26%,transparent)}.cc-specimen h3{margin-top:0}.cc-example-link{color:var(--ink,#18201a);font-weight:750;text-decoration:underline;text-underline-offset:3px}.cc-field{display:block;margin:1.4rem 0;font-weight:750}.cc-field textarea{display:block;width:100%;min-height:100px;margin-top:.6rem;padding:.85rem;font:inherit;font-weight:450;line-height:1.6;color:var(--ink,#18201a);background:var(--paper,#fff);border:1px solid #7a8578;border-radius:4px;resize:vertical}.cc-field textarea:focus-visible,.cc-button:focus-visible,.cc summary:focus-visible{outline:3px solid var(--ink,#18201a);outline-offset:4px}.cc-packet{margin-top:1.6rem}.cc-table-wrap{max-width:100%;overflow-x:auto}.cc table{width:100%;font-size:.9rem;border-collapse:collapse}.cc caption{text-align:left;font-size:.8rem;margin:.7rem 0}.cc th,.cc td{padding:.7rem .45rem;text-align:left;border-bottom:1px solid #c0c6bb;vertical-align:top}.cc th{font-weight:750}.cc th small{display:block;font-weight:450;font-size:.72rem;overflow-wrap:anywhere}.cc-inventory dt{margin:1rem 0 .3rem;font-weight:750;overflow-wrap:anywhere}.cc-inventory dd{margin:0}.cc code{overflow-wrap:anywhere}.cc-suggestions{margin:2rem 0;padding:1rem 1.2rem;background:color-mix(in srgb,var(--cc-green) 10%,transparent)}.cc-suggestions h3{margin-top:0}.cc-suggestions li{margin:1rem 0}.cc-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:1.4rem 0}.cc-actions[hidden]{display:none}.cc-button{font:750 1rem/1.3 var(--face,Arial,sans-serif);cursor:pointer;min-height:48px;padding:.8rem 1rem;border:0;border-radius:var(--radius,6px);color:var(--bone,#f5f1e8);background:var(--field,#15181c)}.cc-secondary{background:transparent;color:var(--ink,#18201a);box-shadow:inset 0 0 0 1px var(--ink,#18201a)}.cc-status{font-size:.9rem}.cc-provenance{padding:1.5rem 0;font-size:.9rem;border-top:1px solid var(--line,#b8beb4)}.cc-provenance h2{font-size:1.2rem}@media (min-width:1100px){.cc-demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem;align-items:start}.cc-player{width:100%}.cc-explainer{padding-left:1rem}}@media (max-width:420px){.cc th,.cc td{padding:.65rem .25rem;font-size:.8rem}.cc table th:first-child{width:40%}.cc th small{font-size:.67rem}}@media (hover:hover){.cc-button:hover,.cc-start:hover{filter:brightness(1.15)}.cc-details>summary:hover{background:color-mix(in srgb,var(--cc-green) 14%,transparent)}}@media print{.site-header,.site-footer,.cc-path,.cc video,.cc-actions,.cc-start{display:none}.cc-body{width:100%}.cc textarea{min-height:140px}.cc-section{padding:1rem 0}}.cc-group{margin-top:1.4rem}.cc-group h4{margin:0 0 .4rem}.cc h3,.cc h4{margin-top:1.8em;margin-bottom:.4em}.cc-explainer h3{margin-top:0}.cc-source{max-width:none}.cc-secondary{background:#ebe5d8}.cc .cc-explainer{margin-top:1.8rem}.cc .cc-explainer .cc-source{max-width:none}