/* Latest design kit: fa- namespace; rem units. */

.fa-model-intro{padding-top:8.125rem;padding-bottom:4.0625rem}.fa-breadcrumb{display:flex;gap:0.8125rem;font-size:0.875rem;color:var(--muted);margin-bottom:3rem}.fa-breadcrumb a:hover{color:var(--brand)}.fa-model-intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:5rem;align-items:center}.fa-vendor{font-size:0.875rem;color:var(--muted)}.fa-vendor span{margin:0 0.625rem;color:#bbb}.fa-model-intro h1{font-size:clamp(2.75rem,5.6vw,5rem);line-height:1.1;letter-spacing:-.055em;margin:1.25rem 0 1.5625rem;font-weight:850}.fa-model-intro h1 span{color:#96969f}.fa-model-lead{font-size:1.375rem;line-height:1.7;letter-spacing:-.02em;color:var(--muted)}.fa-feature-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin:1.5625rem 0}.fa-intro-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.875rem}.fa-intro-actions .fa-detail-link{margin:0}.fa-model-summary{background:var(--ink);color:#fff;padding:2rem;border-radius:1.25rem}.fa-summary-top{display:flex;align-items:center;justify-content:space-between;color:#a5a5b0;font:0.6875rem Consolas,monospace;letter-spacing:.12em}.fa-model-monogram{display:grid;place-items:center;width:2.6875rem;height:2.6875rem;background:#ffffff0c;border:0.0625rem solid #ffffff20;border-radius:0.75rem;color:var(--brand);font:bold 1.4375rem sans-serif}.fa-parameter{padding:1.25rem 0}.fa-parameter strong{font-size:5.5rem;line-height:1.15;letter-spacing:-.06em;font-weight:750}.fa-parameter strong span{font-size:3.125rem;color:var(--brand)}.fa-parameter p{font-size:0.8125rem;color:#999ba6;margin:0}.fa-model-summary dl{margin:0.5rem 0 0}.fa-model-summary dl>div{border-top:0.0625rem solid #ffffff19;padding:0.9375rem 0;display:flex;justify-content:space-between;gap:1.25rem;font-size:0.8125rem}.fa-model-summary dt{color:#999ba6}.fa-model-summary dd{margin:0;text-align:right}.fa-detail-nav-wrap{border-top:0.0625rem solid var(--line);border-bottom:0.0625rem solid var(--line);background:#fff}.fa-detail-nav{display:flex;gap:2.25rem;padding-top:1.25rem;padding-bottom:1.25rem;overflow:auto;white-space:nowrap;font-size:0.875rem;font-weight:650}.fa-detail-nav a:hover{color:var(--brand)}.fa-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:5rem;padding-top:4.375rem;padding-bottom:3.75rem}.fa-model-document{min-width:0}.fa-model-section{scroll-margin-top:7.5rem;border-bottom:0.0625rem solid var(--line);padding-bottom:2.75rem;margin-bottom:2.75rem}.fa-model-section>h2{font-size:2rem;letter-spacing:-.04em;line-height:1.3;margin:0 0 1.625rem}.fa-model-section h3{font-size:1.25rem;letter-spacing:-.025em;margin:1.625rem 0 0.75rem}.fa-model-section p,.fa-model-section li{color:var(--muted);font-size:1rem;line-height:1.9}.fa-model-section p{margin:0.625rem 0}.fa-model-section a{font-weight:650}.fa-model-section code{font-family:Consolas,monospace;font-size:0.875rem;padding:0.1875rem 0.375rem;border-radius:0.25rem;background:var(--surface);overflow-wrap:anywhere}.fa-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.75rem}.fa-capability-grid>div{padding:1.375rem;border:0.0625rem solid var(--line);border-radius:0.875rem}.fa-capability-grid span{font:0.8125rem Consolas,monospace;color:var(--brand)}.fa-capability-grid h3{font-size:1.0625rem;margin-top:1.5625rem}.fa-capability-grid p{font-size:0.875rem}.fa-source-note{margin:1.5rem 0;padding:1.125rem 1.25rem;background:var(--surface);border-radius:0.625rem;color:var(--muted);font-size:0.8125rem;line-height:1.8}.fa-spec-table{overflow:auto;margin:1.5625rem 0;border:0.0625rem solid var(--line);border-radius:0.75rem}.fa-spec-table table{width:100%;border-collapse:collapse;font-size:0.875rem}.fa-spec-table th,.fa-spec-table td{text-align:left;padding:0.875rem 1.25rem;border-bottom:0.0625rem solid var(--line)}.fa-spec-table tr:last-child td{border-bottom:0}.fa-spec-table th{background:var(--surface);font-weight:700}.fa-spec-table td:first-child{color:var(--muted)}.fa-detail-sidebar{align-self:start;position:sticky;top:6.875rem;max-height:calc(100svh - 8.75rem);overflow:auto}.fa-sidebar-card h2{font-size:0.8125rem;margin:0 0 1.125rem}.fa-sidebar-card a{display:block;font-size:0.8125rem;color:var(--muted);padding:0.375rem 0}.fa-sidebar-card a:hover,.fa-sidebar-card a[aria-current=true]{color:var(--brand)}.fa-availability-note{background:var(--surface);padding:1.375rem;border-radius:0.75rem;margin-top:1.5625rem;font-size:0.8125rem}.fa-availability-note p{color:var(--muted);line-height:1.8}.fa-availability-note a{font-weight:650}.fa-empty-variants{padding:2.1875rem;border:0.0625rem dashed #cfcfd5;border-radius:1rem;background:#fcfcfd}.fa-empty-icon{font-size:1.75rem;color:#a0a0aa}.fa-empty-variants h3{margin-top:0.75rem}.fa-setup-list{padding:0;list-style:none;counter-reset:setup}.fa-setup-list li{display:flex;gap:1.25rem;border-top:0.0625rem solid var(--line);padding:1.5rem 0;counter-increment:setup}.fa-setup-list li:before{content:counter(setup);display:grid;place-items:center;flex-shrink:0;width:2.125rem;height:2.125rem;background:var(--ink);border-radius:0.5625rem;color:#fff;font-size:0.8125rem}.fa-setup-list h3{margin:0;color:var(--ink)}.fa-setup-list a{font-size:0.875rem;text-decoration:underline;text-underline-offset:0.25rem}.fa-model-section:last-child{border-bottom:0}
@media(max-width:68.75rem){.fa-model-intro-grid{gap:2.1875rem}.fa-detail-layout{gap:2.1875rem;grid-template-columns:minmax(0,1fr) 12.5rem}.fa-capability-grid{grid-template-columns:1fr}.fa-capability-grid h3{margin-top:0.75rem}.fa-parameter strong{font-size:4.5rem}}
@media(max-width:47.5rem){.fa-model-intro{padding-top:9.375rem;padding-bottom:2.5rem}.fa-breadcrumb{margin-bottom:1.875rem}.fa-model-intro-grid{grid-template-columns:1fr;gap:2rem}.fa-model-intro h1{font-size:3.0625rem}.fa-model-lead{font-size:1.125rem}.fa-model-summary{padding:1.5625rem}.fa-parameter strong{font-size:4.375rem}.fa-detail-nav{gap:1.5625rem}.fa-detail-layout{display:block;padding-top:2.8125rem}.fa-detail-sidebar{display:none}.fa-model-section>h2{font-size:1.75rem}.fa-model-section{scroll-margin-top:9.0625rem}.fa-empty-variants{padding:1.5rem}.fa-intro-actions{gap:1.125rem}.fa-spec-table th,.fa-spec-table td{padding:0.75rem 0.875rem}}

/* Dynamic model JSP integration. */

  .fa-md-page { background: #fff; padding: 2.125rem 0 3.75rem; }
  .fa-md-breadcrumb { font-size: 0.8rem; color: #888; margin-bottom: 1.125rem; }
  .fa-md-breadcrumb a { color: var(--brand); text-decoration: none; font-weight: 600; }

  .fa-md-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; margin-bottom: 1.625rem; flex-wrap: wrap; }
  .fa-md-title-row { display: flex; align-items: center; gap: 1rem; }
  .fa-md-logo {
    width: 3.375rem; height: 3.375rem; border-radius: 0.75rem; background: var(--brand-soft); color: var(--brand);
    display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.3rem; flex-shrink: 0;
  }
  .fa-md-title-row h1 { font-size: clamp(1.5rem,3vw,2rem); font-weight: 900; letter-spacing: -0.03em; margin: 0; line-height: 1.15; }
  .fa-md-sub { color: #888; font-size: 0.88rem; margin-top: 0.375rem; }

  .fa-md-layout { display: grid; grid-template-columns: minmax(0,1fr) 20rem; gap: 1.375rem; }
  @media (max-width: 56.25rem) { .fa-md-layout { grid-template-columns: 1fr; } }

  .fa-md-card { background: #fff; border: 0.0625rem solid rgba(0,0,0,0.08); border-radius: 1rem; padding: 1.75rem 2rem; }
  .fa-md-card.markdown-body h2 { font-size: 1.3rem; margin: 1.75rem 0 0.75rem; }
  .fa-md-card.markdown-body h2:first-child { margin-top: 0; }
  .fa-md-card.markdown-body h3 { font-size: 1rem; margin: 1.375rem 0 0.5rem; }
  .fa-md-card.markdown-body p, .fa-md-card.markdown-body li { font-size: 0.9rem; line-height: 1.8; color: #444; }
  .fa-md-card.markdown-body code { background: rgba(0,0,0,0.05); padding: 0.125rem 0.375rem; border-radius: 0.3125rem; font-size: 0.85em; }
  .fa-md-card.markdown-body pre { background: #101114; color: #eee; padding: 1rem 1.125rem; border-radius: 0.625rem; overflow-x: auto; }
  .fa-md-card.markdown-body pre code { background: none; padding: 0; color: inherit; }

  .fa-md-side { display: grid; gap: 1.125rem; align-content: start; }
  .fa-md-use-box { background: var(--ink); color: #fff; border-radius: 1rem; padding: 1.5rem; }
  .fa-md-use-box h3 { margin: 0 0 0.5rem; font-size: 1.05rem; font-weight: 800; }
  .fa-md-use-box p { font-size: 0.85rem; line-height: 1.65; color: #cbd5e1; margin: 0 0 0.875rem; }
  .fa-md-use-btn { background: var(--brand);   color: #fff; }
  .fa-md-use-btn:hover { background: var(--brand); color: #fff; }

  .fa-md-card h2.fa-md-card-title { font-size: 1rem; font-weight: 800; margin: 0 0 0.875rem; }
  .fa-md-spec { display: grid; gap: 0; }
  .fa-md-spec-row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.625rem 0; border-bottom: 0.0625rem solid rgba(0,0,0,0.06); font-size: 0.85rem; }
  .fa-md-spec-row:last-child { border-bottom: none; }
  .fa-md-spec-row span:first-child { color: #999; }
  .fa-md-spec-row strong { font-weight: 700; }
  .fa-md-spec-badge { font-size: 0.71rem; font-weight: 800; padding: 0.125rem 0.625rem; border-radius: 62.4375rem; background: rgba(25,135,84,.1); color: #198754; }

  .fa-md-variant { border: 0.0625rem solid rgba(0,0,0,0.08); border-radius: 0.625rem; padding: 0.75rem 0.875rem; margin-top: 0.625rem; }
  .fa-md-variant:first-of-type { margin-top: 0; }
  .fa-md-variant-title { font-weight: 700; font-size: 0.86rem; }
  .fa-md-variant-meta { color: #999; font-size: 0.76rem; margin-top: 0.1875rem; }
  .fa-md-empty-variants { color: #aaa; font-size: 0.82rem; }

  /* 모델 사용하기 모달 */
  .fa-md-modal-backdrop { display:none; position:fixed; inset:0; background:rgba(15,23,42,.55); z-index:1050; align-items:center; justify-content:center; padding:1.25rem; }
  .fa-md-modal-backdrop.show { display:flex; }
  .fa-md-modal { width:min(35rem,100%); background:#fff; border-radius:1rem; padding:1.75rem; max-height:90vh; overflow-y:auto; }
  .fa-md-modal h2 { margin:0 0 0.5rem; font-size:1.3rem; font-weight:900; }
  .fa-md-modal > p { color:#888; font-size:0.88rem; line-height:1.6; margin:0 0 1.125rem; }
  .fa-md-steps { display:grid; gap:0.875rem; margin-bottom:1.25rem; }
  .fa-md-step { display:grid; grid-template-columns:2rem 1fr; gap:0.75rem; }
  .fa-md-step-num { width:2rem; height:2rem; border-radius:50%; background:var(--brand-soft); color:var(--brand); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:0.85rem; }
  .fa-md-step strong { font-size:0.9rem; }
  .fa-md-step .fa-md-step-desc { font-size:0.8rem; color:#888; margin-top:0.1875rem; line-height:1.55; }
  .fa-md-modal-actions { display:flex; justify-content:flex-end; gap:0.5rem; flex-wrap: wrap; }

.fa-model-page { color:var(--ink);font-family:var(--font-body);background:#fff; }
.fa-md-page { padding:4rem 0 5rem; }
.fa-md-breadcrumb { margin-bottom:3rem; }
.fa-md-detail-head { margin-bottom:3rem; }
.fa-md-title-row h1 { font-size:clamp(2.75rem,5.6vw,5rem);font-weight:850;letter-spacing:-.055em; }
.fa-md-layout { grid-template-columns:minmax(0,1fr) 20rem;gap:3rem; }
.fa-md-card { border-color:var(--line);border-radius:var(--radius-lg);padding:2rem;min-width:0; }
.fa-md-card.markdown-body { border:0;padding:0 1rem 0 0;overflow-wrap:anywhere; }
.fa-md-card.markdown-body h2 { font-size:2rem;margin:2.75rem 0 1.625rem; }
.fa-md-card.markdown-body h3 { font-size:1.25rem; }
.fa-md-card.markdown-body p,.fa-md-card.markdown-body li { font-size:1rem;line-height:1.9;color:var(--muted); }
.fa-md-card.markdown-body table { display:block;max-width:100%;overflow:auto;border-collapse:collapse; }
.fa-md-card.markdown-body td,.fa-md-card.markdown-body th { padding:.875rem 1.25rem;border:1px solid var(--line); }
.fa-md-card.markdown-body img { max-width:100%;height:auto; }
.fa-md-use-box { background:var(--ink);padding:2rem;border-radius:var(--radius-lg); }
.fa-md-modal .btn-primary { background:var(--brand);border-color:var(--brand); }
.fa-md-empty-variants { padding:1.5rem;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted); }
@media(max-width:900px) { .fa-md-layout { grid-template-columns:1fr; } }
@media(max-width:600px) { .fa-md-page { padding:2rem 0 3rem; }.fa-md-card { padding:1.5rem; }.fa-md-card.markdown-body { padding:0; } }