/* Scoped resume UI. Does not affect the theme or advertising cards. */
/* Match the account dashboard canvas only on the connected resume page. */
body.floweralba-resume-page,
body.floweralba-resume-page #c27-site-wrapper,
body.floweralba-resume-page #c27-site-wrapper > .i-section {
  background-color:#fff !important;
  background-image:none !important;
}
.fa-resume-app { width:100%; color-scheme:light; }
.fa-resume-app {
  --fr-bg:#fff; --fr-paper:#fff;
  --fr-text:#29232e; --fr-muted:#776d7e;
  --fr-line:#e9ebef; --fr-soft:#fafbfc;
  --fr-tint:#fff0f5; --fr-pink:#f45f87;
  --fr-action:#f45f87; --fr-on:#29232e;
  --fr-green:#276b54; --fr-green-bg:#eef7f2;
  --fr-radius:16px; font-family:"Noto Sans KR","Malgun Gothic",sans-serif;
  font-size:14px; line-height:1.65; color:var(--fr-text); background:var(--fr-bg);
  border:0; border-radius:0; overflow:clip; container-type:inline-size;
  width:100%; box-sizing:border-box;
}
.fa-resume-app * { box-sizing:border-box; min-width:0; }
.fa-resume-app [hidden] { display:none !important; }
.fa-resume-app { max-width:1250px; margin:0 auto; }
.fa-resume-app button { cursor:pointer; box-shadow:none; text-transform:none; letter-spacing:normal; }
.fa-resume-app button:disabled { cursor:wait; opacity:.65; }
.fa-resume-app a { color:var(--fr-text); text-decoration-color:var(--fr-pink); text-underline-offset:3px; }
.fa-resume-app a.fr-secondary { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.fa-resume-app .fr-primary { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.fa-resume-app .fr-input { box-shadow:none; height:auto; }
.fa-resume-app .fr-loading { padding:60px 24px; text-align:center; color:var(--fr-muted); }
.fa-resume-app .fr-gate { max-width:720px; margin:0 auto; padding:30px; }
.fa-resume-app .fr-guidance .fr-row { align-items:stretch; }
.fa-resume-app .fr-preview-banner { background:#fff5dc; color:#725316; padding:12px 20px; font-size:12px; border-bottom:1px solid #eddfb8; }
.fa-resume-app .fr-flash { padding:12px 15px; margin-bottom:20px; border-radius:10px; font-size:13px; }
.fa-resume-app .fr-flash.is-error { background:#fff0f5; color:#b12647; }
.fa-resume-app .fr-flash.is-success { background:#eef7f2; color:#276b54; }
.fa-resume-app .fr-policy { font-size:12px; color:var(--fr-muted); white-space:pre-wrap; overflow-wrap:anywhere; }
.fa-resume-app .fr-policy-details summary { font-size:12px; cursor:pointer; }
.fa-resume-app .fr-policy-details { margin:6px 0 14px; }
.fa-resume-app .fr-policy-details p { margin-top:10px; }
.fa-resume-app .fr-pagination { display:flex; gap:12px; justify-content:center; align-items:center; margin-top:24px; flex-wrap:wrap; }
.fa-resume-app .fr-confirm { background:var(--fr-tint); border-radius:12px; padding:16px; margin-top:16px; }
.fa-resume-app .fr-nav-status { font-size:11px; color:var(--fr-muted); margin-left:auto; }
.fa-resume-app .fr-error { margin-bottom:0; }
.fa-resume-app .fr-steps li { margin:0; list-style:none; }
.fa-resume-app .fr-status-tag { flex-shrink:0; }
.fa-resume-app .fr-offers { display:grid; gap:15px; }
.fa-resume-app .fr-offer { margin-top:0; }
.fa-resume-app .fr-screen-title:focus { outline:none; }
.fa-resume-app .fr-review-message { padding:15px; margin-top:18px; margin-bottom:18px; background:var(--fr-soft); border-radius:11px; }
.fa-resume-app .fr-review-message h3 { font-size:13px; margin:0 0 6px; }
.fa-resume-app .fr-review-message p { font-size:12px; color:var(--fr-muted); white-space:pre-wrap; overflow-wrap:anywhere; margin:0; }
.fa-resume-app .fr-review-message.is-warning { background:#fff5dc; }
.fa-resume-app .fr-review-message.is-warning h3,
.fa-resume-app .fr-review-message.is-warning p { color:#725316; }
.fa-resume-app button, .fa-resume-app input, .fa-resume-app select, .fa-resume-app textarea { font:inherit; }
.fa-resume-app button { color:inherit; }
.fa-resume-app button:focus-visible, .fa-resume-app input:focus-visible, .fa-resume-app select:focus-visible, .fa-resume-app textarea:focus-visible, .fa-resume-app summary:focus-visible { outline:3px solid var(--fr-pink); outline-offset:3px; }
.fa-resume-app h1,.fa-resume-app h2,.fa-resume-app h3,.fa-resume-app p,.fa-resume-app dl { margin:0; }
.fa-resume-app h1 { font-size:27px; line-height:1.45; letter-spacing:-1px; font-weight:750; }
.fa-resume-app h2 { font-size:18px; line-height:1.5; letter-spacing:-.4px; font-weight:700; }
.fa-resume-app h3 { font-size:15px; font-weight:700; }
.fa-resume-app .fr-header { display:flex; align-items:center; gap:26px; padding:18px 28px; background:var(--fr-paper); border-bottom:1px solid var(--fr-line); }
.fa-resume-app .fr-brand { color:var(--fr-pink); font-size:23px; letter-spacing:-1px; font-weight:800; line-height:1.25; white-space:nowrap; }
.fa-resume-app .fr-brand small { display:block; color:var(--fr-muted); font-size:10px; letter-spacing:1px; font-weight:500; }
.fa-resume-app .fr-mainnav { display:flex; gap:22px; align-items:center; }
.fa-resume-app .fr-context-link { display:inline-flex; align-items:center; min-height:44px; margin-left:auto; font-size:12px; }
.fa-resume-app .fr-mainnav button { font-size:13px; border:0; border-bottom:2px solid transparent; background:none; padding:8px 0; font-weight:600; white-space:nowrap; }
.fa-resume-app .fr-mainnav button[aria-current="page"] { color:var(--fr-text); border-bottom-color:var(--fr-pink); }
.fa-resume-app .fr-header-note { margin-left:auto; color:var(--fr-muted); font-size:11px; padding-right:80px; }
.fa-resume-app .fr-context { background:var(--fr-paper); padding:10px 28px; display:flex; justify-content:space-between; gap:10px; align-items:center; border-bottom:1px solid var(--fr-line); font-size:11px; color:var(--fr-muted); flex-wrap:wrap; }
.fa-resume-app .fr-context strong { font-weight:500; color:var(--fr-green); }
.fa-resume-app .fr-body { padding:30px 28px; }
.fa-resume-app .fr-pagehead { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:23px; }
.fa-resume-app .fr-eyebrow { color:var(--fr-text); font-size:11px; letter-spacing:1.5px; font-weight:600; margin-bottom:8px; border-left:3px solid var(--fr-pink); padding-left:8px; }
.fa-resume-app .fr-sub { color:var(--fr-muted); font-size:13px; margin-top:7px; }
.fa-resume-app .fr-small { color:var(--fr-muted); font-size:11px; }
.fa-resume-app .fr-row { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.fa-resume-app .fr-between { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.fa-resume-app .fr-primary { background:var(--fr-action); color:var(--fr-on); padding:11px 17px; border:1px solid transparent; border-radius:10px; font-size:13px; font-weight:700; min-height:44px; }
.fa-resume-app .fr-primary:hover,.fa-resume-app .fr-primary:focus { background:var(--fr-action); color:var(--fr-on); }
.fa-resume-app .fr-secondary { background:var(--fr-paper); color:var(--fr-text); padding:10px 15px; border:1px solid var(--fr-line); border-radius:10px; font-size:13px; min-height:44px; }
.fa-resume-app .fr-link { background:none; border:0; padding:6px 0; font-size:12px; color:var(--fr-muted); min-height:34px; }
.fa-resume-app .fr-panel { background:var(--fr-paper); border:1px solid var(--fr-line); border-radius:var(--fr-radius); padding:23px; }
.fa-resume-app .fr-pill { display:inline-flex; align-items:center; padding:4px 9px; background:var(--fr-soft); color:var(--fr-muted); border-radius:6px; font-size:11px; gap:4px; }
.fa-resume-app .fr-pill.pink { background:var(--fr-tint); color:var(--fr-text); border:1px solid var(--fr-pink); }
.fa-resume-app .fr-pill.green { background:var(--fr-green-bg); color:var(--fr-green); }
.fa-resume-app .fr-space { margin-top:20px; }
.fa-resume-app .fr-gap { margin-top:12px; }
.fa-resume-app .fr-line { height:1px; background:var(--fr-line); margin:20px 0; }
.fa-resume-app .fr-choices { display:flex; flex-wrap:wrap; gap:8px; }
.fa-resume-app .fr-choice { padding:9px 13px; border:1px solid var(--fr-line); background:var(--fr-paper); color:var(--fr-muted); border-radius:9px; min-height:40px; font-size:12px; }
.fa-resume-app .fr-choice[aria-pressed="true"] { color:var(--fr-text); border-color:var(--fr-pink); background:var(--fr-tint); font-weight:600; }
.fa-resume-app .fr-filters { padding:19px 21px; margin-bottom:20px; }
.fa-resume-app .fr-filterrow { display:flex; gap:12px; align-items:end; margin-top:16px; flex-wrap:wrap; }
.fa-resume-app .fr-filterrow .fr-field { width:170px; }
.fa-resume-app .fr-filterrow .fr-result { margin-left:auto; padding:10px 0; font-size:12px; color:var(--fr-muted); }
.fa-resume-app .fr-result strong { color:var(--fr-text); font-weight:700; }
.fa-resume-app .fr-field { display:flex; flex-direction:column; gap:7px; }
.fa-resume-app .fr-label { font-size:12px; font-weight:600; display:block; }
.fa-resume-app .fr-required { color:var(--fr-text); font-size:11px; font-weight:500; margin-left:5px; text-decoration:underline; text-decoration-color:var(--fr-pink); text-underline-offset:3px; }
.fa-resume-app .fr-input { width:100%; border:1px solid var(--fr-line); border-radius:9px; padding:11px 12px; min-height:45px; background:var(--fr-paper); color:var(--fr-text); font-size:14px; }
.fa-resume-app textarea.fr-input { min-height:105px; resize:vertical; }
.fa-resume-app .fr-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.fa-resume-app .fr-full { grid-column:1/-1; }
.fa-resume-app .fr-list { display:grid; gap:12px; }
.fa-resume-app .fr-talent { background:var(--fr-paper); border:1px solid var(--fr-line); border-radius:var(--fr-radius); padding:20px; display:grid; grid-template-columns:145px minmax(0,1fr) 130px; gap:18px; align-items:center; }
.fa-resume-app .fr-identity { display:flex; gap:12px; align-items:center; }
.fa-resume-app .fr-avatar { width:48px; height:48px; flex-shrink:0; border-radius:16px; background:var(--fr-tint); color:var(--fr-text); display:grid; place-items:center; font-size:19px; font-weight:700; }
.fa-resume-app .fr-name { font-size:15px; font-weight:700; }
.fa-resume-app .fr-titlebutton { padding:0; text-align:left; border:0; background:none; font-size:15px; font-weight:700; line-height:1.6; }
.fa-resume-app .fr-meta { display:flex; gap:5px 13px; flex-wrap:wrap; font-size:12px; color:var(--fr-muted); margin-top:8px; }
.fa-resume-app .fr-talent-side { text-align:right; }
.fa-resume-app .fr-talent-side strong { display:block; font-size:13px; margin-bottom:5px; }
.fa-resume-app .fr-bookmark { background:none; border:0; padding:4px 0; color:var(--fr-muted); font-size:11px; min-height:32px; }
.fa-resume-app .fr-bookmark[aria-pressed="true"] { color:var(--fr-text); text-decoration:underline; text-decoration-color:var(--fr-pink); }
.fa-resume-app .fr-bottom-note { font-size:11px; color:var(--fr-muted); margin-top:20px; display:flex; gap:8px; align-items:flex-start; }
.fa-resume-app .fr-steps { display:flex; list-style:none; padding:0; margin:0 0 24px; gap:12px; }
.fa-resume-app .fr-steps li { flex:1; }
.fa-resume-app .fr-step { display:flex; align-items:center; gap:10px; width:100%; padding:12px 14px; background:var(--fr-paper); border:1px solid var(--fr-line); border-radius:10px; font-size:12px; color:var(--fr-muted); }
.fa-resume-app .fr-step em { font-style:normal; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--fr-soft); font-size:11px; flex-shrink:0; }
.fa-resume-app .fr-step[aria-current="step"] { background:var(--fr-tint); border-color:var(--fr-pink); color:var(--fr-text); font-weight:700; }
.fa-resume-app .fr-step[aria-current="step"] em { background:var(--fr-action); color:var(--fr-on); }
.fa-resume-app .fr-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); gap:22px; align-items:start; }
.fa-resume-app .fr-preview-shell { padding:20px; border-radius:var(--fr-radius); background:var(--fr-soft); }
.fa-resume-app .fr-preview-shell .fr-panel { margin-top:12px; padding:20px; }
.fa-resume-app .fr-preview-shell .fr-name { font-size:18px; }
.fa-resume-app .fr-summary-title { font-size:16px; font-weight:700; line-height:1.6; margin-top:17px; overflow-wrap:anywhere; }
.fa-resume-app .fr-facts { display:grid; grid-template-columns:1fr 1fr; gap:17px 18px; }
.fa-resume-app .fr-facts dt { font-size:11px; color:var(--fr-muted); margin-bottom:4px; }
.fa-resume-app .fr-facts dd { font-size:13px; margin:0; font-weight:600; overflow-wrap:anywhere; }
.fa-resume-app .fr-lock-note { padding:13px 15px; background:var(--fr-green-bg); color:var(--fr-green); border-radius:10px; font-size:12px; display:flex; gap:9px; align-items:flex-start; }
.fa-resume-app .fr-lock-note svg { flex-shrink:0; margin-top:2px; }
.fa-resume-app .fr-checkbox { display:flex; align-items:flex-start; gap:9px; padding:10px 0; font-size:12px; }
.fa-resume-app .fr-checkbox input { accent-color:var(--fr-pink); width:17px; height:17px; flex-shrink:0; margin-top:3px; }
.fa-resume-app .fr-permission { display:flex; gap:12px; align-items:flex-start; padding:15px; border:1px solid var(--fr-line); background:var(--fr-paper); border-radius:11px; margin-top:10px; }
.fa-resume-app .fr-permission:has(input:checked) { border-color:var(--fr-pink); background:var(--fr-tint); }
.fa-resume-app .fr-permission input { accent-color:var(--fr-pink); margin-top:5px; flex-shrink:0; }
.fa-resume-app .fr-permission strong { font-size:13px; display:block; }
.fa-resume-app .fr-permission small { font-size:11px; display:block; color:var(--fr-muted); margin-top:4px; }
.fa-resume-app .fr-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding-top:20px; margin-top:22px; border-top:1px solid var(--fr-line); }
.fa-resume-app .fr-error { font-size:12px; color:#b12647; padding:12px 14px; background:var(--fr-tint); border-radius:8px; margin-top:18px; }
.fa-resume-app .fr-status { font-size:12px; color:var(--fr-green); margin-top:15px; }
.fa-resume-app .fr-bio { color:var(--fr-muted); line-height:1.9; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; }
.fa-resume-app .fr-detail-head { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.fa-resume-app .fr-detail-head .fr-avatar { width:62px; height:62px; border-radius:20px; font-size:25px; }
.fa-resume-app .fr-detail-head .fr-name { font-size:20px; }
.fa-resume-app .fr-detail-title { font-size:23px; line-height:1.55; letter-spacing:-.5px; font-weight:700; margin:23px 0; overflow-wrap:anywhere; }
.fa-resume-app .fr-block { width:100%; margin-top:12px; }
.fa-resume-app .fr-empty { text-align:center; padding:45px 20px; }
.fa-resume-app .fr-week { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin-top:14px; }
.fa-resume-app .fr-day { text-align:center; padding:10px 2px; font-size:11px; color:var(--fr-muted); background:var(--fr-soft); border-radius:8px; }
.fa-resume-app .fr-day.selected { background:var(--fr-tint); color:var(--fr-text); box-shadow:inset 0 0 0 1px var(--fr-pink); }
.fa-resume-app .fr-offer { border:1px solid var(--fr-line); border-radius:12px; padding:18px; margin-top:15px; }
.fa-resume-app .fr-conversation { background:var(--fr-soft); border-radius:12px; padding:17px; margin-top:15px; }
.fa-resume-app .fr-conversation p { background:var(--fr-paper); border:1px solid var(--fr-line); padding:12px; border-radius:10px; margin-top:12px; font-size:13px; }

@container(max-width:760px) {
  .fa-resume-app .fr-header { padding:15px 18px; gap:20px; flex-wrap:wrap; }
  .fa-resume-app .fr-header-note { display:none; }
  .fa-resume-app .fr-mainnav { margin-left:auto; gap:16px; }
  .fa-resume-app .fr-mainnav button { font-size:12px; }
  .fa-resume-app .fr-context { padding:10px 18px; }
  .fa-resume-app .fr-body { padding:24px 18px; }
  .fa-resume-app .fr-pagehead { align-items:flex-start; flex-direction:column; gap:15px; }
  .fa-resume-app h1 { font-size:24px; }
  .fa-resume-app .fr-layout { grid-template-columns:1fr; gap:18px; }
  .fa-resume-app .fr-talent { grid-template-columns:1fr auto; padding:18px; gap:12px; }
  .fa-resume-app .fr-talent-main { grid-column:1/-1; grid-row:2; }
  .fa-resume-app .fr-talent-side { grid-column:2; grid-row:1; }
  .fa-resume-app .fr-avatar { width:42px; height:42px; border-radius:13px; }
  .fa-resume-app .fr-filterrow .fr-field { flex:1; width:auto; }
  .fa-resume-app .fr-filterrow .fr-result { width:100%; padding:0; margin:0; }
  .fa-resume-app .fr-filterrow { gap:12px; }
  .fa-resume-app .fr-panel { padding:20px; }
  .fa-resume-app .fr-filters { padding:16px; }
  .fa-resume-app .fr-steps { gap:6px; }
  .fa-resume-app .fr-step { flex-direction:column; padding:10px 4px; gap:5px; font-size:11px; }
  .fa-resume-app .fr-preview-shell { padding:16px; }
  .fa-resume-app .fr-detail-title { font-size:21px; }
}
@container(max-width:370px) {
  .fa-resume-app .fr-mainnav { width:100%; justify-content:space-between; margin-left:0; }
  .fa-resume-app .fr-grid { grid-template-columns:1fr; }
  .fa-resume-app .fr-choice { padding:9px 11px; }
  .fa-resume-app .fr-facts { gap:16px 12px; }
  .fa-resume-app .fr-context-link { flex-basis:100%; margin-left:0; }
}
@media(pointer:coarse) {
  .fa-resume-app button { min-height:44px; }
  .fa-resume-app input,.fa-resume-app select,.fa-resume-app textarea { font-size:16px; }
}

/* The shared account menu is printed outside the resume app root. */
.fa-resume-account-navigation,
.fa-resume-account-navigation * { box-sizing:border-box; }
.fa-resume-account-navigation {
  width:100%;
  max-width:1250px;
  margin:0 auto 18px;
  color:#29232e;
  font-family:"Noto Sans KR","Malgun Gothic",sans-serif;
}
.fa-resume-account-navigation .flower-member-account-nav {
  position:relative;
  width:100%;
  max-width:100%;
  margin:0;
  border-bottom:1px solid #e9ebef;
  background:#fff;
}
.fa-resume-account-navigation .flower-member-account-nav__inner {
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:74px;
  margin:0;
  padding:8px 4px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:#f45f87 transparent;
  scroll-padding-inline:8px;
  -webkit-overflow-scrolling:touch;
}
.fa-resume-account-navigation .flower-member-account-nav a {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:54px;
  padding:10px 15px;
  border:1px solid transparent;
  border-radius:11px;
  color:#424853;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}
.fa-resume-account-navigation .flower-member-account-nav a:hover { background:#fafbfc; color:#29232e; }
.fa-resume-account-navigation .flower-member-account-nav a.is-active { background:#fff0f5; border-color:#f45f87; color:#29232e; }
.fa-resume-account-navigation .flower-member-account-nav a:focus-visible { outline:3px solid #f45f87; outline-offset:1px; }
.fa-resume-account-navigation .flower-account-nav__icon { display:inline-flex; align-items:center; justify-content:center; width:21px; height:21px; flex:0 0 auto; }
.fa-resume-account-navigation .flower-account-nav__icon svg { display:block; width:100%; height:100%; }
.fa-resume-account-navigation .flower-account-nav__icon i { font-size:20px; }
.fa-resume-account-navigation .flower-account-nav__label { position:relative; }
.fa-resume-account-navigation .flower-account-nav__label small { font:inherit; }
.fa-resume-account-navigation .flower-account-nav-notice { position:absolute; top:0; right:-7px; display:block; width:5px; height:5px; min-width:5px; border-radius:50%; background:#f45f87; font-size:0; pointer-events:none; }
.fa-resume-account-navigation .flower-account-nav-notice[hidden] { display:none !important; }
@media(max-width:760px) {
  .fa-resume-account-navigation .flower-member-account-nav__inner { gap:5px; min-height:64px; }
  .fa-resume-account-navigation .flower-member-account-nav a { padding:9px 12px; min-height:48px; font-size:12px; }
}