@layer reset,base,navigation,cover,stories,experience,closing,responsive;
@layer reset {
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote {
    margin: 0;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button,
  input {
    font: inherit;
  }
  button,
  summary,
  input[type="range"] {
    cursor: pointer;
  }
  button {
    color: inherit;
  }
  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  button {
    border: 0;
    background: none;
  }
  [hidden] {
    display: none !important;
  }
  summary {
    list-style: none;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  :focus-visible {
    outline: 3px solid #7652b5;
    outline-offset: 5px;
  }
}
@layer base {
  :root {
    --ink: #262331;
    --muted: #716d7a;
    --line: #e9e6ed;
    --coral: #e95866;
    --purple: #7652b5;
    --gradient: linear-gradient(110deg, #ed6572, #a65bc5);
    --paper: #f8f7fb;
  }
  body {
    font-family:
      Segoe UI,
      Microsoft YaHei,
      PingFang SC,
      sans-serif;
    color: var(--ink);
    background: #fff;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
  }
  ::selection {
    background: #f9d6e1;
    color: #322337;
  }
  h2 {
    font-size: clamp(25px, 2.35vw, 34px);
    line-height: 1.45;
    letter-spacing: -0.8px;
  }
  h3 {
    line-height: 1.5;
  }
  p {
    color: var(--muted);
  }
  a,
  button,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  a,
  button {
    transition:
      color 0.2s,
      background 0.2s,
      box-shadow 0.2s,
      transform 0.2s;
  }
  a:hover {
    color: var(--coral);
  }
  section,
  article[id],
  nav[id] {
    scroll-margin-top: 100px;
  }
  .f4x8n2k6qv {
    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
  }
  .n7vf3b9qxe {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  a.n7vf3b9qxe:focus {
    z-index: 100;
    inset: 12px auto auto 12px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 12px 20px;
    clip-path: none;
    background: #fff;
    box-shadow: 0 2px 15px #0002;
  }
  .o3w8k2p6nd {
    display: block;
    color: #a34267;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    margin-bottom: 12px;
  }
  .i8c3m7u2vs {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
  }
  .i8c3m7u2vs h2 > span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--muted);
    margin-left: 24px;
  }
  .i8c3m7u2vs p {
    margin-top: 10px;
    font-size: 14px;
  }
  .w2r7p4v9nk {
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    white-space: nowrap;
  }
  .w2r7p4v9nk > span {
    font-size: 21px;
  }
  .l3q8u2d6va {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.8;
  }
  .a8j3n7v2qk {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background: var(--gradient);
    color: #fff;
    padding: 14px 23px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 650;
    box-shadow: 0 8px 20px #dc65732b;
  }
  .a8j3n7v2qk:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px #d9577a40;
  }
  .g5u8r2d6kw {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
  }
  [data-appear] {
    transition:
      opacity 0.65s,
      translate 0.65s;
  }
  [data-appear="waiting"] {
    opacity: 0;
    translate: 0 22px;
  }
}
@layer navigation {
  .r4tu7x2m9b {
    position: sticky;
    top: 0;
    z-index: 30;
    border-bottom: 1px solid var(--line);
    background: #ffffffed;
    backdrop-filter: blur(18px);
  }
  .c8z2j6v4pn {
    width: min(1344px, calc(100% - 64px));
    margin-inline: auto;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
  }
  .t5nb8k3w6r {
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
  }
  .t5nb8k3w6r small {
    font-size: 8px;
    letter-spacing: 2px;
    font-weight: 500;
    display: block;
    margin-top: 5px;
    color: var(--muted);
  }
  .k3fw9n6r2v {
    width: 41px;
    height: 44px;
    display: grid;
    place-content: center;
    color: #fff;
    background: var(--gradient);
    border-radius: 13px 13px 13px 3px;
    font-size: 24px;
    position: relative;
    rotate: -5deg;
  }
  .k3fw9n6r2v > span {
    position: absolute;
    right: 4px;
    bottom: -4px;
    color: #ffe3ba;
    font-size: 29px;
  }
  .x8ma2v7d4q {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 32px;
  }
  .x8ma2v7d4q a {
    display: grid;
    align-items: center;
    height: 100%;
    font-size: 13px;
    position: relative;
  }
  .x8ma2v7d4q a[aria-current] {
    color: #c44e70;
    font-weight: 700;
  }
  .x8ma2v7d4q a[aria-current]:after {
    content: "";
    width: 18px;
    height: 3px;
    border-radius: 3px;
    background: var(--gradient);
    position: absolute;
    bottom: 17px;
    left: calc(50% - 9px);
  }
  .y9k4u2e7ms {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .u6pn2c8f4a {
    font-size: 11px;
    color: var(--muted);
    padding: 8px 16px;
    border: 1px solid var(--line);
    border-radius: 25px;
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .u6pn2c8f4a > span:first-child {
    font-size: 20px;
    line-height: 1;
  }
  .d2q8h5v7na {
    position: relative;
  }
  .d2q8h5v7na > summary {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 10px;
    font-size: 18px;
  }
  .d2q8h5v7na[open] > summary {
    color: var(--coral);
    background: #fff2f6;
  }
  .d2q8h5v7na nav {
    position: absolute;
    width: 330px;
    right: 0;
    top: 53px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 17px;
    gap: 3px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 20px 55px #33243b18;
  }
  .d2q8h5v7na nav a {
    font-size: 13px;
    padding: 9px 13px;
    border-radius: 6px;
  }
  .d2q8h5v7na nav a:hover {
    background: var(--paper);
  }
  .a4n8r2v6qp {
    display: none;
  }
}
@layer cover {
  .j7v3a9h2km {
    padding-top: 29px;
    background: radial-gradient(ellipse at 85% 30%, #fff4f5, transparent 40%);
  }
  .w6y2q8m4dp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--muted);
    font-size: 10px;
    letter-spacing: 1.5px;
  }
  .w6y2q8m4dp i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    background: #df677c;
    border-radius: 50%;
  }
  .b9m3u7k2vs {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 31px 0 36px;
    gap: 50px;
  }
  .b9m3u7k2vs > div:first-child {
    display: flex;
    align-items: flex-start;
    gap: 34px;
  }
  .b9m3u7k2vs h1 {
    font-size: 13px;
    white-space: nowrap;
    padding-top: 11px;
  }
  .b9m3u7k2vs h1 span {
    color: #c6bfce;
    font-weight: 400;
    margin-left: 13px;
  }
  .b9m3u7k2vs h2 {
    font-size: clamp(35px, 4.1vw, 58px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -2px;
  }
  .b9m3u7k2vs h2 > span {
    background: var(--gradient);
    color: transparent;
    background-clip: text;
  }
  .q5a8t2x7nc {
    font-size: 12px;
    padding: 0 45px 3px 0;
  }
  .q5a8t2x7nc strong {
    color: var(--ink);
    font-size: 14px;
    font-weight: 500;
  }
  .q5a8t2x7nc p + p {
    margin-top: 10px;
  }
  .q5a8t2x7nc a {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 15px;
    font-size: 12px;
    color: #ae456e;
    font-weight: 600;
  }
  .q5a8t2x7nc a span {
    font-size: 20px;
  }
  .e2k6v9p4tw {
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #eee3ef;
    background: #fff;
  }
  .s8u3b7n2qa {
    display: flex;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .s8u3b7n2qa::-webkit-scrollbar {
    display: none;
  }
  .v4m9t2a7kr {
    position: relative;
    flex: 0 0 100%;
    min-width: 0;
    height: 398px;
    overflow: hidden;
    scroll-snap-align: start;
    isolation: isolate;
    background: #e2e6f4;
  }
  .v4m9t2a7kr > img {
    position: absolute;
    width: 72%;
    right: 0;
    top: 0;
    z-index: -2;
    object-position: center 10%;
  }
  .v4m9t2a7kr:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #f5effa 0% 26%, #f5effaf5 34%, #f5effa8c 51%, #fff0 70%);
    z-index: -1;
  }
  .v4m9t2a7kr:nth-child(2) {
    background: #e2ede3;
  }
  .v4m9t2a7kr:nth-child(2):before {
    background: linear-gradient(90deg, #edf5ed 0% 26%, #edf5edf0 34%, #edf5ed8c 51%, #fff0 70%);
  }
  .v4m9t2a7kr:nth-child(3):before {
    background: linear-gradient(90deg, #fff0f4 0% 26%, #fff0f4f5 34%, #fff0f48c 51%, #fff0 70%);
  }
  .p7q2c8v5mn {
    padding: 41px 45px;
    max-width: 650px;
  }
  .h9a4f7k2ux {
    color: #8d527e;
    font-size: 11px;
    letter-spacing: 1.4px;
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .h9a4f7k2ux:before {
    content: "";
    width: 19px;
    height: 1px;
    background: currentColor;
  }
  .p7q2c8v5mn h3 {
    font-size: clamp(29px, 2.7vw, 39px);
    line-height: 1.4;
    letter-spacing: -1px;
    margin: 14px 0;
  }
  .p7q2c8v5mn > p {
    font-size: 12px;
    line-height: 1.9;
    color: #686073;
    margin-bottom: 27px;
  }
  .z2t7k4m9qs {
    font-size: 12px;
    color: #544665;
  }
  .z2t7k4m9qs span {
    margin-left: 9px;
  }
  .m4e8p2w6vb {
    position: absolute;
    right: 25px;
    bottom: 25px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.4;
    text-shadow: 0 1px 12px #0008;
  }
  .r8b3w6n2jq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 58px;
    padding: 0 24px 0 44px;
  }
  .r8b3w6n2jq > span {
    font-size: 11px;
    color: var(--muted);
    letter-spacing: 1px;
  }
  .r8b3w6n2jq b {
    color: var(--coral);
    font-size: 16px;
  }
  .c2w9j5p7vt {
    margin-left: 25px;
    font-size: 10px;
    letter-spacing: 0.6px;
  }
  .k8q3n6x2au {
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .k8q3n6x2au > button {
    min-width: 31px;
    height: 32px;
    border: 1px solid var(--line);
    border-radius: 50%;
  }
  .k8q3n6x2au > button:hover {
    background: #f8edf4;
    color: #a64471;
  }
  .k8q3n6x2au > button:last-child {
    border: 0;
    color: var(--muted);
    font-size: 10px;
  }
  .k8q3n6x2au > button:disabled {
    cursor: default;
    opacity: 0.45;
  }
  .n4v8e2t6kd {
    display: flex;
    gap: 5px;
  }
  .n4v8e2t6kd button {
    height: 30px;
    min-width: 20px;
    font-size: 0;
    position: relative;
  }
  .n4v8e2t6kd button:after {
    content: "";
    height: 5px;
    width: 5px;
    background: #ded8e5;
    border-radius: 5px;
    display: block;
    margin: auto;
    transition: width 0.3s;
  }
  .n4v8e2t6kd button[aria-pressed="true"]:after {
    width: 20px;
    background: var(--gradient);
  }
  .t6v2r8a4nx {
    padding: 39px 0 38px;
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr);
    gap: 25px;
  }
  .u9m4e7b2vk h2 {
    font-size: 20px;
    line-height: 1.6;
  }
  .u9m4e7b2vk .o3w8k2p6nd {
    margin-bottom: 5px;
    font-size: 9px;
  }
  .d8j2v6k4tp {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
  }
  .d8j2v6k4tp article {
    padding: 0 17px;
    border-left: 1px solid var(--line);
  }
  .d8j2v6k4tp article > span {
    color: #b14f78;
    font-size: 10px;
    letter-spacing: 1px;
  }
  .d8j2v6k4tp h3 {
    font-size: 13px;
    margin: 8px 0 6px;
  }
  .d8j2v6k4tp p {
    font-size: 10px;
    line-height: 1.9;
  }
}
@layer stories {
  .a7k2x9p4mv {
    padding-block: 65px 61px;
  }
  .q8v3d7j2mw {
    display: flex;
    gap: 20px;
  }
  .e9t4p2x7ka {
    flex: 1 1 0;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 13px;
    overflow: hidden;
    background: #fff;
    transition:
      box-shadow 0.25s,
      transform 0.25s;
  }
  .e9t4p2x7ka:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px #5b405e0e;
  }
  .e9t4p2x7ka > a {
    display: flex;
    height: 206px;
    color: var(--ink);
  }
  .e9t4p2x7ka > a > div:first-child {
    flex: 0 0 42%;
    overflow: hidden;
    position: relative;
    background: #eee9f3;
  }
  .e9t4p2x7ka img {
    transition: transform 0.6s;
  }
  .e9t4p2x7ka:hover img {
    transform: scale(1.05);
  }
  .e9t4p2x7ka > a > div:first-child span {
    position: absolute;
    bottom: 9px;
    left: 9px;
    color: #fff;
    background: #302539c9;
    backdrop-filter: blur(6px);
    border-radius: 4px;
    padding: 2px 7px;
    font-size: 8px;
  }
  .e9t4p2x7ka > a > div:last-child {
    padding: 23px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .e9t4p2x7ka small {
    color: #985272;
    font-size: 9px;
  }
  .e9t4p2x7ka h3 {
    font-size: 20px;
    margin: 7px 0 9px;
  }
  .e9t4p2x7ka p {
    font-size: 11px;
    line-height: 1.9;
  }
  .e9t4p2x7ka b {
    font-size: 10px;
    font-weight: 500;
    margin-top: auto;
    padding-top: 12px;
  }
  .e9t4p2x7ka b span {
    margin-left: 22px;
    color: var(--coral);
  }
  .a7k2x9p4mv > .l3q8u2d6va {
    margin-top: 15px;
  }
  .y3n8c2r6kv {
    background: #f8f7fb;
    padding: 62px 0 35px;
    border-block: 1px solid #efedf3;
  }
  .p3m7w2a8dt {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.25;
    color: #dfd9e7;
  }
  .h8d2u6q4nb {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e0ec;
    padding-bottom: 18px;
  }
  .h8d2u6q4nb fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .h8d2u6q4nb fieldset label {
    position: relative;
  }
  .h8d2u6q4nb fieldset input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
  }
  .h8d2u6q4nb fieldset span {
    display: block;
    padding: 8px 18px;
    font-size: 12px;
    color: var(--muted);
    border-radius: 7px;
    transition:
      background 0.2s,
      color 0.2s;
  }
  .h8d2u6q4nb input:checked + span {
    background: var(--ink);
    color: #fff;
  }
  .h8d2u6q4nb input:focus-visible + span {
    outline: 3px solid var(--purple);
    outline-offset: 3px;
  }
  .z7r2k8m4pw {
    border: 1px solid #e4deeb;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    width: 245px;
  }
  .z7r2k8m4pw > span:first-child {
    font-size: 21px;
    line-height: 1;
    color: #9b8fa8;
  }
  .z7r2k8m4pw input {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    font-size: 11px;
    outline-offset: 7px;
    color: var(--ink);
  }
  .y3n8c2r6kv [data-results] {
    padding: 15px 0 20px;
  }
  .b6t2n8v4qa {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
  }
  .j4w8r2d6mt {
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    gap: 19px;
    padding: 17px;
    border: 1px solid #ebe6f0;
    background: #fff;
    border-radius: 12px;
    min-height: 204px;
    transition:
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .j4w8r2d6mt:target,
  .j4w8r2d6mt:focus-within {
    border-color: #c4a4d5;
    box-shadow: 0 8px 26px #8c5daa13;
  }
  .s3q9k5v2un {
    height: 162px;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    background: #eeeaf4;
  }
  .s3q9k5v2un span {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 8px;
    padding: 2px 6px;
    font-size: 9px;
    background: #fffdf4ed;
    color: #62526c;
  }
  .j4w8r2d6mt h3 {
    font-size: 18px;
    margin: 7px 0 2px;
  }
  .j4w8r2d6mt p {
    font-size: 10px;
    line-height: 1.9;
  }
  .j4w8r2d6mt p.v8k2p6c4nr {
    font-size: 8px;
    color: #a04a79;
  }
  .j4w8r2d6mt h3 + p {
    font-size: 9px;
    margin-bottom: 11px;
  }
  .j4w8r2d6mt details {
    border-top: 1px solid #f0ecf4;
    margin-top: 13px;
  }
  .j4w8r2d6mt summary {
    padding-top: 9px;
    font-size: 10px;
    display: flex;
    justify-content: space-between;
    gap: 7px;
    color: #8c537a;
  }
  details[open] > summary > span:last-child {
    rotate: 45deg;
  }
  .j4w8r2d6mt details > div {
    padding-top: 10px;
  }
  .j4w8r2d6mt details a {
    display: inline-block;
    font-size: 9px;
    color: #8c537a;
    margin-top: 10px;
  }
  .f8w3d7n2aq {
    padding: 50px 20px;
    text-align: center;
    border: 1px dashed #d8c9e2;
    border-radius: 12px;
  }
  .f8w3d7n2aq h3 {
    margin-bottom: 9px;
  }
  .f8w3d7n2aq p {
    font-size: 13px;
  }
  .f8w3d7n2aq button {
    padding: 10px 20px;
    background: #302937;
    color: #fff;
    border-radius: 7px;
    margin-top: 18px;
    font-size: 12px;
  }
  .x4k9v2a7pq {
    display: flex;
    gap: 10px;
    padding-top: 25px;
    color: #8b7f94;
  }
  .x4k9v2a7pq p {
    font-size: 10px;
    padding-top: 2px;
  }
  .g8p2r6m4vk {
    padding-block: 62px 68px;
  }
  .m7v2x8p4kb {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
  }
  .m7v2x8p4kb li {
    min-width: 0;
  }
  .m7v2x8p4kb a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 78px;
    align-items: end;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--line);
    position: relative;
    color: var(--ink);
  }
  .m7v2x8p4kb a > div > span {
    display: block;
    color: #e8d8e5;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 13px;
  }
  .m7v2x8p4kb li:first-child a > div > span {
    color: #df809b;
  }
  .m7v2x8p4kb small {
    font-size: 10px;
    color: #aa4b78;
  }
  .m7v2x8p4kb h3 {
    font-size: 21px;
    margin: 5px 0 7px;
  }
  .m7v2x8p4kb p {
    font-size: 10px;
    padding-right: 5px;
  }
  .m7v2x8p4kb img {
    height: 109px;
    border-radius: 7px;
    transition:
      rotate 0.3s,
      transform 0.3s;
  }
  .m7v2x8p4kb a:hover img {
    rotate: 5deg;
    transform: translateY(-6px);
  }
  .m7v2x8p4kb b {
    position: absolute;
    top: 24px;
    right: 0;
    font-weight: 400;
    font-size: 21px;
    color: #9c879e;
  }
}
@layer experience {
  .n9r3v7w2pa {
    padding-block: 61px;
    background: #f6f1f8;
    overflow: hidden;
  }
  .k2u8m4v6qx {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 100px;
  }
  .v7t3n9c2kw h2 {
    font-size: 16px;
    color: #866186;
    letter-spacing: 0;
    font-weight: 500;
  }
  .v7t3n9c2kw h3 {
    font-size: clamp(29px, 3vw, 40px);
    line-height: 1.5;
    margin: 19px 0;
    letter-spacing: -1px;
  }
  .v7t3n9c2kw > p {
    font-size: 13px;
    max-width: 400px;
    line-height: 2;
  }
  .v7t3n9c2kw label {
    margin-top: 27px;
    display: flex;
    justify-content: space-between;
    max-width: 300px;
    font-size: 11px;
  }
  .v7t3n9c2kw output {
    color: #985079;
  }
  .v7t3n9c2kw input {
    width: 300px;
    max-width: 100%;
    margin: 12px 0;
    accent-color: #b1619a;
  }
  .v7t3n9c2kw p.l3q8u2d6va {
    font-size: 10px;
  }
  .v7t3n9c2kw > a {
    margin-top: 22px;
  }
  .e6q2m8p4vd {
    position: relative;
    padding: 10px 40px 25px 10px;
  }
  .e6q2m8p4vd:before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border: 1px solid #e7dce9;
    border-radius: 50%;
    top: 10%;
    left: 50%;
    translate: -50%;
  }
  .b3v8a2r6nk {
    position: absolute;
    right: -70px;
    top: 200px;
    rotate: 90deg;
    font-size: 9px;
    letter-spacing: 2px;
    color: #9f7d9f;
  }
  .q2t8w4c6mp {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: auto;
    background: #fff;
    border: 8px solid #302b3b;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 15px 24px 55px #4e335726;
    rotate: 3deg;
  }
  .r7k3n9p2va {
    height: 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    border-bottom: 1px solid var(--line);
    font-size: 9px;
  }
  .r7k3n9p2va span:last-child {
    font-size: 6px;
    color: #c8bfd1;
  }
  .x8p4n2v6kd {
    height: 350px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b19bc0 #f6f1f8;
    overscroll-behavior: contain;
    --specimen-size: 16px;
  }
  .x8p4n2v6kd > img {
    height: 157px;
    object-position: 50% 34%;
  }
  .x8p4n2v6kd > div {
    padding: 25px 28px 35px;
  }
  .x8p4n2v6kd small {
    color: #a05d87;
    font-size: 8px;
    letter-spacing: 1px;
  }
  .x8p4n2v6kd h4 {
    font-size: 24px;
    margin: 8px 0 17px;
    line-height: 1.6;
  }
  .x8p4n2v6kd p {
    font-size: var(--specimen-size);
    line-height: 2.05;
    margin-top: 17px;
  }
  .x8p4n2v6kd > div > span {
    display: block;
    margin-top: 25px;
    font-size: 9px;
    color: #a39ba8;
  }
  .d6n2x8a4vk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 16px;
    font-size: 8px;
    background: #fcfafc;
    border-top: 1px solid var(--line);
    color: #93839a;
  }
  .u8w4q2m6np {
    display: flex;
    align-items: center;
    gap: 15px;
    position: absolute;
    bottom: 6px;
    right: 5px;
    padding: 11px 20px;
    font-size: 11px;
    background: #fff;
    border: 1px solid #eee5f2;
    box-shadow: 0 5px 25px #69416e0d;
    border-radius: 8px;
    rotate: -5deg;
  }
  .u8w4q2m6np > span {
    color: #dc829a;
    font-size: 25px;
    line-height: 1;
  }
  .c9r2u8v4kw {
    padding-block: 67px;
  }
  .w3k9n5q2va {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
  .w3k9n5q2va figure {
    margin: 0;
    border-top: 2px solid #e5d9e9;
    padding-top: 25px;
  }
  .w3k9n5q2va blockquote {
    font-size: 13px;
    line-height: 2.1;
    color: #655d6f;
  }
  .w3k9n5q2va figcaption {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 22px;
    font-size: 11px;
  }
  .w3k9n5q2va figcaption > span {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-content: center;
    font-size: 13px;
    background: #f3e8f2;
    color: #ad648e;
  }
  .w3k9n5q2va figure:nth-child(2) figcaption > span {
    color: #6c85a4;
    background: #eaf0f8;
  }
  .w3k9n5q2va figure:nth-child(3) figcaption > span {
    color: #8b9567;
    background: #eff2e7;
  }
  .w3k9n5q2va small {
    display: block;
    font-size: 8px;
    color: #9b929f;
    margin-top: 2px;
  }
  .a2v8m4r6qp {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 100px;
    border-top: 1px solid var(--line);
    padding-block: 61px 68px;
  }
  .k4p9t2w7nm h2 {
    font-size: 30px;
    margin-bottom: 27px;
  }
  .k4p9t2w7nm ol {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .k4p9t2w7nm li {
    display: flex;
    gap: 20px;
    padding: 21px 0;
    border-bottom: 1px solid var(--line);
  }
  .k4p9t2w7nm li > span {
    font-size: 12px;
    color: #b5809d;
    padding-top: 3px;
  }
  .k4p9t2w7nm h3 {
    font-size: 15px;
    margin-bottom: 7px;
  }
  .k4p9t2w7nm p {
    font-size: 11px;
  }
  .k4p9t2w7nm a {
    color: #a2557d;
    font-size: 10px;
    display: inline-block;
    margin-top: 9px;
  }
  .v2m8p4t6qb h2 {
    font-size: 26px;
    margin-bottom: 24px;
  }
  .n6w2v8q4km details {
    border-bottom: 1px solid var(--line);
  }
  .n6w2v8q4km summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    padding: 19px 0;
    gap: 15px;
  }
  .n6w2v8q4km summary > span {
    color: #ab7b9b;
    transition: rotate 0.2s;
  }
  .n6w2v8q4km details p {
    font-size: 11px;
    padding-bottom: 20px;
    line-height: 2;
  }
}
@layer closing {
  .m2q7v4n9kb {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    padding: 41px 45px;
    background: linear-gradient(110deg, #fff2f3, #f6f0fb);
    border: 1px solid #f1e2ee;
    border-radius: 20px;
    margin-bottom: 65px;
  }
  .p8k3t6v2mw h2 {
    font-size: 17px;
    letter-spacing: 0;
  }
  .p8k3t6v2mw > p {
    font-size: 30px;
    color: var(--ink);
    line-height: 1.5;
    margin: 12px 0 25px;
    letter-spacing: -0.7px;
  }
  .p8k3t6v2mw strong {
    font-weight: 700;
  }
  .p8k3t6v2mw .g5u8r2d6kw {
    gap: 22px;
  }
  .f6r2w8m4nq {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    padding: 27px;
    border: 1px solid #eaddea;
    border-radius: 13px;
    background: #ffffff9c;
    max-width: 390px;
  }
  .t8n3q6v2kp {
    display: grid;
    place-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background: #f2e8f6;
    border-radius: 12px;
    font-size: 26px;
    color: #ad77a5;
  }
  .f6r2w8m4nq h3 {
    font-size: 16px;
    margin-bottom: 9px;
  }
  .f6r2w8m4nq p {
    font-size: 10px;
    line-height: 1.9;
    margin-bottom: 8px;
  }
  .f6r2w8m4nq div > span {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #e9daeb;
    border-radius: 4px;
    color: #976b98;
    font-size: 8px;
    margin-top: 7px;
  }
  .x6m2p8w4vr {
    background: #faf9fc;
    border-top: 1px solid var(--line);
    padding-top: 47px;
  }
  .q9v3k7r2wn {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 110px;
    padding-bottom: 38px;
  }
  .q9v3k7r2wn h2 {
    margin-top: 22px;
    font-size: 26px;
  }
  .q9v3k7r2wn > div:last-child {
    padding-top: 8px;
  }
  .q9v3k7r2wn p {
    font-size: 11px;
    line-height: 2.05;
  }
  .q9v3k7r2wn p.l3q8u2d6va {
    font-size: 9px;
    margin-top: 14px;
  }
  .u4k8m2q6vb {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 35px;
    padding: 30px 0;
    border-block: 1px solid var(--line);
  }
  .u4k8m2q6vb h3 {
    font-size: 13px;
    margin: 3px 0 8px;
  }
  .u4k8m2q6vb a {
    display: block;
    color: var(--muted);
    width: fit-content;
    font-size: 10px;
    padding-block: 4px;
  }
  .u4k8m2q6vb a:hover {
    color: var(--coral);
  }
  .r2w8q4n6vk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 22px;
    color: #948b9b;
    gap: 15px;
    font-size: 9px;
  }
  .r2w8q4n6vk p {
    color: inherit;
  }
}
@layer responsive {
  @media (min-width: 1500px) {
    .v4m9t2a7kr {
      height: 428px;
    }
    .p7q2c8v5mn {
      padding-top: 53px;
    }
  }
  @media (max-width: 1150px) {
    .f4x8n2k6qv {
      width: calc(100% - 64px);
    }
    .x8ma2v7d4q {
      gap: 23px;
    }
    .u6pn2c8f4a {
      display: none;
    }
    .b9m3u7k2vs > div:first-child {
      gap: 20px;
    }
    .q5a8t2x7nc {
      padding-right: 0;
    }
    .p7q2c8v5mn {
      padding-left: 33px;
    }
    .t6v2r8a4nx {
      grid-template-columns: 155px minmax(0, 1fr);
      gap: 10px;
    }
    .d8j2v6k4tp article {
      padding-inline: 12px;
    }
    .d8j2v6k4tp h3 {
      font-size: 12px;
    }
    .d8j2v6k4tp p {
      font-size: 9px;
    }
    .e9t4p2x7ka > a > div:last-child {
      padding: 18px 13px;
    }
    .e9t4p2x7ka small {
      font-size: 8px;
    }
    .e9t4p2x7ka h3 {
      font-size: 18px;
    }
    .j4w8r2d6mt {
      grid-template-columns: 88px minmax(0, 1fr);
      gap: 12px;
      padding: 13px;
    }
    .s3q9k5v2un {
      height: 150px;
    }
    .j4w8r2d6mt h3 {
      font-size: 16px;
    }
    .j4w8r2d6mt p {
      font-size: 9px;
    }
    .k2u8m4v6qx {
      gap: 55px;
    }
    .a2v8m4r6qp {
      gap: 65px;
    }
    .m2q7v4n9kb {
      padding: 35px;
    }
    .p8k3t6v2mw > p {
      font-size: 26px;
    }
    .q9v3k7r2wn {
      gap: 60px;
    }
  }
  @media (max-width: 850px) {
    .c8z2j6v4pn {
      height: 70px;
    }
    .x8ma2v7d4q {
      gap: 19px;
    }
    .x8ma2v7d4q a {
      font-size: 11px;
    }
    .x8ma2v7d4q a:first-child {
      display: none;
    }
    .b9m3u7k2vs {
      gap: 20px;
    }
    .b9m3u7k2vs h1 {
      font-size: 11px;
      padding-top: 7px;
    }
    .q5a8t2x7nc {
      font-size: 10px;
    }
    .q5a8t2x7nc strong {
      font-size: 12px;
    }
    .q5a8t2x7nc p + p {
      display: none;
    }
    .v4m9t2a7kr {
      height: 370px;
    }
    .p7q2c8v5mn {
      padding: 38px 30px;
    }
    .p7q2c8v5mn > p {
      font-size: 11px;
    }
    .v4m9t2a7kr > img {
      width: 85%;
    }
    .v4m9t2a7kr:before {
      background: linear-gradient(90deg, #f5effa, #f5effaf5 29%, #f5effaaa 50%, #fff0 85%);
    }
    .v4m9t2a7kr:nth-child(2):before {
      background: linear-gradient(90deg, #edf5ed, #edf5edf5 29%, #edf5edaa 50%, #fff0 85%);
    }
    .v4m9t2a7kr:nth-child(3):before {
      background: linear-gradient(90deg, #fff0f4, #fff0f4f5 29%, #fff0f4aa 50%, #fff0 85%);
    }
    .t6v2r8a4nx {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .u9m4e7b2vk {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .u9m4e7b2vk h2 {
      font-size: 17px;
    }
    .u9m4e7b2vk h2 br {
      display: none;
    }
    .d8j2v6k4tp article:first-child {
      border-left: 0;
      padding-left: 0;
    }
    .i8c3m7u2vs h2 > span {
      display: block;
      margin: 10px 0 0;
      font-size: 12px;
    }
    .q8v3d7j2mw {
      overflow: auto;
      scroll-snap-type: x mandatory;
      padding-bottom: 15px;
      gap: 15px;
    }
    .e9t4p2x7ka {
      flex: 0 0 46%;
      scroll-snap-align: start;
    }
    .e9t4p2x7ka > a {
      height: 210px;
    }
    .e9t4p2x7ka > a > div:last-child {
      padding: 18px 14px;
    }
    .b6t2n8v4qa {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }
    .j4w8r2d6mt {
      grid-template-columns: 95px minmax(0, 1fr);
      padding: 15px;
      gap: 15px;
    }
    .h8d2u6q4nb {
      gap: 15px;
      flex-wrap: wrap;
    }
    .h8d2u6q4nb fieldset span {
      padding: 8px 13px;
      font-size: 11px;
    }
    .z7r2k8m4pw {
      width: 210px;
    }
    .m7v2x8p4kb {
      gap: 20px;
    }
    .m7v2x8p4kb a {
      grid-template-columns: 1fr 55px;
    }
    .m7v2x8p4kb img {
      height: 85px;
    }
    .m7v2x8p4kb h3 {
      font-size: 18px;
    }
    .m7v2x8p4kb p,
    .m7v2x8p4kb small {
      font-size: 9px;
    }
    .k2u8m4v6qx {
      gap: 22px;
    }
    .v7t3n9c2kw > p {
      font-size: 11px;
    }
    .e6q2m8p4vd {
      padding-right: 12px;
    }
    .b3v8a2r6nk {
      display: none;
    }
    .u8w4q2m6np {
      right: -5px;
      font-size: 10px;
    }
    .w3k9n5q2va {
      gap: 23px;
    }
    .w3k9n5q2va blockquote {
      font-size: 11px;
    }
    .c9r2u8v4kw .i8c3m7u2vs {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }
    .a2v8m4r6qp {
      gap: 40px;
    }
    .m2q7v4n9kb {
      gap: 25px;
      padding: 28px;
    }
    .p8k3t6v2mw > p {
      font-size: 22px;
    }
    .f6r2w8m4nq {
      max-width: 280px;
      padding: 18px;
      gap: 13px;
    }
    .t8n3q6v2kp {
      width: 35px;
      height: 35px;
    }
    .f6r2w8m4nq h3 {
      font-size: 14px;
    }
    .p8k3t6v2mw .g5u8r2d6kw {
      gap: 15px;
    }
    .q9v3k7r2wn {
      grid-template-columns: 0.7fr 1.3fr;
      gap: 35px;
    }
  }
  @media (max-width: 600px) {
    html {
      scroll-padding-top: 83px;
    }
    body {
      padding-bottom: 65px;
    }
    .f4x8n2k6qv {
      width: calc(100% - 40px);
    }
    .c8z2j6v4pn {
      width: calc(100% - 36px);
      height: 67px;
      gap: 12px;
    }
    .t5nb8k3w6r {
      font-size: 20px;
      gap: 9px;
    }
    .k3fw9n6r2v {
      width: 34px;
      height: 37px;
      font-size: 21px;
      border-radius: 10px 10px 10px 2px;
    }
    .t5nb8k3w6r small {
      font-size: 7px;
      letter-spacing: 1.6px;
    }
    .x8ma2v7d4q {
      display: none;
    }
    .u6pn2c8f4a {
      display: flex;
      padding: 7px 10px;
      font-size: 9px;
    }
    .y9k4u2e7ms {
      gap: 10px;
    }
    .d2q8h5v7na > summary {
      height: 34px;
      width: 34px;
    }
    .d2q8h5v7na nav {
      width: min(330px, calc(100vw - 36px));
      top: 48px;
    }
    .j7v3a9h2km {
      padding-top: 22px;
    }
    .w6y2q8m4dp {
      font-size: 8px;
      letter-spacing: 0.7px;
    }
    .w6y2q8m4dp > span:last-child {
      font-size: 7px;
    }
    .b9m3u7k2vs {
      display: block;
      padding: 24px 0 27px;
    }
    .b9m3u7k2vs h1 {
      display: block;
      padding-top: 5px;
      font-size: 11px;
    }
    .b9m3u7k2vs > div:first-child {
      gap: 13px;
    }
    .b9m3u7k2vs h1 span {
      margin-left: 7px;
    }
    .b9m3u7k2vs h2 {
      font-size: 36px;
      line-height: 1.3;
      letter-spacing: -1.2px;
    }
    .q5a8t2x7nc {
      padding: 17px 0 0 60px;
    }
    .q5a8t2x7nc > p {
      display: none;
    }
    .q5a8t2x7nc a {
      margin-top: 0;
      font-size: 10px;
    }
    .e2k6v9p4tw {
      border-radius: 14px;
    }
    .v4m9t2a7kr {
      height: 460px;
      display: flex;
      align-items: flex-end;
      background: #f5effa;
    }
    .v4m9t2a7kr > img {
      width: 100%;
      height: 56%;
      object-position: 50% 30%;
    }
    .v4m9t2a7kr:before {
      background: linear-gradient(0deg, #f5effa 0% 40%, #f5effae8 48%, #f5effa00 74%);
    }
    .v4m9t2a7kr:nth-child(2):before {
      background: linear-gradient(0deg, #edf5ed 0% 40%, #edf5ede8 48%, #edf5ed00 74%);
    }
    .v4m9t2a7kr:nth-child(3):before {
      background: linear-gradient(0deg, #fff0f4 0% 40%, #fff0f4e8 48%, #fff0f400 74%);
    }
    .p7q2c8v5mn {
      padding: 0 24px 25px;
      width: 100%;
    }
    .h9a4f7k2ux {
      font-size: 9px;
    }
    .p7q2c8v5mn h3 {
      font-size: 27px;
      margin: 9px 0 10px;
    }
    .p7q2c8v5mn > p {
      font-size: 10px;
      line-height: 1.9;
      margin-bottom: 18px;
    }
    .p7q2c8v5mn .g5u8r2d6kw {
      gap: 16px;
      flex-wrap: nowrap;
    }
    .a8j3n7v2qk {
      font-size: 11px;
      gap: 18px;
      padding: 12px 17px;
      border-radius: 7px;
    }
    .z2t7k4m9qs {
      font-size: 9px;
    }
    .z2t7k4m9qs span {
      margin-left: 4px;
    }
    .m4e8p2w6vb {
      display: none;
    }
    .r8b3w6n2jq {
      padding: 0 13px 0 22px;
      height: 50px;
    }
    .c2w9j5p7vt {
      display: none;
    }
    .r8b3w6n2jq b {
      font-size: 14px;
    }
    .k8q3n6x2au {
      gap: 4px;
    }
    .k8q3n6x2au > button {
      min-width: 28px;
      height: 28px;
    }
    .n4v8e2t6kd {
      gap: 2px;
    }
    .t6v2r8a4nx {
      padding-block: 29px;
      gap: 20px;
    }
    .u9m4e7b2vk {
      gap: 16px;
    }
    .u9m4e7b2vk h2 {
      font-size: 16px;
    }
    .d8j2v6k4tp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px 0;
    }
    .d8j2v6k4tp article {
      padding: 0 14px;
    }
    .d8j2v6k4tp article:nth-child(3) {
      padding-left: 0;
      border: 0;
    }
    .d8j2v6k4tp h3 {
      font-size: 12px;
    }
    .d8j2v6k4tp p {
      font-size: 10px;
    }
    .d8j2v6k4tp article > span {
      font-size: 9px;
    }
    .i8c3m7u2vs {
      gap: 12px;
      margin-bottom: 22px;
    }
    .i8c3m7u2vs h2 {
      font-size: 25px;
    }
    .i8c3m7u2vs h2 > span {
      font-size: 11px;
      margin-top: 7px;
    }
    .o3w8k2p6nd {
      font-size: 8px;
      letter-spacing: 1.2px;
      margin-bottom: 9px;
    }
    .w2r7p4v9nk {
      font-size: 10px;
      gap: 7px;
    }
    .w2r7p4v9nk > span {
      font-size: 16px;
    }
    .a7k2x9p4mv {
      padding-block: 40px 30px;
    }
    .e9t4p2x7ka {
      flex-basis: 88%;
    }
    .e9t4p2x7ka > a {
      height: 197px;
    }
    .e9t4p2x7ka > a > div:last-child {
      padding: 20px 16px;
    }
    .e9t4p2x7ka small {
      font-size: 8px;
    }
    .e9t4p2x7ka h3 {
      font-size: 20px;
    }
    .e9t4p2x7ka p {
      font-size: 10px;
    }
    .a7k2x9p4mv > .l3q8u2d6va {
      font-size: 9px;
    }
    .y3n8c2r6kv {
      padding-block: 36px 25px;
    }
    .p3m7w2a8dt {
      display: none;
    }
    .i8c3m7u2vs p {
      font-size: 11px;
      margin-top: 8px;
    }
    .h8d2u6q4nb {
      gap: 14px;
      padding-bottom: 14px;
    }
    .h8d2u6q4nb fieldset {
      width: 100%;
      justify-content: space-between;
      gap: 2px;
    }
    .h8d2u6q4nb fieldset span {
      font-size: 10px;
      padding: 8px 12px;
    }
    .z7r2k8m4pw {
      width: 100%;
    }
    .y3n8c2r6kv [data-results] {
      font-size: 9px;
      padding: 12px 0 17px;
    }
    .b6t2n8v4qa {
      grid-template-columns: 1fr;
      gap: 13px;
    }
    .j4w8r2d6mt {
      grid-template-columns: 100px minmax(0, 1fr);
      gap: 19px;
      padding: 16px;
      min-height: 189px;
    }
    .s3q9k5v2un {
      height: 155px;
    }
    .j4w8r2d6mt h3 {
      font-size: 20px;
      margin-top: 7px;
    }
    .j4w8r2d6mt p {
      font-size: 11px;
    }
    .j4w8r2d6mt p.v8k2p6c4nr {
      font-size: 9px;
    }
    .j4w8r2d6mt h3 + p {
      font-size: 9px;
      margin-bottom: 13px;
    }
    .j4w8r2d6mt summary {
      font-size: 11px;
    }
    .j4w8r2d6mt details a {
      font-size: 10px;
    }
    .x4k9v2a7pq {
      padding-top: 19px;
    }
    .x4k9v2a7pq p {
      font-size: 9px;
    }
    .g8p2r6m4vk {
      padding-block: 36px 40px;
    }
    .g8p2r6m4vk > .i8c3m7u2vs {
      flex-direction: column;
      align-items: flex-start;
      gap: 3px;
    }
    .g8p2r6m4vk > .i8c3m7u2vs > span {
      font-size: 9px;
    }
    .m7v2x8p4kb {
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .m7v2x8p4kb a {
      grid-template-columns: 1fr 70px;
      padding: 0 25px 18px 53px;
    }
    .m7v2x8p4kb a > div > span {
      position: absolute;
      top: 7px;
      left: 0;
      font-size: 36px;
    }
    .m7v2x8p4kb h3 {
      font-size: 20px;
      margin: 3px 0 7px;
    }
    .m7v2x8p4kb p {
      font-size: 10px;
    }
    .m7v2x8p4kb img {
      height: 91px;
    }
    .m7v2x8p4kb b {
      top: 30px;
      font-size: 17px;
    }
    .n9r3v7w2pa {
      padding-block: 35px 36px;
    }
    .k2u8m4v6qx {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .v7t3n9c2kw h2 {
      font-size: 14px;
    }
    .v7t3n9c2kw h3 {
      font-size: 31px;
      margin: 13px 0;
    }
    .v7t3n9c2kw > p {
      font-size: 12px;
    }
    .v7t3n9c2kw label {
      margin-top: 20px;
    }
    .v7t3n9c2kw > a {
      margin-top: 17px;
    }
    .e6q2m8p4vd {
      padding: 10px 15px 25px;
    }
    .q2t8w4c6mp {
      max-width: 295px;
      rotate: 2deg;
      border-width: 7px;
    }
    .x8p4n2v6kd {
      height: 325px;
    }
    .x8p4n2v6kd > img {
      height: 130px;
    }
    .x8p4n2v6kd > div {
      padding: 22px;
    }
    .x8p4n2v6kd h4 {
      font-size: 23px;
    }
    .e6q2m8p4vd:before {
      width: 290px;
      height: 290px;
    }
    .u8w4q2m6np {
      right: 3px;
      bottom: 8px;
    }
    .c9r2u8v4kw {
      padding-block: 36px;
    }
    .c9r2u8v4kw .i8c3m7u2vs h2 {
      font-size: 24px;
    }
    .c9r2u8v4kw .i8c3m7u2vs p {
      font-size: 9px;
    }
    .w3k9n5q2va {
      grid-template-columns: 1fr;
      gap: 24px;
    }
    .w3k9n5q2va figure {
      padding-top: 18px;
      border-top-width: 1px;
    }
    .w3k9n5q2va blockquote {
      font-size: 12px;
    }
    .w3k9n5q2va figcaption {
      margin-top: 14px;
    }
    .a2v8m4r6qp {
      grid-template-columns: 1fr;
      gap: 39px;
      padding-block: 34px 38px;
    }
    .k4p9t2w7nm h2 {
      font-size: 26px;
      margin-bottom: 10px;
    }
    .k4p9t2w7nm li {
      padding-block: 18px;
    }
    .k4p9t2w7nm h3 {
      font-size: 14px;
    }
    .k4p9t2w7nm p {
      font-size: 11px;
    }
    .v2m8p4t6qb h2 {
      font-size: 25px;
      margin-bottom: 10px;
    }
    .n6w2v8q4km summary {
      font-size: 12px;
      padding-block: 18px;
    }
    .n6w2v8q4km p {
      font-size: 11px;
    }
    .m2q7v4n9kb {
      flex-direction: column;
      padding: 25px 23px;
      align-items: stretch;
      border-radius: 15px;
      gap: 25px;
      margin-bottom: 38px;
    }
    .p8k3t6v2mw h2 {
      font-size: 14px;
    }
    .p8k3t6v2mw > p {
      font-size: 24px;
      margin-bottom: 20px;
    }
    .f6r2w8m4nq {
      max-width: none;
      padding: 18px;
      gap: 14px;
    }
    .x6m2p8w4vr {
      padding-top: 31px;
    }
    .q9v3k7r2wn {
      grid-template-columns: 1fr;
      gap: 24px;
      padding-bottom: 27px;
    }
    .q9v3k7r2wn h2 {
      font-size: 23px;
      margin-top: 17px;
    }
    .q9v3k7r2wn > div:last-child {
      padding: 0;
    }
    .q9v3k7r2wn p {
      font-size: 11px;
    }
    .u4k8m2q6vb {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 17px;
      padding-block: 23px;
    }
    .u4k8m2q6vb > div:first-child {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .u4k8m2q6vb > div:first-child h3 {
      margin: 0;
    }
    .u4k8m2q6vb a {
      font-size: 10px;
      padding-block: 5px;
    }
    .r2w8q4n6vk {
      flex-wrap: wrap;
      gap: 7px 20px;
      padding-block: 18px 22px;
    }
    .r2w8q4n6vk > span {
      display: none;
    }
    .a4n8r2v6qp {
      display: flex;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: calc(59px + env(safe-area-inset-bottom));
      padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
      background: #ffffffed;
      backdrop-filter: blur(16px);
      border-top: 1px solid var(--line);
      z-index: 25;
      box-shadow: 0 -4px 20px #42304406;
    }
    .a4n8r2v6qp a {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 2px;
      font-size: 8px;
      color: #81768b;
    }
    .a4n8r2v6qp a > span {
      font-size: 20px;
      line-height: 1;
    }
    .a4n8r2v6qp a[aria-current] {
      color: #c45d88;
    }
  }
  @media (max-width: 370px) {
    .u6pn2c8f4a > span:last-child {
      display: none;
    }
    .b9m3u7k2vs h2 {
      font-size: 32px;
    }
    .p7q2c8v5mn {
      padding-inline: 18px;
    }
    .p7q2c8v5mn .g5u8r2d6kw {
      gap: 10px;
    }
    .a8j3n7v2qk {
      padding-inline: 12px;
      gap: 12px;
    }
    .h8d2u6q4nb fieldset span {
      padding-inline: 9px;
    }
    .j4w8r2d6mt {
      grid-template-columns: 89px minmax(0, 1fr);
      gap: 14px;
      padding: 13px;
    }
    .p8k3t6v2mw > p {
      font-size: 21px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation: none !important;
      transition: none !important;
    }
    [data-appear="waiting"] {
      opacity: 1;
      translate: none;
    }
    .s8u3b7n2qa {
      scroll-behavior: auto;
    }
  }
}