/* 이펙터 · 2026-10 제작 · 안티에이징센터 페이지 스타일 */

:root {
  --aa-accent: #5f7fa6;
  --aa-soft: #f7f7f7;
  --aa-cream: #fdf6ef;
  --aa-chip: #86a1c1;
  --aa-line: var(--ss-line-strong);
}

.aa-sec-end { padding-bottom: var(--sp-sec-sm); }

.aa-gray { background: var(--aa-soft); }
.aa-gray + .aa-gray { padding-top: 0; }

.aa-lead-b { display: block; margin-bottom: .75rem; font-size: 1.25rem; font-weight: 700; line-height: 1.25; color: var(--ss-text); }
.aa-lead-t { display: block; }
.aa-lead-s { display: block; margin-top: .25rem; font-size: .9375rem; font-weight: 300; line-height: 1.4; }
@media (min-width: 768px) { .aa-lead-b { margin-bottom: 1rem; font-size: 1.625rem; } .aa-lead-s { font-size: 1.25rem; } }
@media (min-width: 992px) { .aa-lead-b { margin-bottom: 1.5rem; font-size: 2rem; } .aa-lead-s { margin-top: 0; font-size: 1.5625rem; line-height: 1.4; } }

.aa-sub { margin: -.25rem auto 0; max-width: 60rem; text-align: center; font-size: .9375rem; font-weight: 400; line-height: 1.5; letter-spacing: -.012em; color: var(--ss-muted); }
.aa-sub + * { margin-top: 2rem; }
@media (min-width: 768px) { .aa-sub { margin-top: -1rem; font-size: 1.125rem; } .aa-sub + * { margin-top: 3rem; } }
@media (min-width: 992px) { .aa-sub { margin-top: -2rem; font-size: 1.1875rem; line-height: 1.5; } .aa-sub + * { margin-top: 4.5rem; } }
@media (min-width: 1400px) { .aa-sub { font-size: 1.1875rem; } }
.aa-sub-lg { font-size: 1.0625rem; font-weight: 400; line-height: 1.45; }
@media (min-width: 768px) { .aa-sub-lg { font-size: 1.375rem; } }
@media (min-width: 992px) { .aa-sub-lg { font-size: 1.625rem; } }
@media (min-width: 1400px) { .aa-sub-lg { max-width: none; font-size: 1.875rem; line-height: 1.23; } }
.sp-h2 + .aa-sub { margin-top: -1.25rem; }
@media (min-width: 768px) { .sp-h2 + .aa-sub { margin-top: -1.5rem; } }
@media (min-width: 992px) { .sp-h2 + .aa-sub { margin-top: -2.25rem; } }

.aa-pic, .aa-ph { container-type: inline-size; }
.aa-pic-soft { background: var(--aa-soft) !important; }
.aa-pic [data-show][hidden], .aa-lbl[hidden] { display: none; }

.aa-t { position: absolute; z-index: 2; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); transform: translateY(-50%); margin: 0; font-size: calc(var(--f, 3.9) * 1cqw); font-weight: 500; font-style: normal; line-height: 1; letter-spacing: -.02em; white-space: nowrap; color: #000; }

[data-baked] .aa-t, [data-baked] .aa-lbl, [data-baked] .aa-chip, [data-baked] .aa-tag, [data-baked] .aa-tbl-ov { display: none; }

.aa-scroll { margin-inline: calc(var(--ss-edge) * -1); padding-inline: var(--ss-edge); overflow-x: auto; scrollbar-width: thin; }
/* 비교표는 안쪽 여백 대신 표 바깥 여백을 써서, 고정 열이 화면 가장자리에 붙고 그 왼쪽으로 내용이 비치지 않게 한다 */
.aa-scroll:has(> .aa-tbl) { padding-inline: 0; }
.aa-scroll > .aa-tbl { margin-inline: var(--ss-edge); }
.aa-tbl { --k: 5.5rem; --n: 3; display: grid; grid-template-columns: var(--k) repeat(var(--n), minmax(0, 1fr)); min-width: 40rem; margin: 0; border-top: 1px solid var(--aa-line); border-left: 1px solid var(--aa-line); background: var(--ss-white); }
.aa-tbl-row { display: contents; }
.aa-tbl-k, .aa-tbl-c, .aa-tbl-ph, .aa-tbl-h { margin: 0; border-right: 1px solid var(--aa-line); border-bottom: 1px solid var(--aa-line); }
.aa-tbl-k { position: sticky; left: 0; z-index: 3; display: flex; align-items: center; justify-content: center; padding: .5rem; background: var(--ss-white); text-align: center; font-size: .875rem; font-weight: 600; line-height: 1.35; letter-spacing: -.02em; color: #000; }
.aa-tbl-ph { border-right: 0; border-bottom: 0; }
.aa-tbl-k-span { grid-row: span 2; }
.aa-tbl-c { display: flex; align-items: center; justify-content: center; min-height: var(--aa-row, 3.5rem); padding: .5rem .625rem; text-align: center; font-size: .8125rem; font-weight: 500; line-height: 1.45; letter-spacing: -.02em; color: var(--ss-text-2); }
.aa-tbl-ph { position: relative; display: flex; align-items: flex-end; aspect-ratio: var(--ph, 380 / 300); background: var(--bg, var(--ss-white)); overflow: hidden; line-height: 0; }
.aa-tbl-ph > .img-ph, .aa-tbl-ph > img { width: 100%; height: auto; border-radius: 0; }
.aa-tbl-ph-fill > .img-ph, .aa-tbl-ph-fill > img { height: 100%; object-fit: cover; aspect-ratio: auto !important; }
.aa-tbl-ov { position: absolute; margin: 0; }
.aa-tbl-arw { position: absolute; z-index: 1; display: block; fill: #fff; pointer-events: none; }
.aa-tbl-ov > .img-ph, .aa-tbl-ov > img { width: 100%; height: auto; border-radius: 0; }
.aa-tbl-h { display: flex; align-items: center; justify-content: center; min-height: 3rem; padding: .25rem .5rem; background: var(--ss-ink); border-right-color: rgb(255 255 255 / .2); color: var(--ss-white); text-align: center; font-size: .9375rem; font-weight: 600; line-height: 1.3; }
@media (min-width: 768px) {
  .aa-scroll { margin-inline: 0; padding-inline: 0; overflow: visible; }
  .aa-scroll > .aa-tbl { margin-inline: 0; }
  .aa-tbl { --k: 7rem; min-width: 0; }
  .aa-tbl-k { position: static; font-size: .9375rem; }
  .aa-tbl-c { min-height: var(--aa-row, 4rem); font-size: .9375rem; }
  .aa-tbl-h { min-height: 3.5rem; font-size: 1.0625rem; }
}
@media (min-width: 992px) {
  .aa-tbl { --k: 8.5rem; }
  .aa-tbl-k { font-size: 1.0625rem; }
  .aa-tbl-c { min-height: var(--aa-row, 4.25rem); padding: .5rem 1rem; font-size: 1rem; }
  .aa-tbl-h { min-height: 4rem; font-size: 1.1875rem; }
}
@media (min-width: 1400px) {
  .aa-tbl { --k: 10.625rem; }
  .aa-tbl-k { font-size: 1.1875rem; }
  .aa-tbl-c { padding: .5rem 1.25rem; font-size: 1.125rem; }
  .aa-tbl-h { font-size: 1.3125rem; }
}

.aa-feat .sp-feat-txt { padding-right: 1rem; }
.aa-feat .sp-feat-desc { letter-spacing: -.02em; }

.aa-trio { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; padding: 0; list-style: none; }
.aa-trio > li { position: relative; margin: 0; text-align: center; }
.aa-trio .img-ph, .aa-trio img { border-radius: var(--sp-r); }
.aa-trio-cap { margin: .75rem 0 0; font-size: 1rem; font-weight: 400; line-height: 1.4; color: #000; }
.aa-trio > li + li::before { content: ""; position: absolute; z-index: 1; left: 50%; top: -1.25rem; width: 1.25rem; height: 1.25rem; transform: translate(-50%, -50%) rotate(90deg); background: var(--ss-ink); -webkit-mask: url(../../../icons/ico-chevron-right.svg) center / contain no-repeat; mask: url(../../../icons/ico-chevron-right.svg) center / contain no-repeat; }
@media (min-width: 768px) {
  .aa-trio { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--sp-gap); align-items: start; }
  .aa-trio > li { container-type: inline-size; }
  .aa-trio > li + li::before { left: calc(var(--sp-gap) / -2); top: 39.55cqw; transform: translate(-50%, -50%); }
  .aa-trio-cap { margin-top: 1rem; font-size: 1.125rem; }
}
@media (min-width: 992px) { .aa-trio > li + li::before { width: 1.5rem; height: 1.5rem; } .aa-trio-cap { margin-top: 1rem; font-size: 1.25rem; } }
@media (min-width: 1400px) { .aa-trio-cap { margin-top: 1rem; font-size: 1.5rem; } }

.aa-card { position: relative; aspect-ratio: var(--ar, 1310 / 599); overflow: hidden; border-radius: var(--sp-r-lg); background: var(--bg, var(--aa-card-bg, #e3e4e9)); }
.aa-card > .img-ph, .aa-card > img { position: absolute; left: 50%; top: 0; width: auto; height: 100%; max-width: none; transform: translateX(-50%); border-radius: 0; }
.aa-card-canvas { background: none; }
.aa-card-canvas > .img-ph, .aa-card-canvas > img { left: var(--il); top: var(--it); width: var(--iw); height: auto; transform: none; aspect-ratio: auto !important; object-fit: fill; }

.sp-special-label { color: var(--aa-accent); }

.aa-steps-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aa-steps-5 .sp-steps-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
.aa-steps-5 .sp-steps-t small { font-size: .8em; font-weight: 600; }
@media (min-width: 768px) { .aa-steps-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .aa-steps-5 .sp-steps-item:last-child:nth-child(odd) { grid-column: auto; } }
@media (min-width: 992px) { .aa-steps-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 1rem; } .aa-steps-5 .sp-steps-t { font-size: 1.125rem; } .aa-steps-5 .sp-steps-d { margin-inline: -.25rem; font-size: .875rem; } }
@media (min-width: 1200px) { .aa-steps-5 .sp-steps-t { font-size: 1.375rem; } .aa-steps-5 .sp-steps-d { font-size: 1rem; } }
@media (min-width: 1400px) { .aa-steps-5 { column-gap: .75rem; } .aa-steps-5 .sp-steps-t { font-size: 1.5625rem; } .aa-steps-5 .sp-steps-d { margin-inline: -.375rem; font-size: 1.1875rem; } }
.aa-ph { position: relative; margin: 0; border-radius: var(--sp-r); overflow: hidden; }
.aa-ph > .img-ph, .aa-ph > img { border-radius: 0; }
.sp-steps-item > .aa-ph + .sp-steps-t { margin-top: 1rem; }
@media (min-width: 992px) { .sp-steps-item > .aa-ph + .sp-steps-t { margin-top: 1.25rem; } }

.aa-steps .sp-steps-d { letter-spacing: -.02em; }
@media (min-width: 992px) { .sp-steps.aa-steps .sp-steps-d { margin-inline: -1.25rem; } }
@media (min-width: 1200px) { .aa-steps .sp-steps-d { white-space: nowrap; } }

.aa-lay { position: relative; container-type: inline-size; margin: 0; aspect-ratio: var(--ar); overflow: hidden; border-radius: var(--sp-r-lg); background: var(--bg, var(--aa-soft)); }
.aa-lay-l { position: absolute; margin: 0; }
.aa-lay-l > .img-ph, .aa-lay-l > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; aspect-ratio: auto !important; }
.aa-ov { position: absolute; margin: 0; }
.aa-ov > .img-ph, .aa-ov > img { width: 100%; height: auto; border-radius: 0; }
[data-baked] .aa-ov { display: none; }

.sp-feat-panel.aa-pnl:not([hidden]) { display: block; position: relative; container-type: inline-size; border: 1px solid var(--ss-line-strong); background: var(--aa-pnl-bg, #e0dee3); }
.aa-pnl .aa-lay { border-radius: 0; background: transparent; }
.aa-pnl-txt { display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem 1.25rem 1.5rem; background: var(--ss-white); }
.aa-pnl-txt .sp-feat-title { margin: 0; font-size: 1.25rem; }
.aa-pnl-txt .sp-feat-desc { margin: 0; font-size: 1rem; }
@media (min-width: 768px) {
  .sp-feat-panel.aa-pnl:not([hidden]) { border: 0; }
  .aa-pnl-txt { position: absolute; inset: 0; z-index: 3; justify-content: space-between; gap: 0; padding: 6cqw 4.7cqw 7.2cqw; background: none; pointer-events: none; }
  .aa-pnl-txt .sp-feat-title { font-size: 4.4cqw; line-height: 1.1; color: var(--ss-ink); }
  .aa-pnl-txt .sp-feat-desc { font-size: max(.8125rem, 2.3cqw); line-height: 1.3; letter-spacing: -.02em; color: var(--ss-ink); }
  .aa-pnl-txt.is-light .sp-feat-title, .aa-pnl-txt.is-light .sp-feat-desc { color: var(--ss-white); }
}

.aa-chart { position: relative; container-type: inline-size; min-width: 40rem; margin: 0; aspect-ratio: 1310 / 468; border-radius: var(--sp-r-lg); background: var(--aa-soft); }
.aa-chart-plot { position: absolute; left: 13.97%; top: 18.16%; width: 75.27%; height: 66.24%; }
.aa-chart-g { position: absolute; left: 0; right: 0; height: 1px; background: #cecece; }
.aa-chart-g-base { background: #8f8f8f; }
.aa-chart-bar { position: absolute; bottom: 11%; width: 6.39%; border-radius: 100vmax 100vmax 0 0; background: var(--c); }
.aa-chart-age, .aa-chart-axis, .aa-chart-pt { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); margin: 0; font-size: max(.6875rem, 1.45cqw); font-weight: 500; line-height: 1; transform: translate(-50%, -50%); white-space: nowrap; }
.aa-chart-age { color: var(--ss-weak); font-size: max(.6875rem, 1.37cqw); }
.aa-chart-axis { color: var(--ss-weak); font-size: max(.6875rem, 1.3cqw); font-weight: 400; }
.aa-chart-pt { color: #000; }
.aa-chart-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.aa-chart-svg polyline { fill: none; stroke: var(--ss-ink); stroke-width: 1; vector-effect: non-scaling-stroke; }
.aa-chart-dot { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); width: 1.22cqw; min-width: .75rem; aspect-ratio: 1; transform: translate(-50%, -50%); border: .23cqw solid #9b9b9b; border-radius: 50%; background: var(--ss-ink); box-sizing: border-box; }
@media (min-width: 768px) { .aa-chart { min-width: 0; } }
.aa-chart-anim { --aa-t0: .9s; --aa-line: 1.6s; }
.aa-chart-anim .aa-chart-bar { clip-path: inset(100% 0 0 0); }
.aa-chart-anim .aa-chart-svg { clip-path: inset(-10% 100% -10% 0); }
.aa-chart-anim .aa-chart-dot { opacity: 0; scale: .4; }
.aa-chart-anim .aa-chart-pt { opacity: 0; translate: 0 .35em; }
.aa-chart-anim.is-play .aa-chart-bar { clip-path: inset(0 0 0 0); transition: clip-path .9s cubic-bezier(.22, .61, .36, 1) calc(var(--i, 0) * .14s); }
.aa-chart-anim.is-play .aa-chart-svg { clip-path: inset(-10% 0 -10% 0); transition: clip-path var(--aa-line) cubic-bezier(.45, .05, .35, 1) var(--aa-t0); }
.aa-chart-anim.is-play .aa-chart-dot { opacity: 1; scale: 1; transition: opacity .35s ease, scale .45s cubic-bezier(.34, 1.56, .64, 1); transition-delay: calc(var(--aa-t0) + var(--x) * var(--aa-line) / 100 * .85); }
.aa-chart-anim.is-play .aa-chart-pt { opacity: 1; translate: none; transition: opacity .45s ease, translate .5s cubic-bezier(.22, .61, .36, 1); transition-delay: calc(var(--aa-t0) + var(--x) * var(--aa-line) / 100 * .85 + .12s); }

.aa-gray-pad { padding-top: var(--sp-sec-sm); padding-bottom: var(--sp-sec); }
.aa-gray .sp-block { margin-top: var(--sp-sec); }
.aa-gray .sp-ruletitle + .sp-block { margin-top: 3rem; }
@media (min-width: 768px) { .aa-gray .sp-ruletitle + .sp-block { margin-top: 3.5rem; } }
@media (min-width: 992px) { .aa-gray .sp-ruletitle + .sp-block { margin-top: 5rem; } }
.aa-media { margin-top: 1.5rem; }
@media (min-width: 768px) { .aa-media { margin-top: 3rem; } }
@media (min-width: 992px) { .aa-media { margin-top: 4.5rem; } }
.aa-lay > .aa-fill, .aa-lay > img.aa-fill { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; aspect-ratio: auto !important; }
.aa-cap { margin: .75rem 0 0; text-align: center; font-size: .875rem; font-weight: 400; line-height: 1.4; letter-spacing: -.01em; color: var(--ss-text-2); }
.aa-cap-l { text-align: left; }
@media (min-width: 768px) { .aa-cap { margin-top: 1rem; font-size: 1rem; } }
@media (min-width: 992px) { .aa-cap { font-size: 1.125rem; } }
@media (min-width: 1400px) { .aa-cap { font-size: 1.25rem; line-height: 1.2; } }
.sp-pair > figure .aa-cap { margin-top: 1rem; }

.aa-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.aa-split > .aa-lay { height: auto; }
.aa-split-side { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.aa-split-fig { margin: 0; }
.aa-split-fig .aa-cap { margin-top: .75rem; }
@media (min-width: 576px) { .aa-split-side { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) {
  .aa-split { grid-template-columns: 875fr 407fr; column-gap: 1.75rem; align-items: stretch; }
  .aa-split-side { display: flex; flex-direction: column; justify-content: space-between; gap: 0; }
  .aa-split-fig .aa-cap { margin-top: 1rem; }
}

.aa-chk { position: relative; display: inline-block; flex: none; width: 1em; height: 1em; border-radius: 50%; background: currentColor; vertical-align: middle; }
.aa-chk::after { content: ""; position: absolute; left: 31%; top: 20%; width: 24%; height: 42%; border: solid var(--ss-white); border-width: 0 .13em .13em 0; transform: rotate(45deg); box-sizing: content-box; }

.aa-combos { display: grid; gap: 2.5rem 1.5rem; padding: 0; list-style: none; }
.aa-combo { margin: 0; text-align: center; }
.aa-combo .aa-lay { border-radius: var(--sp-r-lg); }
.aa-combo-t { margin: 1rem 0 0; font-size: 1.125rem; font-weight: 600; line-height: 1.4; color: var(--ss-ink); }
.aa-combo-d { margin: .5rem 0 0; font-size: .875rem; font-weight: 400; line-height: 1.5; letter-spacing: -.03em; color: var(--ss-ink); }
@media (min-width: 768px) { .aa-combos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3.5rem 1.5rem; } .aa-combo-t { margin-top: 1.25rem; font-size: 1.25rem; } .aa-combo-d { font-size: 1rem; } }
@media (min-width: 992px) { .aa-combos { row-gap: 5rem; column-gap: 1.8125rem; } .aa-combo-t { margin-top: 1.5rem; font-size: 1.375rem; } .aa-combo-d { margin-top: .75rem; font-size: 1.0625rem; } }
@media (min-width: 1400px) { .aa-combos { row-gap: 6.25rem; } .aa-combo-t { margin-top: 2.25rem; font-size: 1.5625rem; line-height: 1.44; } .aa-combo-d { margin-top: 1.4375rem; font-size: 1.1875rem; line-height: 1.1; } }
.aa-combo-d { line-height: 1.5; }
@media (min-width: 1400px) { .aa-combo-d { line-height: 1.3; } }

.aa-sec-pad { padding-bottom: var(--sp-sec); }

.aa-steps .aa-ph { aspect-ratio: var(--sar, 305 / 268); }
.aa-steps .aa-ph > img, .aa-steps .aa-ph > .img-ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto !important; }
.aa-steps-5 .aa-ph { --sar: 252 / 221; }

.sp-feat-panel.aa-pnl-line:not([hidden]) { border: 1px solid var(--aa-line); background: var(--ss-white); }
.aa-pnl-line .aa-lay { background: var(--ss-white); }
.aa-pnl-half .aa-lay { aspect-ratio: var(--arm); max-width: none; margin-inline: 0; background: var(--aa-half-bg, #d5c9bd); }
.aa-pnl-half .aa-lay-l { left: 0 !important; width: 100% !important; }
@media (min-width: 768px) {
  .aa-pnl-half .aa-lay { aspect-ratio: var(--ar); max-width: none; margin-inline: 0; background: var(--ss-white); }
  .aa-pnl-half .aa-lay-l { left: var(--hx) !important; width: var(--hw) !important; background: var(--aa-half-bg, #d5c9bd); }
}

.aa-vs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin: 0; border: 1px solid var(--aa-line); background: var(--ss-white); }
.aa-vs-ph { position: relative; margin: 0; background: var(--bg, #e6e6e6); overflow: hidden; }
.aa-vs-ph > .img-ph, .aa-vs-ph > img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; aspect-ratio: auto !important; position: absolute; inset: 0; }
.aa-vs-ph::before { content: ""; display: block; padding-top: calc(var(--vh, 90) * 1%); }
.aa-vs-k { display: none; margin: 0; }
.aa-vs-phk { display: none; }
.aa-vs-a, .aa-vs-b { display: flex; align-items: center; justify-content: center; min-height: 3.25rem; margin: 0; padding: .5rem .75rem; text-align: center; font-size: .875rem; font-weight: 500; line-height: 1.4; }
.aa-vs-a { background: var(--ss-ink); color: var(--ss-white); border-top: 1px solid rgb(255 255 255 / .2); }
.aa-vs-b { color: var(--ss-weak); border-top: 1px solid var(--aa-line); }
.aa-vs-a-h, .aa-vs-b-h { font-weight: 700; }
.aa-vs-lab { display: none; }
@media (min-width: 768px) {
  .aa-vs { grid-template-columns: minmax(0, 1fr) var(--k, 7rem) minmax(0, 1fr); }
  .aa-vs-phk { display: block; border-inline: 1px solid var(--aa-line); }
  .aa-vs-k { display: grid; place-items: center; border-block: 1px solid var(--aa-line); border-inline: 1px solid var(--aa-line); font-size: 1rem; font-weight: 500; }
  .aa-vs-a, .aa-vs-b { min-height: 4rem; font-size: 1rem; }
}
@media (min-width: 992px) { .aa-vs { --k: 9rem; } .aa-vs-k { font-size: 1.1875rem; } .aa-vs-a, .aa-vs-b { min-height: 4.375rem; font-size: 1.125rem; } }
@media (min-width: 1400px) { .aa-vs { --k: 9.1875rem; } .aa-vs-k { font-size: 1.5rem; } .aa-vs-a, .aa-vs-b { min-height: 4.375rem; font-size: 1.25rem; } .aa-vs-r5 { min-height: 4.8125rem; } }
@media (max-width: 767.98px) { .aa-vs-lab { display: block; grid-column: 1 / -1; margin: 0; padding: .5rem; text-align: center; background: #eaeaea; font-size: .8125rem; font-weight: 600; color: var(--ss-ink); } }

.aa-tbl-nok { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); min-width: 36rem; border-left: 1px solid var(--aa-line); }
.aa-tbl-nok .aa-tbl-c { flex-direction: column; font-weight: 500; line-height: 1.5; color: var(--ss-weak); min-height: var(--aa-row, 5rem); }
.aa-tbl-t { display: flex; align-items: center; justify-content: center; margin: 0; padding: .5rem; min-height: 3.5rem; border-right: 1px solid var(--aa-line); border-bottom: 1px solid var(--aa-line); text-align: center; font-size: 1rem; font-weight: 700; color: var(--ss-weak); }
.aa-tbl-t.is-on, .aa-tbl-nok .aa-tbl-c.is-on { background: var(--ss-ink); color: var(--ss-white); border-right-color: rgb(255 255 255 / .2); }
@media (min-width: 768px) { .aa-tbl-nok { min-width: 0; } .aa-tbl-t { min-height: 4rem; font-size: 1.125rem; } .aa-tbl-nok .aa-tbl-c { font-size: 1rem; } }
@media (min-width: 992px) { .aa-tbl-t { min-height: 4.5rem; font-size: 1.25rem; } .aa-tbl-nok .aa-tbl-c { font-size: 1.125rem; } }
@media (min-width: 1400px) { .aa-tbl-nok .aa-tbl-c { min-height: 7.3125rem; font-size: 1.25rem; line-height: 1.5; } .aa-tbl-t { min-height: 5rem; font-size: 1.25rem; } }

.aa-bigcap { position: absolute; z-index: 2; margin: 0; font-size: calc(var(--f, 1.8) * 1cqw); font-weight: 600; line-height: 1.1; color: var(--ss-white); }
.aa-bigcap b { display: block; margin-bottom: .2em; font-size: 1.333em; font-weight: 600; }
.aa-bigcap-r { text-align: right; color: var(--ss-ink); }
@media (max-width: 767.98px) { .aa-bigcap { font-size: max(.6875rem, calc(var(--f, 1.8) * 1cqw)); } }

[data-baked] .aa-ov-l, [data-baked-hide] { display: none; }
.aa-specials .sp-special .aa-lay { margin-top: 1.5rem; }
@media (min-width: 768px) { .aa-specials .sp-special .aa-lay { margin-top: 3rem; } }
@media (min-width: 992px) { .aa-specials .sp-special .aa-lay { margin-top: 4.5rem; } }
.aa-tbl-ph.aa-ph { border-radius: 0; }

.aa-gray-full { padding-top: var(--sp-sec); padding-bottom: var(--sp-sec); }
.aa-gray-full .aa-block + .aa-block { margin-top: var(--sp-sec); }
.aa-gray-full .aa-sub + * { margin-top: 2rem; }
@media (min-width: 768px) { .aa-gray-full .aa-sub + * { margin-top: 3rem; } }
@media (min-width: 992px) { .aa-gray-full .aa-sub + * { margin-top: 4.5rem; } }
.aa-sub-ink { color: var(--ss-ink); }
.aa-card-note { position: absolute; z-index: 2; left: 2.9%; bottom: 5.2%; margin: 0; font-size: max(.6875rem, 1.3cqw); font-weight: 400; line-height: 1.05; color: var(--ss-muted); container-type: normal; }
.aa-card-c { container-type: inline-size; }

.aa-circ { display: flex; width: 76.1%; margin-inline: auto; container-type: inline-size; }
.aa-circ-c { flex: none; display: grid; place-items: center; width: 27.48%; aspect-ratio: 1; margin: 0 0 0 -3.3%; padding: 0 3.3%; border-radius: 50%; background: rgb(17 17 17 / .074); text-align: center; font-size: max(.75rem, 2.4cqw); font-weight: 500; line-height: 1.3; color: var(--ss-ink); }
.aa-circ-c:first-child { margin-left: 0; }
.aa-circ-c-img { background-color: transparent; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; }
@media (max-width: 575.98px) { .aa-circ { width: 100%; } .aa-circ-c { font-size: max(.625rem, 2.6cqw); padding: 0 2.75%; } }
.aa-pair { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .aa-pair { grid-template-columns: 481fr 778fr; column-gap: 3.1875rem; } }
.aa-pair > * { min-width: 0; }
.aa-block .sp-title, .aa-block .sp-desc { text-align: left; }
.aa-pair-r { margin: 0; }
.aa-note-ink { color: var(--ss-ink); }

.aa-gray .sp-desc { letter-spacing: -.02em; }