.cc-page{background:var(--color-bg-page);min-height:100vh;color:var(--color-text-primary)}.cc-header{justify-content:space-between;align-items:center;gap:var(--space-16);min-height:56px;padding:var(--space-8) max(var(--space-20), calc((100vw - 1280px) / 2));border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface);display:flex}.cc-brand{color:var(--color-text-primary);font-size:var(--font-size-item-title);font-weight:var(--weight-medium);letter-spacing:var(--tracking-card-title);text-decoration:none}.cc-back-link{min-height:var(--hit-area-touch);color:var(--color-text-secondary);font-size:var(--font-size-metadata);line-height:var(--line-metadata);text-underline-offset:var(--space-4);align-items:center;display:inline-flex}.cc-back-link:hover{color:var(--color-text-primary)}.cc-content{width:min(calc(100% - var(--space-32)), 1280px);padding:var(--space-32) 0 var(--space-48);margin-inline:auto}.cc-scope-note{padding:var(--space-12) var(--space-16);border:1px solid var(--color-memory-border);border-radius:var(--radius-control);background:var(--color-memory-subtle);color:var(--color-text-primary);font-size:var(--font-size-secondary-body);line-height:var(--line-secondary-body);margin:0}.cc-page-heading{margin:var(--space-32) 0}.cc-eyebrow{margin:0 0 var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-uppercase-label);font-weight:var(--weight-medium);line-height:var(--line-uppercase-label);letter-spacing:var(--tracking-uppercase-label)}.cc-page-heading h1{font-size:var(--font-size-page-title);font-weight:var(--weight-regular);line-height:var(--line-page-title);letter-spacing:var(--tracking-page-title);text-wrap:pretty;margin:0}.cc-page-heading>p:last-child{margin:var(--space-12) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-secondary-body);line-height:var(--line-secondary-body)}.cc-layout{align-items:start;gap:var(--space-24);grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);display:grid}.cc-editor,.cc-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-surface);background:var(--color-bg-surface);min-width:0}.cc-editor{padding:var(--space-24)}.cc-group+.cc-group{margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--color-border-subtle)}.cc-group h2,.cc-preview h2{margin:0 0 var(--space-16);font-size:var(--font-size-card-title);font-weight:var(--weight-medium);line-height:var(--line-card-title);letter-spacing:var(--tracking-card-title)}.cc-field{min-width:0;margin-top:var(--space-16)}.cc-inline-grid{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cc-label{margin-bottom:var(--space-6);color:var(--color-text-primary);font-size:var(--font-size-form-value);font-weight:var(--weight-medium);line-height:var(--line-form-value);display:block}.cc-control{width:100%;min-height:var(--control-height-default);padding:var(--space-8) var(--space-10);border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-form-value);line-height:var(--line-form-value);display:block}.cc-control:focus-visible{border-color:var(--color-border-strong)}.cc-control[aria-invalid=true]{border-color:var(--color-status-danger)}.cc-textarea{min-height:calc(var(--line-body) * var(--font-size-form-value) * 3 + var(--space-16));resize:vertical}.cc-error{margin:var(--space-6) 0 0;color:var(--color-status-danger);font-size:var(--font-size-metadata);line-height:var(--line-metadata)}.cc-version-control{min-height:var(--control-height-default);align-items:center;gap:var(--space-10);display:flex}.cc-version-control output{min-width:var(--space-24);font-size:var(--font-size-form-value);font-variant-numeric:tabular-nums}.cc-button{min-height:var(--control-height-default);justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-12);border-radius:var(--radius-control);font-size:var(--font-size-button);font-weight:var(--weight-medium);line-height:var(--line-button);cursor:pointer;border:1px solid #0000;text-decoration:none;display:inline-flex}.cc-button:disabled,.cc-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.cc-button-secondary{border-color:var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary)}.cc-button-secondary:hover:not(:disabled){background:var(--color-bg-surface-hover)}.cc-button-primary{border-color:var(--color-action-solid);background:var(--color-action-solid);color:var(--color-action-on-solid)}.cc-button-primary:hover:not([aria-disabled=true]){background:var(--color-action-solid-hover)}.cc-button-link{color:var(--color-text-secondary);text-underline-offset:var(--space-4);background:0 0;padding-inline:0;text-decoration:underline}.cc-button-link:hover{color:var(--color-text-primary)}.cc-choice-group{min-width:0;margin:var(--space-20) 0 0;border:0;padding:0}.cc-choice-group legend{padding:0}.cc-choice-options{gap:var(--space-8);display:grid}.cc-choice{min-height:var(--hit-area-touch);align-items:flex-start;gap:var(--space-8);padding:var(--space-8) var(--space-10);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-secondary-body);line-height:var(--line-secondary-body);cursor:pointer;display:flex}.cc-choice:has(input:checked){border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.cc-choice input{width:var(--space-16);height:var(--space-16);margin:var(--space-2) 0 0;accent-color:var(--color-action-solid);flex:none}.cc-group-help{margin:calc(var(--space-8) * -1) 0 var(--space-12);color:var(--color-text-secondary);font-size:var(--font-size-secondary-body);line-height:var(--line-secondary-body)}.cc-unresolved-item{min-width:0;margin:var(--space-16) 0 0;padding:var(--space-16);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control)}.cc-unresolved-item legend{padding:0 var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-metadata);line-height:var(--line-metadata)}.cc-summary-toggle,.cc-group>.cc-button-secondary{margin-top:var(--space-16)}.cc-preview{top:var(--space-16);max-height:calc(100vh - var(--space-32));padding:var(--space-20);position:sticky;overflow:auto}.cc-preview-heading h2{margin-bottom:var(--space-16)}.cc-preview-heading>p,.cc-body-heading>p{margin:0 0 var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-metadata);font-weight:var(--weight-medium);line-height:var(--line-metadata)}.cc-subject-row{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto;display:grid}.cc-subject{min-width:0;font-size:var(--font-size-secondary-body);font-weight:var(--weight-medium);line-height:var(--line-secondary-body);overflow-wrap:anywhere;margin:0}.cc-body-heading{justify-content:space-between;align-items:center;gap:var(--space-12);margin-top:var(--space-20);display:flex}.cc-body-preview{max-height:min(50vh,560px);padding:var(--space-12);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-bg-sunken);color:var(--color-text-primary);font:var(--weight-regular) var(--font-size-secondary-body)/var(--line-body) var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.cc-mail-link{width:100%;margin-top:var(--space-16)}.cc-preview-note{margin:var(--space-8) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-metadata);line-height:var(--line-metadata)}.cc-status{min-height:calc(var(--font-size-metadata) * var(--line-metadata));margin:var(--space-8) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-metadata);line-height:var(--line-metadata)}@media (max-width:980px){.cc-layout{grid-template-columns:minmax(0,1fr)}.cc-preview{max-height:none;position:static}.cc-body-preview{max-height:560px}}@media (max-width:600px){.cc-content{width:calc(100% - var(--space-24));padding-top:var(--space-20)}.cc-header{padding-inline:var(--space-12)}.cc-editor,.cc-preview{padding:var(--space-16)}.cc-inline-grid{grid-template-columns:minmax(0,1fr);gap:0}.cc-subject-row{grid-template-columns:minmax(0,1fr)}.cc-body-heading{align-items:flex-end}.cc-button{min-height:var(--control-height-touch)}.cc-body-preview{max-height:50vh}}