/* Synerzy design.md v1.2: shared aliases come from styles.css.
   Local variables below map only tokens not yet exposed by that file. */
.c-page {
  --Surface_White:#FEFEFE;
  --Surface_Primary_2:#DDF2FF;
  --Container_Disable:#E5E7EB;
  --Container_Error:#FFDEDE;
  --Stroke_Error:#FF3A4D;
  --radius_inner:8px;
  --space_050:2px;
  --space_100:4px;
  --space_150:6px;
  --space_200:8px;
  --space_300:12px;
  --space_400:16px;
  --space_500:20px;
  --space_600:24px;
  --space_800:32px;
  --space_1000:40px;
  --space_1200:48px;
  --space_1400:56px;
  --space_1600:64px;
  --space_2400:96px;
  --c-state-duration:400ms;
  --c-elevation-ev1:0 1px 3px 1px rgb(28 28 36 / 15%),0 1px 2px 0 rgb(28 28 36 / 30%);
  margin:0;
  background:var(--page);
  color:var(--text);
  font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.4;
  font-synthesis:none;
  word-break:keep-all;
  overflow-wrap:anywhere;
  -webkit-font-smoothing:antialiased;
}
.c-page *{box-sizing:border-box}
.c-page [hidden]{display:none!important}
.c-page button,.c-page input,.c-page select,.c-page textarea{font:inherit}
.c-page button,.c-page a,.c-page input,.c-page select,.c-page textarea{-webkit-tap-highlight-color:transparent}
.c-page a{color:inherit;text-decoration:none}
.c-page button{cursor:pointer}
.c-page :focus-visible{outline:2px solid var(--primary);outline-offset:var(--space_100)}
.c-page h1,.c-page h2,.c-page p{margin:0}
.c-page h1,.c-page h2{font-family:Paperlogy,Pretendard,sans-serif;letter-spacing:0}
.c-skip{position:fixed;top:-100px;left:var(--space_400);background:var(--primary);color:var(--white)!important;padding:var(--space_300) var(--space_500);border-radius:var(--radius_inner);z-index:30}
.c-skip:focus{top:var(--space_300)}
.c-header{max-width:1280px;padding:var(--space_800) var(--space_1000);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space_300);border-bottom:1px solid var(--soft-stroke)}
.c-logo{font-family:Paperlogy,Pretendard,sans-serif;font-size:24px;font-weight:700;letter-spacing:0;line-height:1.2}
.c-logo span{color:var(--secondary)}
.c-back{display:inline-flex;align-items:center;gap:var(--space_200);min-height:48px;font-size:14px;color:var(--muted)!important}
.c-back span{font-size:20px;transition:transform var(--c-state-duration) var(--ease)}
.c-back:hover span{transform:translateX(-4px)}
.c-main{max-width:1200px;margin:0 auto;padding:var(--space_1600) var(--space_1000) var(--space_2400);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space_2400);align-items:start}
.c-intro{position:sticky;top:var(--space_1200);padding-top:var(--space_300);min-width:0}
.c-eyebrow{font-size:12px;letter-spacing:0;font-weight:600;color:var(--muted);margin-bottom:var(--space_600)!important}
.c-intro h1{font-size:32px;line-height:1.2;font-weight:700}
.c-lead{font-size:16px;line-height:1.4;color:var(--muted);margin-top:var(--space_400)!important}
.c-intro-note{display:flex;gap:var(--space_400);padding:var(--space_600);background:var(--surface);border-radius:var(--radius);margin-top:var(--space_1000);max-width:320px}
.c-note-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:var(--pill);background:var(--Surface_Primary_2);color:var(--primary)}
.c-note-icon svg{width:20px;height:20px}
.c-intro-note strong{display:block;font-size:14px;font-weight:600;line-height:1.4}
.c-intro-note p{font-size:14px;line-height:1.4;color:var(--muted);margin-top:var(--space_200)}
.c-intro-foot{color:var(--muted);font-size:12px;margin-top:var(--space_1600)!important}
.c-panel{min-width:0}
.c-notice{display:flex;align-items:flex-start;gap:var(--space_200);padding:var(--space_400);background:var(--surface);border:1px solid var(--soft-stroke);border-radius:var(--radius);font-size:12px;line-height:1.4;color:var(--muted);margin-bottom:var(--space_800)}
.c-notice strong{font-weight:600;color:var(--primary)}
.c-status-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:var(--pill);background:var(--secondary);margin-top:var(--space_150)}
.c-panel-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space_400);margin-bottom:var(--space_800)}
.c-panel-heading h2{font-size:24px;line-height:1.2;font-weight:700}
.c-panel-heading>p{font-size:12px;color:var(--muted);white-space:nowrap}
.c-required{color:var(--primary);font-style:normal;font-weight:600}
.c-section{padding:var(--space_600);margin:0 0 var(--space_600);border:0;border-radius:var(--radius);background:var(--surface);min-width:0}
.c-section>legend{display:flex;align-items:center;gap:var(--space_200);float:left;width:100%;padding:0;margin:0 0 var(--space_600);font-size:14px;font-weight:600;color:var(--primary);line-height:1.4}
.c-section>legend+*{clear:both}
.c-section>legend>span{font-size:12px;letter-spacing:0;font-weight:500;color:var(--muted)}
.c-section>legend small{font-size:12px;color:var(--muted);font-weight:400;margin-left:auto}
.c-field{display:flex;flex-direction:column;gap:var(--space_200);min-width:0;margin-bottom:var(--space_500)}
.c-field:last-child{margin-bottom:0}
.c-field>label,.c-group-label,.c-interests>legend{font-size:14px;font-weight:500;line-height:1.4}
.c-field .c-sublabel{font-size:12px;color:var(--muted);font-weight:400}
.c-field input,.c-field select,.c-field textarea{display:block;width:100%;min-width:0;border:1px solid var(--stroke);background:var(--Surface_White);color:var(--text);border-radius:var(--radius_inner);padding:var(--space_300) var(--space_400);font-size:16px;line-height:1.4;transition:border-color var(--c-state-duration) var(--ease),box-shadow var(--c-state-duration) var(--ease)}
.c-field input,.c-field select{height:48px}
.c-field input::placeholder,.c-field textarea::placeholder{color:var(--muted);opacity:1}
.c-field select{padding-right:var(--space_800);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%236B7280' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.c-field input:hover,.c-field select:hover,.c-field textarea:hover{border-color:var(--primary)}
.c-field input:focus,.c-field select:focus,.c-field textarea:focus{outline:2px solid var(--primary);outline-offset:var(--space_100);border-color:var(--primary)}
.c-field [aria-invalid=true]{border-color:var(--Stroke_Error)}
.c-field [aria-invalid=true]:focus{border-color:var(--Stroke_Error)}
.c-field textarea{resize:vertical;min-height:144px}
.c-two-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space_500)}
.c-two-fields>.c-field{margin-bottom:0}
.c-contact-group{margin-top:var(--space_100)}
.c-contact-group>.c-help{margin-top:var(--space_100);margin-bottom:var(--space_300)}
.c-help{font-size:12px;line-height:1.4;color:var(--muted)}
.c-interests{padding:0;margin:var(--space_600) 0 0;border:0;min-width:0}
.c-interests>legend{padding:0;margin-bottom:var(--space_300)}
.c-help-inline{font-size:12px;color:var(--muted);font-weight:400;margin-left:var(--space_150)}
.c-chip-list{display:flex;flex-wrap:wrap;gap:var(--space_200)}
.c-chip{position:relative;display:flex;max-width:100%;min-height:48px;cursor:pointer}
.c-chip input{position:absolute;opacity:0;width:1px;height:1px}
.c-chip span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space_300) var(--space_400);border:1px solid var(--stroke);border-radius:var(--pill);font-size:14px;color:var(--muted);transition:background var(--c-state-duration) var(--ease),color var(--c-state-duration) var(--ease),border-color var(--c-state-duration) var(--ease)}
.c-chip:hover span{border-color:var(--primary)}
.c-chip input:checked+span{background:var(--Surface_Primary_2);border-color:var(--secondary);color:var(--primary)}
.c-chip input:focus-visible+span{outline:2px solid var(--primary);outline-offset:var(--space_100)}
.c-section-last{padding-bottom:var(--space_600);margin-bottom:var(--space_600)}
.c-counter{font-size:12px;color:var(--muted);text-align:right;margin-top:0!important}
.c-consent-block{margin-bottom:var(--space_600)}
.c-consent{display:flex;gap:var(--space_300);align-items:flex-start;font-size:14px;line-height:1.4;cursor:pointer}
.c-consent input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:var(--primary);cursor:pointer}
.c-consent em{font-size:12px;font-style:normal;color:var(--muted)}
.c-text-button{display:block;border:0;background:none;border-radius:0;color:var(--muted);font-size:12px!important;line-height:1.4;text-decoration:underline;text-underline-offset:var(--space_100);padding:var(--space_200) 0;margin-left:var(--space_800);min-height:48px}
.c-text-button:hover{color:var(--primary)}
.c-consent-block>.c-help{margin-left:var(--space_800);font-size:12px}
.c-primary{display:flex;align-items:center;justify-content:space-between;gap:var(--space_400);width:100%;min-height:48px;padding:var(--space_300) var(--space_600);border:1px solid var(--primary);border-radius:var(--pill);background:var(--primary);color:var(--white);font-size:16px!important;font-weight:600;line-height:1.4;transition:box-shadow var(--c-state-duration) var(--ease),border-color var(--c-state-duration) var(--ease)}
.c-primary:hover{box-shadow:0 0 0 4px var(--surface)}
.c-primary:active{outline:1px solid var(--primary);outline-offset:var(--space_150)}
.c-primary:disabled{background:var(--Container_Disable);border-color:var(--Container_Disable);color:var(--stroke);cursor:not-allowed}
.c-primary>span{font-size:20px;line-height:1.4;flex-shrink:0}
.c-submit-note{text-align:center;font-size:12px;line-height:1.4;color:var(--muted);margin-top:var(--space_300)!important}
/* Error meaning is carried by explicit copy and Stroke_Error. Text_B keeps small text readable. */
.c-error{color:var(--text);font-size:12px;line-height:1.4;margin:0!important}
.c-contact-group>.c-error{margin-top:var(--space_200)!important}
.c-consent-block>.c-error{margin-top:var(--space_200)!important;margin-left:var(--space_800)!important}
.c-error-summary{padding:var(--space_300) var(--space_400);border:1px solid var(--Stroke_Error);border-radius:var(--radius_inner);background:var(--Container_Error);color:var(--text);font-size:12px;margin-bottom:var(--space_400)!important}
.c-preview-label{font-size:12px;font-weight:600;letter-spacing:0;color:var(--muted);margin-bottom:var(--space_300)!important}
.c-preview h2{font-size:24px;line-height:1.2;font-weight:700}
.c-preview-description{font-size:14px;line-height:1.4;color:var(--muted);margin-top:var(--space_400)!important}
.c-preview-description strong{font-weight:500;color:var(--primary)}
.c-summary{display:grid;gap:var(--space_300);margin:var(--space_800) 0 var(--space_600)}
.c-summary-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:var(--space_400);padding:var(--space_400);border-radius:var(--radius);background:var(--surface);font-size:14px;line-height:1.4}
.c-summary dt{color:var(--muted)}
.c-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.c-preview-status{display:flex;align-items:flex-start;gap:var(--space_200);font-size:12px;color:var(--muted);margin:0 0 var(--space_600)}
.c-edit{justify-content:center}
.c-footer{max-width:1200px;display:flex;justify-content:space-between;gap:var(--space_500);align-items:center;margin:auto;padding:var(--space_600) var(--space_1000) var(--space_800);border-top:1px solid var(--soft-stroke);color:var(--muted);font-size:12px}
.c-footer>a{font-family:Pretendard,sans-serif;font-size:14px;font-weight:600;color:var(--muted)}
.c-dialog{width:calc(100% - 32px);max-width:440px;border:1px solid var(--stroke);border-radius:var(--outer);padding:0;color:var(--text);background:var(--Surface_White);box-shadow:var(--c-elevation-ev1);max-height:calc(100dvh - 48px);overflow:auto}
.c-dialog::backdrop{background:rgb(29 33 42 / 60%)}
.c-dialog-content{padding:var(--space_800)}
.c-dialog h2{font-size:24px;line-height:1.2;font-weight:700;margin-bottom:var(--space_500)}
.c-dialog .c-eyebrow{font-size:12px;color:var(--muted);margin-bottom:var(--space_400)!important}
.c-dialog p:not(.c-eyebrow){font-size:14px;line-height:1.4;color:var(--muted);margin-bottom:var(--space_400)}
.c-dialog .c-primary{margin-top:var(--space_600);justify-content:center}
.c-preview-unavailable{font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:var(--space_500)!important}
@media(min-width:1440px){.c-main{padding-top:var(--space_2400)}}
@media(max-width:1000px){.c-main{gap:var(--space_1200);padding-left:var(--space_800);padding-right:var(--space_800)}.c-header{padding-left:var(--space_800);padding-right:var(--space_800)}.c-two-fields{gap:var(--space_300)}.c-panel-heading{gap:var(--space_150)}}
@media(max-width:760px){.c-header{padding:var(--space_500) var(--space_600)}.c-main{display:block;max-width:600px;padding:var(--space_1000) var(--space_600) var(--space_1400)}.c-intro{position:static;padding:0;margin-bottom:var(--space_1000)}.c-eyebrow{margin-bottom:var(--space_400)!important}.c-lead{margin-top:var(--space_400)!important}.c-intro-note,.c-intro-foot{display:none}.c-panel-heading{margin-bottom:var(--space_600);justify-content:space-between}.c-notice{margin-bottom:var(--space_600)}.c-footer{padding:var(--space_600);flex-wrap:wrap;gap:var(--space_200)}.c-section{padding-bottom:var(--space_600);margin-bottom:var(--space_600)}}
@media(max-width:400px){.c-header{padding:var(--space_400)}.c-back{font-size:12px;gap:var(--space_150)}.c-main{padding:var(--space_800) var(--space_400) var(--space_1200)}.c-desktop-br{display:none}.c-two-fields{grid-template-columns:minmax(0,1fr);gap:var(--space_500)}.c-field input,.c-field select,.c-field textarea{padding-left:var(--space_300)}.c-chip span{padding:var(--space_300);font-size:12px}.c-help-inline{display:block;margin:var(--space_100) 0 0}.c-notice{padding:var(--space_300)}.c-panel-heading{gap:var(--space_200)}.c-summary-row{grid-template-columns:minmax(0,1fr);gap:var(--space_100);padding:var(--space_300) 0}.c-dialog-content{padding:var(--space_600) var(--space_500)}.c-footer{padding:var(--space_500) var(--space_400)}.c-section>legend{gap:var(--space_150)}}
@media(prefers-reduced-motion:reduce){.c-page *{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:400px){.c-section{padding:var(--space_400)}.c-summary-row{padding:var(--space_400)}}
