:root {
  --ct-paper: #fbfaf7;
  --ct-surface: #ffffff;
  --ct-soft: #f1f2ec;
  --ct-ink: #172019;
  --ct-muted: #626a63;
  --ct-line: rgba(23, 32, 25, 0.14);
  --ct-forest: #203e2b;
  --ct-forest-light: #345a41;
  --ct-orange: #e6692e;
  --ct-orange-soft: #fff0e7;
  --ct-blue-soft: #eaf1f5;
  --ct-shadow: 0 24px 64px rgba(23, 32, 25, 0.1);
  --ct-sans: Onest, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ct-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ct-paper); color: var(--ct-ink); font-family: var(--ct-sans); }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
.ct-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.ct-crumb { display: flex; align-items: center; gap: 8px; padding-block: 24px; color: var(--ct-muted); font-size: 13px; }
.ct-crumb a { color: inherit; text-decoration: none; }
.ct-crumb a:hover { color: var(--ct-ink); }
.ct-hero { position: relative; overflow: hidden; padding: 48px 0 96px; }
.ct-hero::before { position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 82% 18%, rgba(230, 105, 46, 0.16), transparent 28%), linear-gradient(155deg, #f8f3eb 0%, #fbfaf7 52%, #eef3ed 100%); content: ""; }
.ct-hero::after { position: absolute; top: 24px; right: -96px; z-index: -1; width: 420px; height: 420px; border: 1px solid rgba(32, 62, 43, 0.12); border-radius: 9999px; content: ""; }
.ct-hero-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr); align-items: center; gap: 64px; }
.ct-meta { margin: 0 0 20px; color: var(--ct-forest-light); font: 700 11px/1.5 var(--ct-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.ct-hero h1, .ct-library-hero h1 { max-width: 820px; margin: 0; font-size: clamp(44px, 6vw, 80px); font-weight: 500; letter-spacing: -0.064em; line-height: 0.98; text-wrap: balance; }
.ct-hero-copy > p:not(.ct-meta), .ct-library-hero > .ct-shell > p:not(.ct-meta, .ct-count) { max-width: 680px; margin: 28px 0 0; color: var(--ct-muted); font-size: 18px; line-height: 1.65; }
.ct-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.ct-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; border: 1px solid var(--ct-forest); border-radius: 99px; background: var(--ct-forest); color: #fff; padding: 12px 24px; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform 160ms ease, background 160ms ease, border-color 160ms ease; }
.ct-button:hover { transform: translateY(-2px); background: var(--ct-forest-light); border-color: var(--ct-forest-light); }
.ct-button.secondary { background: transparent; color: var(--ct-forest); }
.ct-button.light { border-color: #fff; background: #fff; color: var(--ct-forest); }
.ct-button.small { min-height: 40px; padding: 8px 16px; font-size: 13px; }
.ct-button.danger { border-color: #9e3f32; background: transparent; color: #8a3328; }
.ct-button:disabled { transform: none; border-color: var(--ct-line); background: #e9eae5; color: #8a8e89; cursor: not-allowed; }
.ct-proof { display: flex; flex-wrap: wrap; gap: 16px 24px; margin: 28px 0 0; padding: 0; color: var(--ct-muted); font-size: 13px; list-style: none; }
.ct-proof li::before { margin-right: 8px; color: var(--ct-forest-light); content: "✓"; }
.ct-hero-card { position: relative; overflow: hidden; border: 1px solid var(--ct-line); border-radius: 28px; background: rgba(255, 255, 255, 0.82); box-shadow: var(--ct-shadow); padding: 40px; backdrop-filter: blur(16px); }
.ct-hero-card h2 { max-width: 360px; margin: 56px 0 12px; font-size: 30px; font-weight: 500; letter-spacing: -0.04em; line-height: 1.08; }
.ct-hero-card > p { margin: 0 0 28px; color: var(--ct-muted); font-size: 14px; line-height: 1.65; }
.ct-orbit { position: absolute; top: 28px; right: 32px; width: 72px; height: 72px; border: 1px solid rgba(230, 105, 46, 0.34); border-radius: 9999px; }
.ct-orbit::after { position: absolute; inset: 16px; border: 1px solid rgba(32, 62, 43, 0.3); border-radius: inherit; content: ""; }
.ct-orbit span { position: absolute; top: 4px; left: 24px; width: 12px; height: 12px; border-radius: 9999px; background: var(--ct-orange); }
.ct-orbit i { position: absolute; right: 8px; bottom: 8px; width: 8px; height: 8px; border-radius: 9999px; background: var(--ct-forest); }
.ct-private-row { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: start; border-top: 1px solid var(--ct-line); padding: 20px 0 0; margin-top: 20px; }
.ct-private-row > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9999px; background: var(--ct-soft); color: var(--ct-forest); font-weight: 800; }
.ct-private-row p { margin: 0; color: var(--ct-muted); font-size: 13px; line-height: 1.55; }
.ct-private-row strong { color: var(--ct-ink); }

.ct-tool-section { padding: 0 0 96px; }
.ct-tool-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 24px; }
.ct-tool-heading h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); font-weight: 500; letter-spacing: -0.048em; }
.ct-tool-heading p { max-width: 680px; margin: 12px 0 0; color: var(--ct-muted); line-height: 1.6; }
.ct-mode, .ct-choice, .ct-template-choices, .ct-tone-choices { display: flex; flex-wrap: wrap; gap: 4px; border: 1px solid var(--ct-line); border-radius: 99px; background: var(--ct-surface); padding: 4px; }
.ct-mode button, .ct-choice button, .ct-template-choices button, .ct-tone-choices button { min-height: 36px; border: 0; border-radius: 99px; background: transparent; color: var(--ct-muted); padding: 8px 16px; font-size: 13px; font-weight: 700; cursor: pointer; }
.ct-mode button[aria-pressed="true"], .ct-choice button[aria-pressed="true"], .ct-template-choices button[aria-pressed="true"], .ct-tone-choices button[aria-pressed="true"] { background: var(--ct-forest); color: #fff; }
.ct-workspace { min-height: 560px; overflow: hidden; border: 1px solid var(--ct-line); border-radius: 28px; background: var(--ct-surface); box-shadow: 0 20px 56px rgba(23, 32, 25, 0.08); }
.ct-mobile-resume-nav { display: none; }
.ct-loading { display: grid; min-height: 560px; place-content: center; padding: 48px; text-align: center; }
.ct-loading p { color: var(--ct-muted); }
.ct-app { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr); min-height: 680px; }
.ct-input-panel { border-right: 1px solid var(--ct-line); background: #f8f8f4; padding: 28px; }
.ct-output-panel { min-width: 0; padding: 28px; }
.ct-panel-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.ct-panel-head h3 { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -0.032em; }
.ct-panel-head p { margin: 8px 0 0; color: var(--ct-muted); font-size: 13px; line-height: 1.5; }
.ct-step { display: grid; flex: 0 0 auto; width: 32px; height: 32px; place-items: center; border-radius: 9999px; background: var(--ct-orange-soft); color: #a23f16; font: 700 11px var(--ct-mono); }
.ct-fields { display: grid; gap: 20px; }
.ct-field { display: grid; gap: 8px; }
.ct-field > span, .ct-field legend { color: var(--ct-ink); font-size: 13px; font-weight: 700; }
.ct-field small { color: var(--ct-muted); font-size: 11px; line-height: 1.45; }
.ct-field input, .ct-field textarea, .ct-editable, .ct-import textarea { width: 100%; border: 1px solid var(--ct-line); border-radius: 12px; outline: 0; background: #fff; color: var(--ct-ink); padding: 12px 16px; line-height: 1.55; resize: vertical; transition: border-color 160ms ease; }
.ct-field input { min-height: 44px; }
.ct-field textarea { min-height: 116px; }
.ct-field textarea.tall, .ct-import textarea { min-height: 240px; }
.ct-field input:focus, .ct-field textarea:focus, .ct-editable:focus, .ct-import textarea:focus { border-color: var(--ct-forest-light); }
.ct-fieldset { margin: 0; border: 0; padding: 0; }
.ct-fieldset legend { margin-bottom: 8px; padding: 0; }
.ct-field-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.ct-advanced-field { animation: ct-reveal 180ms ease both; }
@keyframes ct-reveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.ct-panel-actions { position: sticky; bottom: 0; display: flex; align-items: center; gap: 8px; margin: 28px -28px -28px; border-top: 1px solid var(--ct-line); background: rgba(248, 248, 244, 0.96); padding: 16px 28px; backdrop-filter: blur(12px); }
.ct-save { margin-left: auto; color: var(--ct-muted); font-size: 11px; }
.ct-status { min-height: 24px; margin: 16px 0 0; color: var(--ct-muted); font-size: 12px; line-height: 1.5; }
.ct-status.error { color: #9e3f32; }
.ct-status.success { color: var(--ct-forest-light); }

.ct-import { display: grid; gap: 12px; }
.ct-drop { display: grid; min-height: 132px; place-items: center; border: 1px dashed rgba(32, 62, 43, 0.36); border-radius: 16px; background: rgba(255, 255, 255, 0.7); padding: 24px; text-align: center; cursor: pointer; }
.ct-drop:hover, .ct-drop:focus-within { border-color: var(--ct-forest); background: #fff; }
.ct-drop input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.ct-drop strong { font-size: 14px; }
.ct-drop span { margin-top: 4px; color: var(--ct-muted); font-size: 11px; }
.ct-file-state { margin: 0; color: var(--ct-muted); font-size: 12px; line-height: 1.5; }
.ct-tabs { display: flex; gap: 4px; overflow-x: auto; margin-bottom: 20px; border-bottom: 1px solid var(--ct-line); padding-bottom: 8px; }
.ct-tabs button { flex: 0 0 auto; min-height: 36px; border: 0; border-radius: 99px; background: transparent; color: var(--ct-muted); padding: 8px 12px; font-size: 12px; font-weight: 700; cursor: pointer; }
.ct-tabs button[aria-selected="true"] { background: var(--ct-soft); color: var(--ct-forest); }
.ct-output-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 20px; }
.ct-output-toolbar .ct-button { min-height: 36px; padding: 8px 12px; font-size: 12px; }
.ct-output-toolbar span { margin-right: auto; color: var(--ct-muted); font-size: 12px; }
.ct-empty-result { display: grid; min-height: 420px; place-content: center; border: 1px dashed var(--ct-line); border-radius: 16px; background: #fcfcfa; padding: 32px; text-align: center; }
.ct-empty-result strong { font-size: 20px; }
.ct-empty-result p { max-width: 420px; color: var(--ct-muted); line-height: 1.6; }
.ct-result-stack { display: grid; gap: 16px; }
.ct-result-card { border: 1px solid var(--ct-line); border-radius: 16px; background: #fff; padding: 20px; }
.ct-result-card header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.ct-result-card h4 { margin: 0; font-size: 14px; }
.ct-result-card textarea { width: 100%; min-height: 132px; border: 0; outline: 0; color: var(--ct-ink); padding: 0; line-height: 1.65; resize: vertical; }
.ct-result-card textarea.long { min-height: 420px; }
.ct-result-card footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; border-top: 1px solid var(--ct-line); padding-top: 12px; color: var(--ct-muted); font-size: 11px; }
.ct-inline-button { border: 0; background: transparent; color: var(--ct-forest-light); padding: 4px; font-size: 12px; font-weight: 800; cursor: pointer; }
.ct-review-prompts { border-radius: 16px; background: var(--ct-orange-soft); padding: 20px; }
.ct-review-prompts h4 { margin: 0 0 12px; }
.ct-review-prompts ul { display: grid; gap: 8px; margin: 0; padding-left: 20px; color: #693722; font-size: 13px; line-height: 1.55; }
.ct-result-conversion { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px 24px; margin-top: 24px; border-top: 1px solid var(--ct-line); border-radius: 16px; background: linear-gradient(135deg, #f4f5ef, #fff9f4); padding: 24px; }
.ct-result-conversion h4 { margin: 0; font-size: 17px; }
.ct-result-conversion p { max-width: 600px; margin: 8px 0 0; color: var(--ct-muted); font-size: 13px; line-height: 1.6; }
.ct-result-conversion small { grid-column: 1 / -1; color: var(--ct-muted); font-size: 11px; line-height: 1.5; }
.ct-result-conversion-actions { display: flex; flex-wrap: wrap; justify-content: end; gap: 8px; }

.ct-analysis-head { display: grid; grid-template-columns: 148px minmax(0, 1fr); align-items: center; gap: 28px; margin-bottom: 24px; }
.ct-score-ring { display: grid; width: 148px; height: 148px; place-items: center; border-radius: 9999px; background: conic-gradient(var(--ct-forest) var(--score, 0%), var(--ct-soft) 0); }
.ct-score-ring::before { grid-area: 1 / 1; width: 116px; height: 116px; border-radius: 9999px; background: #fff; content: ""; }
.ct-score-ring div { z-index: 1; grid-area: 1 / 1; text-align: center; }
.ct-score-ring strong { display: block; font-size: 40px; font-weight: 600; letter-spacing: -0.06em; line-height: 1; }
.ct-score-ring span { color: var(--ct-muted); font: 700 10px var(--ct-mono); text-transform: uppercase; }
.ct-analysis-summary h3 { margin: 0; font-size: 26px; font-weight: 500; letter-spacing: -0.04em; }
.ct-analysis-summary p { margin: 12px 0 0; color: var(--ct-muted); line-height: 1.6; }
.ct-category-list { display: grid; gap: 12px; }
.ct-category { display: grid; grid-template-columns: minmax(0, 1fr) 64px; gap: 12px 20px; border: 1px solid var(--ct-line); border-radius: 16px; padding: 16px; }
.ct-category header { display: flex; justify-content: space-between; gap: 12px; }
.ct-category h4 { margin: 0; font-size: 14px; }
.ct-category p { grid-column: 1 / -1; margin: 0; color: var(--ct-muted); font-size: 12px; line-height: 1.55; }
.ct-category > strong { text-align: right; }
.ct-meter { overflow: hidden; grid-column: 1 / -1; height: 8px; border-radius: 99px; background: var(--ct-soft); }
.ct-meter i { display: block; width: var(--value, 0%); height: 100%; border-radius: inherit; background: var(--ct-forest); }
.ct-finding-list { display: grid; gap: 8px; margin-top: 20px; }
.ct-finding { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; border-radius: 12px; padding: 12px; }
.ct-finding.good { background: #edf4ee; }
.ct-finding.warn { background: var(--ct-orange-soft); }
.ct-finding.info { background: var(--ct-blue-soft); }
.ct-finding span { font-weight: 800; }
.ct-finding p { margin: 0; font-size: 13px; line-height: 1.55; }
.ct-result-section-heading { margin-top: 32px; border-top: 1px solid var(--ct-line); padding-top: 24px; }
.ct-result-section-heading h4 { margin: 0; font-size: 16px; }
.ct-result-section-heading p { max-width: 680px; margin: 8px 0 0; color: var(--ct-muted); font-size: 12px; line-height: 1.6; }
.ct-insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.ct-insight-card { min-width: 0; }
.ct-insight-list { display: grid; gap: 8px; margin: 12px 0 0; padding-left: 20px; color: var(--ct-muted); font-size: 12px; line-height: 1.55; }
.ct-insight-empty { margin: 12px 0 0; color: var(--ct-muted); font-size: 12px; line-height: 1.55; }
.ct-chip-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ct-chip { border: 1px solid var(--ct-line); border-radius: 99px; background: #fff; padding: 8px 12px; color: var(--ct-muted); font-size: 11px; }
.ct-chip.match { border-color: rgba(52, 90, 65, 0.3); background: #edf4ee; color: var(--ct-forest); }
.ct-chip.missing { border-color: rgba(230, 105, 46, 0.3); background: var(--ct-orange-soft); color: #8d3e1a; }
.ct-parser-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0 28px; }
.ct-parser-field { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; border: 1px solid var(--ct-line); border-radius: 12px; padding: 16px; }
.ct-parser-field > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 99px; font-weight: 800; }
.ct-parser-field.good > span { background: #edf4ee; color: var(--ct-forest); }
.ct-parser-field.warn > span { background: var(--ct-orange-soft); color: #8d3e1a; }
.ct-parser-field strong { display: block; font-size: 13px; }
.ct-parser-field p { margin: 4px 0 0; color: var(--ct-muted); font-size: 12px; line-height: 1.5; }
.ct-parser-title { margin: 0 0 12px; font-size: 14px; }
.ct-parser-preview { max-height: 440px; overflow: auto; border: 1px solid var(--ct-line); border-radius: 16px; background: #f7f7f3; padding: 20px; white-space: pre-wrap; color: #3d443e; font: 12px/1.7 var(--ct-mono); }
.ct-formula { display: grid; gap: 8px; margin-top: 20px; border-top: 1px solid var(--ct-line); padding-top: 20px; }
.ct-formula div { display: flex; justify-content: space-between; gap: 16px; color: var(--ct-muted); font-size: 12px; }
.ct-line-review { display: grid; gap: 8px; margin-top: 16px; }
.ct-line-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 16px; border-top: 1px solid var(--ct-line); padding: 16px 0; }
.ct-line-item strong { font-size: 13px; }
.ct-line-item p { margin: 4px 0 0; color: var(--ct-muted); font-size: 12px; line-height: 1.5; }
.ct-line-item code { display: block; overflow-wrap: anywhere; margin-top: 8px; border-radius: 12px; background: var(--ct-soft); padding: 8px; font: 11px/1.5 var(--ct-mono); }
.ct-score-change { display: inline-flex; border-radius: 99px; background: var(--ct-soft); padding: 8px 12px; font-size: 12px; font-weight: 700; }

.ct-builder { grid-template-columns: minmax(360px, 0.88fr) minmax(0, 1.12fr); }
.ct-builder .ct-input-panel { max-height: 960px; overflow-y: auto; }
.ct-builder-sections { display: grid; gap: 12px; }
.ct-builder-card { border: 1px solid var(--ct-line); border-radius: 16px; background: #fff; }
.ct-builder-card > button { display: flex; width: 100%; align-items: center; justify-content: space-between; border: 0; background: transparent; color: var(--ct-ink); padding: 16px; font-weight: 800; text-align: left; cursor: pointer; }
.ct-builder-card > div { display: grid; gap: 16px; border-top: 1px solid var(--ct-line); padding: 16px; }
.ct-repeat-list { display: grid; gap: 12px; }
.ct-repeat-item { border: 1px solid var(--ct-line); border-radius: 12px; background: #fbfbf8; padding: 12px; }
.ct-repeat-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ct-repeat-head[draggable="true"] { cursor: grab; }
.ct-repeat-head[draggable="true"]:active { cursor: grabbing; }
.ct-repeat-head strong { font-size: 12px; }
.ct-move { display: flex; gap: 4px; }
.ct-move button { width: 32px; height: 32px; border: 1px solid var(--ct-line); border-radius: 99px; background: #fff; color: var(--ct-muted); cursor: pointer; }
.ct-resume-controls { display: grid; gap: 16px; margin-bottom: 20px; border: 1px solid var(--ct-line); border-radius: 16px; background: #f8f8f4; padding: 16px; }
.ct-resume-preview-wrap { overflow: auto; border-radius: 16px; background: #e8e9e4; padding: 24px; }
.ct-resume-page { width: min(100%, 760px); min-height: 984px; margin: 0 auto; background: #fff; color: #20231f; box-shadow: 0 12px 36px rgba(23, 32, 25, 0.12); padding: var(--resume-space, 44px); font-family: var(--resume-font, Arial, sans-serif); font-size: var(--resume-size, 12px); line-height: var(--resume-leading, 1.45); }
.ct-resume-page h1 { margin: 0; color: var(--resume-accent, #203e2b); font-size: calc(var(--resume-size, 12px) * 2.45); font-weight: 700; letter-spacing: -0.04em; line-height: 1; }
.ct-resume-page .ct-resume-role { margin: 8px 0; color: #555b55; font-size: calc(var(--resume-size, 12px) * 1.18); }
.ct-resume-contact { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 12px; color: #555b55; font-size: calc(var(--resume-size, 12px) * 0.88); }
.ct-resume-contact a, .ct-resume-page a { color: inherit; text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); text-underline-offset: 2px; }
.ct-resume-page section { margin-top: calc(var(--resume-space, 44px) * 0.46); }
.ct-resume-page h2 { margin: 0 0 8px; border-bottom: 1px solid var(--resume-accent, #203e2b); color: var(--resume-accent, #203e2b); padding-bottom: 4px; font-size: calc(var(--resume-size, 12px) * 0.96); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.ct-resume-page h3 { margin: 0; font-size: calc(var(--resume-size, 12px) * 1.05); }
.ct-resume-page p { margin: 4px 0 0; }
.ct-resume-page ul { margin: 8px 0 0; padding-left: 20px; }
.ct-resume-page li { margin-top: 4px; }
.ct-resume-item + .ct-resume-item { margin-top: 16px; }
.ct-resume-item-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.ct-resume-item-head span { color: #606660; font-size: calc(var(--resume-size, 12px) * 0.84); white-space: nowrap; }
.ct-resume-org { color: #4e554f; font-weight: 600; }
.ct-resume-page[data-template="slate"] { --resume-accent: #394b59; }
.ct-resume-page[data-template="grove"] { --resume-accent: #3f6248; }
.ct-resume-page[data-template="indigo"] { --resume-accent: #40527e; }
.ct-resume-page[data-template="editorial"] { --resume-font: Georgia, serif; --resume-accent: #3c3129; }
.ct-resume-page[data-template="modern"] header { border-bottom: 2px solid var(--resume-accent); padding-bottom: 20px; }
.ct-resume-page[data-template="compact"] { --resume-space: 32px; --resume-leading: 1.34; }
.ct-resume-page[data-template="classic"] h2 { border-bottom: 0; border-top: 2px solid var(--resume-accent); padding-top: 8px; text-align: center; }
.ct-template-choices { border-radius: 16px; }
.ct-template-choices button { flex: 1 0 72px; border-radius: 12px; }
.ct-range { display: grid; grid-template-columns: 88px minmax(0, 1fr) 44px; align-items: center; gap: 12px; font-size: 12px; }
.ct-range input { accent-color: var(--ct-forest); }
.ct-import-review, .ct-version-panel { margin: 16px 0; border: 1px solid var(--ct-line); border-radius: 16px; background: #fff; padding: 16px; }
.ct-import-review-head, .ct-version-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ct-import-review-head div, .ct-version-panel h4 { margin: 0; font-size: 14px; font-weight: 800; }
.ct-import-review-head strong { border-radius: 99px; background: #edf4ee; color: var(--ct-forest); padding: 8px 12px; font-size: 11px; }
.ct-import-review > p, .ct-version-panel > p { color: var(--ct-muted); font-size: 12px; line-height: 1.5; }
.ct-import-grid { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px 12px; margin: 16px 0; font-size: 12px; }
.ct-import-grid dt { color: var(--ct-muted); }
.ct-import-grid dd { overflow-wrap: anywhere; margin: 0; font-weight: 700; }
.ct-import-review ul { margin: 12px 0; padding-left: 20px; color: #8d3e1a; font-size: 12px; }
.ct-row-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: end; gap: 8px; }
.ct-version-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.ct-version-form input { min-height: 40px; border: 1px solid var(--ct-line); border-radius: 12px; padding: 8px 12px; }
.ct-version-list { display: grid; gap: 8px; margin-top: 16px; border-top: 1px solid var(--ct-line); padding-top: 8px; }
.ct-version-row { padding: 8px 0; }
.ct-version-row strong, .ct-version-row span { display: block; font-size: 12px; }
.ct-version-row span { margin-top: 4px; color: var(--ct-muted); font-size: 10px; }
.ct-page-estimate { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--ct-line); padding-top: 16px; }
.ct-page-estimate strong { font-size: 13px; }
.ct-page-estimate span { max-width: 360px; color: var(--ct-muted); font-size: 11px; line-height: 1.5; text-align: right; }
.ct-resume-page[data-paper="a4"] { min-height: 1076px; }
.ct-resume-page[dir="rtl"] { text-align: right; }
.ct-resume-page[dir="rtl"] ul { padding-right: 20px; padding-left: 0; }

.ct-career-workspace { padding: 28px; }
.ct-workspace-header { display: flex; align-items: start; justify-content: space-between; gap: 24px; }
.ct-workspace-header h3 { margin: 0; font-size: 28px; font-weight: 600; letter-spacing: -0.04em; }
.ct-workspace-header p { max-width: 640px; margin: 8px 0 0; color: var(--ct-muted); line-height: 1.6; }
.ct-backup-label { position: relative; cursor: pointer; }
.ct-backup-label input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.ct-workspace-tabs { display: flex; gap: 4px; overflow-x: auto; margin: 28px 0 0; border-bottom: 1px solid var(--ct-line); padding-bottom: 8px; }
.ct-workspace-tabs button { flex: 0 0 auto; min-height: 36px; border: 0; border-radius: 99px; background: transparent; color: var(--ct-muted); padding: 8px 12px; font-size: 12px; font-weight: 800; cursor: pointer; }
.ct-workspace-tabs button[aria-pressed="true"] { background: var(--ct-forest); color: #fff; }
.ct-workspace-panel { max-width: 920px; padding: 28px 0; }
.ct-workspace-form { display: grid; gap: 16px; margin-bottom: 24px; border: 1px solid var(--ct-line); border-radius: 16px; background: #f8f8f4; padding: 20px; }
.ct-workspace-form h4 { margin: 0; font-size: 18px; }
.ct-workspace-form > p { margin: -8px 0 0; color: var(--ct-muted); font-size: 12px; line-height: 1.5; }
.ct-workspace-record { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 20px; border-top: 1px solid var(--ct-line); padding: 20px 0; }
.ct-workspace-record span { color: var(--ct-orange); font: 700 10px/1.5 var(--ct-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.ct-workspace-record h4 { margin: 4px 0 0; font-size: 16px; }
.ct-workspace-record p { margin: 8px 0 0; color: var(--ct-muted); font-size: 12px; line-height: 1.55; }
.ct-workspace-empty { border: 1px dashed var(--ct-line); border-radius: 16px; padding: 32px; text-align: center; }
.ct-workspace-empty p { margin: 8px 0 0; color: var(--ct-muted); font-size: 12px; }
.ct-activity-row { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--ct-line); padding: 16px 0; font-size: 12px; }
.ct-activity-row span { color: var(--ct-muted); }

.ct-section { padding: 96px 0; border-top: 1px solid var(--ct-line); }
.ct-section.soft { background: var(--ct-soft); }
.ct-section-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 40px; }
.ct-section-head h2, .ct-explainer h2, .ct-trust-grid > div:first-child h2 { max-width: 620px; margin: 0; font-size: clamp(32px, 4vw, 52px); font-weight: 500; letter-spacing: -0.052em; line-height: 1.04; }
.ct-section-head p { max-width: 520px; margin: 0; color: var(--ct-muted); line-height: 1.65; }
.ct-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ct-principles article { min-height: 240px; border-top: 1px solid var(--ct-line); padding: 20px 4px; }
.ct-principles article > span, .ct-family-head > span { color: var(--ct-orange); font: 700 11px var(--ct-mono); }
.ct-principles h3 { margin: 48px 0 12px; font-size: 20px; }
.ct-principles p { margin: 0; color: var(--ct-muted); font-size: 14px; line-height: 1.65; }
.ct-trademark { margin: 32px 0 0; border-top: 2px solid var(--ct-orange); color: var(--ct-muted); padding: 16px 0 0; font-size: 12px; line-height: 1.6; }
.ct-explainer { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 72px; }
.ct-explainer > div > p { max-width: 480px; color: var(--ct-muted); line-height: 1.65; }
.ct-explainer ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.ct-explainer li { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; border-top: 1px solid var(--ct-line); padding: 20px 0; }
.ct-explainer li span { color: var(--ct-muted); line-height: 1.55; }
.ct-faq { border-top: 1px solid var(--ct-line); }
.ct-faq details { border-bottom: 1px solid var(--ct-line); }
.ct-faq summary { padding: 24px 48px 24px 0; font-size: 17px; font-weight: 700; cursor: pointer; }
.ct-faq p { max-width: 760px; margin: 0; color: var(--ct-muted); padding: 0 0 24px; line-height: 1.7; }
.ct-related { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.ct-related a { display: flex; min-height: 280px; flex-direction: column; border: 1px solid var(--ct-line); border-radius: 16px; background: #fff; color: var(--ct-ink); padding: 20px; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease; }
.ct-related a:hover, .ct-hub-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(23, 32, 25, 0.08); }
.ct-related span, .ct-hub-card > span { color: var(--ct-forest-light); font: 700 10px var(--ct-mono); letter-spacing: 0.06em; text-transform: uppercase; }
.ct-related h3 { margin: 40px 0 12px; font-size: 19px; line-height: 1.2; }
.ct-related p { margin: 0; color: var(--ct-muted); font-size: 13px; line-height: 1.55; }
.ct-related b, .ct-hub-card b { margin-top: auto; padding-top: 24px; color: var(--ct-forest); font-size: 12px; }
.ct-cta { background: var(--ct-forest); color: #fff; padding: 72px 0; }
.ct-cta .ct-shell { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.ct-cta h2 { max-width: 680px; margin: 0; font-size: clamp(32px, 4vw, 52px); font-weight: 500; letter-spacing: -0.052em; line-height: 1.04; }
.ct-cta p { max-width: 680px; margin: 16px 0 0; color: rgba(255, 255, 255, 0.7); line-height: 1.6; }

.ct-library-hero { padding: 64px 0 96px; background: radial-gradient(circle at 78% 12%, rgba(230, 105, 46, 0.18), transparent 26%), linear-gradient(150deg, #f8f3eb, #f0f4ef); }
.ct-library-hero h1 { max-width: 920px; }
.ct-search { display: grid; max-width: 760px; gap: 8px; margin-top: 40px; }
.ct-search span { font-size: 13px; font-weight: 800; }
.ct-search input { min-height: 56px; border: 1px solid var(--ct-line); border-radius: 16px; outline: 0; background: rgba(255, 255, 255, 0.9); padding: 12px 20px; font-size: 16px; }
.ct-search input:focus { border-color: var(--ct-forest); }
.ct-count { margin: 12px 0 0; color: var(--ct-muted); font-size: 12px; }
.ct-method-link { display: inline-flex; min-height: 40px; align-items: center; gap: 12px; margin-top: 24px; border: 1px solid var(--ct-line); border-radius: 99px; background: rgba(255, 255, 255, 0.72); color: var(--ct-forest); padding: 8px 16px; font-size: 12px; font-weight: 800; text-decoration: none; }
.ct-method-link span { font-size: 16px; transition: transform 160ms ease; }
.ct-method-link:hover span { transform: translateX(4px); }
.ct-family-list { padding: 40px 0 96px; }
.ct-family { padding: 56px 0; border-bottom: 1px solid var(--ct-line); }
.ct-family-head { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; margin-bottom: 28px; }
.ct-family-head h2 { margin: 0; font-size: 32px; font-weight: 500; letter-spacing: -0.044em; }
.ct-family-head p { max-width: 640px; margin: 8px 0 0; color: var(--ct-muted); line-height: 1.6; }
.ct-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ct-hub-card { display: flex; min-height: 260px; flex-direction: column; border: 1px solid var(--ct-line); border-radius: 16px; background: #fff; color: var(--ct-ink); padding: 24px; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease; }
.ct-hub-card h3 { margin: 36px 0 12px; font-size: 22px; line-height: 1.12; }
.ct-hub-card p { margin: 0; color: var(--ct-muted); font-size: 13px; line-height: 1.6; }
.ct-empty { border: 1px dashed var(--ct-line); border-radius: 16px; padding: 32px; text-align: center; }
.ct-trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.ct-trust-grid > div { border-top: 1px solid var(--ct-line); padding-top: 20px; }
.ct-trust-grid > div:first-child { grid-column: span 2; }
.ct-trust-grid strong { font-size: 15px; }
.ct-trust-grid p { color: var(--ct-muted); font-size: 13px; line-height: 1.6; }
.ct-error { border: 1px solid rgba(158, 63, 50, 0.25); border-radius: 16px; background: #fff2ef; color: #733025; padding: 20px; }
.ct-error p { margin: 8px 0 0; line-height: 1.6; }

@media (max-width: 900px) {
  .ct-hero-grid, .ct-app, .ct-builder, .ct-explainer { grid-template-columns: minmax(0, 1fr); }
  .ct-hero { padding-bottom: 72px; }
  .ct-hero-card { max-width: 620px; }
  .ct-input-panel { border-right: 0; border-bottom: 1px solid var(--ct-line); }
  .ct-builder .ct-input-panel { max-height: none; }
  .ct-mobile-resume-nav { position: sticky; top: 72px; z-index: 4; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin-bottom: 32px; border-bottom: 1px solid var(--ct-line); background: rgba(255, 255, 255, 0.96); padding: 8px; backdrop-filter: blur(12px); }
  .ct-mobile-resume-nav button { min-height: 44px; border: 0; border-radius: 99px; background: transparent; color: var(--ct-muted); padding: 8px 12px; font-size: 13px; font-weight: 800; cursor: pointer; }
  .ct-mobile-resume-nav button[aria-pressed="true"] { background: var(--ct-forest); color: #fff; }
  .ct-builder { padding-top: 96px; }
  .ct-builder[data-mobile-pane="edit"] .ct-output-panel, .ct-builder[data-mobile-pane="preview"] .ct-input-panel { display: none; }
  .ct-related, .ct-trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ct-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ct-principles { grid-template-columns: minmax(0, 1fr); }
  .ct-principles article { min-height: 0; }
  .ct-principles h3 { margin-top: 24px; }
  .ct-analysis-head { grid-template-columns: 124px minmax(0, 1fr); }
  .ct-score-ring { width: 124px; height: 124px; }
  .ct-score-ring::before { width: 96px; height: 96px; }
}

@media (max-width: 640px) {
  .ct-shell { width: min(100% - 32px, 1180px); }
  .ct-crumb { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ct-crumb span { margin-inline: 4px; }
  .ct-hero, .ct-library-hero { padding: 24px 0 48px; }
  .ct-hero h1, .ct-library-hero h1 { font-size: clamp(40px, 12vw, 52px); }
  .ct-hero-grid { gap: 40px; }
  .ct-hero-card { display: none; }
  .ct-tool-section, .ct-section { padding: 64px 0; }
  .ct-tool-heading, .ct-section-head, .ct-cta .ct-shell { align-items: stretch; flex-direction: column; }
  .ct-mode { align-self: flex-start; }
  .ct-workspace { border-radius: 22px; }
  .ct-input-panel, .ct-output-panel { padding: 20px; }
  .ct-panel-actions { margin: 24px -20px -20px; padding: 16px 20px; }
  .ct-field-row, .ct-analysis-head { grid-template-columns: minmax(0, 1fr); }
  .ct-parser-fields { grid-template-columns: minmax(0, 1fr); }
  .ct-insight-grid { grid-template-columns: minmax(0, 1fr); }
  .ct-result-conversion { grid-template-columns: minmax(0, 1fr); }
  .ct-result-conversion-actions { justify-content: start; }
  .ct-score-ring { margin-inline: auto; }
  .ct-related, .ct-hub-grid, .ct-trust-grid { grid-template-columns: minmax(0, 1fr); }
  .ct-trust-grid > div:first-child { grid-column: auto; }
  .ct-explainer { gap: 40px; }
  .ct-explainer li { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .ct-family-head { grid-template-columns: 32px minmax(0, 1fr); }
  .ct-output-toolbar { align-items: stretch; }
  .ct-output-toolbar .ct-button, .ct-mode button, .ct-choice button, .ct-template-choices button, .ct-tone-choices button, .ct-tabs button { min-height: 44px; }
  .ct-output-toolbar span { width: 100%; }
  .ct-inline-button { display: inline-flex; min-height: 44px; align-items: center; }
  .ct-move button { width: 44px; height: 44px; }
  .ct-resume-preview-wrap { padding: 12px; }
  .ct-resume-page { min-height: 760px; --resume-space: 28px; }
  .ct-resume-item-head { align-items: start; flex-direction: column; gap: 4px; }
  .ct-career-workspace { padding: 20px; }
  .ct-workspace-header { flex-direction: column; }
  .ct-workspace-header .ct-row-actions { justify-content: start; }
  .ct-workspace-record, .ct-line-item { grid-template-columns: minmax(0, 1fr); }
  .ct-workspace-record .ct-row-actions { justify-content: start; }
  .ct-version-form { grid-template-columns: minmax(0, 1fr); }
  .ct-page-estimate { align-items: start; flex-direction: column; }
  .ct-page-estimate span { text-align: left; }
}

@media print {
  body * { visibility: hidden !important; }
  .ct-builder { padding-top: 0; }
  .ct-builder .ct-output-panel { display: block !important; }
  .ct-resume-page, .ct-resume-page *, .ct-print-result, .ct-print-result * { visibility: visible !important; }
  .ct-resume-page .ct-resume-empty-guide { display: none !important; }
  .ct-resume-page, .ct-print-result { position: absolute; inset: 0; width: 100%; min-height: 0; box-shadow: none; }
}