@charset "UTF-8";
@layer reset, base, header, cover, content, experience, ending, controls, responsive, motion;
@layer reset {
  * {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote,
  ul,
  ol {
    margin: 0;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button,
  input {
    font: inherit;
  }
  button {
    cursor: pointer;
    color: inherit;
  }
  button,
  summary,
  a {
    -webkit-tap-highlight-color: transparent;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  ul,
  ol {
    padding: 0;
    list-style: none;
  }
  [hidden] {
    display: none !important;
  }
}
@layer base {
  :root {
    --ink: #173c3c;
    --muted: #627979;
    --teal: #008c87;
    --line: #dfebea;
    --page: #f7faf9;
    --mint: #def5ee;
    --ease: cubic-bezier(0.2, 0.75, 0.25, 1);
    color-scheme: light;
    font-family:
      "Microsoft YaHei", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;
    color: var(--ink);
    background: var(--page);
    font-synthesis: none;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 105px;
  }
  body {
    font-size: 14px;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
  }
  main {
    overflow: clip;
  }
  h1,
  h2,
  h3 {
    line-height: 1.35;
  }
  h2 {
    font-size: clamp(25px, 2.5vw, 34px);
    letter-spacing: -0.035em;
  }
  h3 {
    font-size: 17px;
  }
  .f65mr5xfu4 {
    width: min(1280px, calc(100% - 80px));
    margin-inline: auto;
  }
  .s8punkgsgc {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: var(--teal);
    margin-bottom: 13px;
  }
  .tvyxjrp7rh {
    padding-block: 66px;
  }
  .tso3dncs92 {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 28px;
  }
  .tso3dncs92 h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
  }
  .tso3dncs92 p:not(.s8punkgsgc) {
    color: var(--muted);
    margin-top: 11px;
  }
  .hf4zd2b31n {
    background: #e2f1eb;
    border: 1px solid #c9e6dc;
    color: #337569;
    border-radius: 5px;
    padding: 3px 9px;
    font-size: 11px;
    letter-spacing: 0;
    font-weight: 500;
    white-space: nowrap;
  }
  .uel6lnsmwa {
    display: inline-flex;
    gap: 26px;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border: none;
    border-radius: 7px;
    background: linear-gradient(115deg, #009b9b, #14b39a);
    box-shadow: 0 6px 18px #008e8e19;
    color: white;
    font-size: 14px;
    font-weight: 700;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
  }
  .uel6lnsmwa:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 22px #008e8e33;
  }
  .y4kjvyrdzg,
  .o8gmqgc47x {
    font-size: 13px;
    font-weight: 700;
    color: var(--teal);
  }
  .o8gmqgc47x:hover,
  .y4kjvyrdzg:hover {
    color: #004e4c;
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  .ent6m30tyf {
    display: inline-block;
    color: var(--teal);
    font-size: 11px;
    font-weight: 600;
  }
  .vu04vipwxh {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@layer header {
  .npq5ebpuju {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #ffffffed;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
  }
  .hbx2yzszqk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 85px;
    gap: 26px;
  }
  .hbx2yzszqk h1 {
    font-size: 23px;
    letter-spacing: 0.025em;
    flex-shrink: 0;
  }
  .k4aluhlb0j {
    display: flex;
    gap: 11px;
    align-items: center;
  }
  .rtwfi6q0iy {
    width: 39px;
    height: 39px;
    border-radius: 10px;
    background: #b7eee0;
  }
  .k4aluhlb0j small {
    display: block;
    font-weight: 400;
    font-size: 9px;
    color: var(--muted);
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .gy0v378bjy {
    display: flex;
    gap: 29px;
    align-items: center;
  }
  .gy0v378bjy a {
    font-size: 13px;
    position: relative;
    padding: 27px 0;
  }
  .gy0v378bjy a:hover,
  .gy0v378bjy a[aria-current] {
    color: var(--teal);
  }
  .gy0v378bjy a[aria-current]::after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 35%;
    width: 30%;
    height: 3px;
    background: var(--teal);
    border-radius: 2px;
  }
  .qh3jl5x5ie {
    display: flex;
    align-items: center;
    gap: 18px;
  }
  .n2a3zwc2r2 {
    color: var(--teal);
    background: #e5f5ef;
    padding: 8px 14px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
  }
  .s4zdo6oni5 {
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 0;
  }
  .s4zdo6oni5 span:first-child {
    font-size: 19px;
  }
  .s4zdo6oni5 span:last-child {
    font-size: 11px;
  }
  .xrt1917n1b {
    padding-block: 18px 23px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    border-top: 1px solid var(--line);
  }
  .xrt1917n1b a {
    background: var(--page);
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 12px;
  }
  .xrt1917n1b a:hover {
    background: var(--mint);
    color: var(--teal);
  }
  .xa8xa1y4mx {
    position: fixed;
    top: -100px;
    left: 16px;
    z-index: 100;
    background: #004f4d;
    color: white;
    padding: 12px 20px;
  }
  .xa8xa1y4mx:focus {
    top: 12px;
  }
}
@layer cover {
  .o359nyarju {
    display: grid;
    grid-template-columns: 1.12fr 1fr 0.63fr;
    gap: 0;
    padding-top: 32px;
    min-height: 530px;
  }
  .ysgbbaf0cz {
    position: relative;
    padding: 37px 24px 30px 0;
  }
  .ysgbbaf0cz .s8punkgsgc {
    letter-spacing: 0.1em;
    font-size: 10px;
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .ysgbbaf0cz .s8punkgsgc > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00aaa3;
    box-shadow: 0 0 0 4px #00aaa310;
  }
  .ysgbbaf0cz h2 {
    font-size: clamp(38px, 4vw, 57px);
    line-height: 1.3;
    font-weight: 800;
    margin-top: 19px;
    letter-spacing: -0.065em;
  }
  .ysgbbaf0cz h2 > span:not(.g70jek5p6j) {
    color: #009b94;
    position: relative;
  }
  .ysgbbaf0cz h2 > span:not(.g70jek5p6j)::after {
    content: "";
    position: absolute;
    height: 8px;
    background: #b9ece0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    transform: rotate(-3deg);
  }
  .g70jek5p6j {
    color: var(--teal);
  }
  .cwzc95869g {
    margin-top: 23px;
    font-size: 14px;
    line-height: 1.95;
    color: #647e7b;
  }
  .ea9cjzvkvt {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    margin-top: 25px;
  }
  .ea9cjzvkvt .uel6lnsmwa {
    font-size: 13px;
    padding-inline: 18px;
    gap: 15px;
  }
  .ea9cjzvkvt .y4kjvyrdzg {
    font-size: 11px;
  }
  .e1lb0v5wad {
    font-size: 9px;
    margin-top: 14px;
    color: #7b918e;
  }
  .ajt57z8jv8 {
    display: flex;
    gap: 17px;
    margin-top: 27px;
    font-size: 10px;
    color: #69817d;
  }
  .ajt57z8jv8 span + span {
    border-left: 1px solid #cbded8;
    padding-left: 17px;
  }
  .ujnxdu475y {
    position: relative;
    background: #d9f0e9;
    border-radius: 12px 0 0 12px;
    padding: 15px 20px 12px;
    isolation: isolate;
  }
  .ujnxdu475y::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 310px;
    height: 310px;
    background: #c2e7db;
    top: 80px;
    left: 10%;
    z-index: -1;
  }
  .tvigo0jk9y {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #477a6f;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.15em;
  }
  .tvigo0jk9y span:last-child {
    font-size: 21px;
  }
  .q60jhi4xf7 {
    position: relative;
    height: 410px;
  }
  .rnf7amodlc {
    position: absolute;
    inset: 7px 0 0;
  }
  .m7twlul7t5 {
    width: 72%;
    height: 300px;
    margin: 0 auto;
    border: 5px solid white;
    border-radius: 3px;
    box-shadow: 8px 14px 22px #234b4133;
    transform: rotate(-5deg);
    transition: transform 0.5s;
    object-position: center 25%;
  }
  .ujnxdu475y:hover .m7twlul7t5 {
    transform: rotate(-2deg) translateY(-3px);
  }
  .rnf7amodlc figcaption {
    position: absolute;
    bottom: 0;
    left: 4px;
    right: 4px;
    background: #ffffffee;
    padding: 14px 17px;
    border: 1px solid #ffffff;
    border-radius: 7px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 6px 13px #23544b0a;
  }
  .rnf7amodlc figcaption span {
    display: block;
    font-size: 10px;
    color: #65827b;
  }
  .rnf7amodlc figcaption strong {
    display: block;
    font-size: 23px;
    line-height: 1.45;
    margin: 3px 0 4px;
  }
  .rnf7amodlc figcaption span:first-child {
    font-size: 9px;
    letter-spacing: 0.04em;
    color: var(--teal);
  }
  .qbdp9shel9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
  }
  .qbdp9shel9 button {
    border: none;
    background: none;
    color: #4a756b;
    font-size: 10px;
    padding: 5px 8px;
  }
  .f02d5qivat {
    display: flex;
    gap: 7px;
  }
  .f02d5qivat button {
    border-bottom: 2px solid transparent;
  }
  .f02d5qivat button[aria-pressed="true"] {
    border-color: var(--teal);
    color: var(--teal);
    font-weight: 800;
  }
  .z6w3n2ywm9 {
    position: relative;
    background: #154d4c;
    color: #ecfcf6;
    border-radius: 0 12px 12px 0;
    padding: 26px 24px;
    overflow: hidden;
  }
  .jirjhakvl9 {
    font-size: 9px;
    color: #a3cdc2;
    letter-spacing: 0.07em;
  }
  .z6w3n2ywm9 h2 {
    font-size: 30px;
    line-height: 1.5;
    margin: 27px 0 13px;
    font-weight: 600;
  }
  .z6w3n2ywm9 h2 span {
    color: #a1dfb7;
  }
  .z6w3n2ywm9 > p {
    font-size: 11px;
    line-height: 1.9;
    color: #a9cbc4;
  }
  .cz19893f25 {
    display: grid;
    margin-top: 25px;
  }
  .cz19893f25 a {
    font-size: 10px;
    padding-block: 13px;
    border-top: 1px solid #41706b;
    display: flex;
    justify-content: space-between;
    gap: 9px;
    color: #b7d7cc;
  }
  .cz19893f25 span {
    flex: 1;
    color: white;
  }
  .cz19893f25 a:hover {
    color: #b4edbb;
    padding-left: 5px;
  }
  .iy1hl5cxdn {
    position: absolute;
    right: -20px;
    bottom: -55px;
    font-size: 160px;
    line-height: 1;
    color: #386f60;
    opacity: 0.2;
    pointer-events: none;
  }
  .disgjbmyxw {
    display: flex;
    align-items: center;
    margin-top: 23px;
    gap: 0;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: white;
    padding: 18px 22px;
  }
  .disgjbmyxw > span {
    margin-right: auto;
    color: #7b8e89;
    font-size: 11px;
  }
  .disgjbmyxw a {
    padding-inline: 22px;
    border-left: 1px solid var(--line);
    font-size: 12px;
  }
  .disgjbmyxw b {
    font-size: 18px;
    color: #009c93;
    margin-right: 9px;
  }
  .disgjbmyxw a:hover {
    color: var(--teal);
  }
}
@layer content {
  .bfphhirzg2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .ebhn5bygrm {
    min-width: 0;
  }
  .ov5o6oinum {
    display: block;
    position: relative;
    aspect-ratio: 4/4.55;
    border-radius: 9px;
    overflow: hidden;
    background: #dcebe3;
  }
  .ov5o6oinum img {
    height: 100%;
    width: 100%;
    transition: transform 0.6s var(--ease);
  }
  .ov5o6oinum:hover img {
    transform: scale(1.055);
  }
  .ov5o6oinum::after {
    content: "";
    position: absolute;
    inset: 60% 0 0;
    background: linear-gradient(transparent, #12373070);
  }
  .inecplv7mb {
    position: absolute;
    top: 13px;
    left: 13px;
    background: #fffef2ed;
    border-radius: 4px;
    padding: 3px 9px;
    font-size: 10px;
    color: #476f5f;
  }
  .dxkwufph4d {
    position: absolute;
    z-index: 1;
    bottom: 14px;
    left: 16px;
    color: white;
    font-size: 11px;
    letter-spacing: 0.04em;
  }
  .gq5oonh85j {
    padding: 15px 2px 0;
  }
  .gq5oonh85j h3 {
    margin: 5px 0;
    font-size: 18px;
  }
  .gq5oonh85j h3 a:hover {
    color: var(--teal);
  }
  .gq5oonh85j p {
    font-size: 11px;
    color: var(--muted);
  }
  .vkut2t4e54 {
    border-block: 1px solid var(--line);
    background: #eff6f3;
    padding-block: 35px;
  }
  .vkut2t4e54 > .f65mr5xfu4 {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 35px;
    align-items: center;
  }
  .nn5qpovyld h2 {
    font-size: 23px;
  }
  .nn5qpovyld .s8punkgsgc {
    font-size: 9px;
    margin-bottom: 7px;
  }
  .nn5qpovyld > p:last-child {
    font-size: 10px;
    color: var(--muted);
    margin-top: 10px;
  }
  .gobc1dp8lk {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .gobc1dp8lk article {
    min-width: 0;
  }
  .b08t89kz10 {
    font-size: 24px;
    color: var(--teal);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    background: white;
    border: 1px solid #deebe5;
    border-radius: 8px;
    margin-bottom: 12px;
  }
  .gobc1dp8lk h3 {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .gobc1dp8lk p {
    font-size: 10px;
    line-height: 1.85;
    color: var(--muted);
  }
  .rfgasikj4j {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 305px;
    gap: 40px;
    padding-block: 65px;
    align-items: start;
  }
  .izj3koxauy {
    min-width: 0;
  }
  .izj3koxauy .tso3dncs92 {
    margin-bottom: 24px;
  }
  .kt0xt2xsca {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
  }
  .har1tch0lb {
    display: flex;
    gap: 4px;
  }
  .har1tch0lb button {
    border: none;
    background: transparent;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 11px;
    white-space: nowrap;
  }
  .har1tch0lb button[aria-pressed="true"] {
    background: #008e89;
    color: white;
  }
  .har1tch0lb button:hover {
    box-shadow: inset 0 0 0 1px #008e89;
  }
  #shelf-search {
    display: flex;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: white;
    width: 185px;
  }
  #shelf-search input {
    width: 100%;
    min-width: 0;
    background: none;
    border: none;
    outline-offset: 3px;
    padding: 8px 0 8px 11px;
    font-size: 11px;
    color: var(--ink);
  }
  #shelf-search button {
    border: none;
    background: none;
    color: var(--teal);
    width: 33px;
    font-size: 21px;
    line-height: 1;
  }
  .juxoxc0zh4 {
    color: #748984;
    font-size: 10px;
    margin-block: 12px 20px;
  }
  .e856ubdmcy {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 23px;
  }
  .nood1z6zx1 {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 15px;
    min-width: 0;
    scroll-margin-top: 120px;
  }
  .fce7xxvhqe {
    border-radius: 5px;
    overflow: hidden;
    height: 143px;
    background: #e2eee7;
  }
  .fce7xxvhqe img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s;
  }
  .nood1z6zx1:hover .fce7xxvhqe img {
    transform: scale(1.05);
  }
  .nood1z6zx1 h3 {
    font-size: 15px;
    margin-top: 4px;
  }
  .m9c6f5m88a {
    color: #7c8b87;
    font-size: 10px;
    margin-top: 5px;
  }
  .pwddnxajsf {
    color: var(--muted);
    font-size: 11px;
    margin-top: 8px;
  }
  .ijozd1vjgu {
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 10px;
    font-weight: 600;
    color: var(--teal);
    border: 0;
    padding: 0;
    margin-top: 11px;
    background: none;
  }
  .ijozd1vjgu:hover {
    text-decoration: underline;
  }
  .oqye212l8q {
    font-size: 9px;
    color: #7a8c86;
    border-top: 1px solid var(--line);
    padding-top: 18px;
    margin-top: 25px;
  }
  .oqye212l8q a {
    color: var(--teal);
    margin-left: 8px;
  }
  .g79s2iqr5c {
    border-radius: 10px;
    padding: 25px 23px 0;
    background: white;
    border: 1px solid var(--line);
    box-shadow: 0 5px 20px #163a3003;
  }
  .g79s2iqr5c header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
  }
  .g79s2iqr5c .s8punkgsgc {
    font-size: 9px;
    margin-bottom: 8px;
  }
  .g79s2iqr5c h2 {
    font-size: 24px;
  }
  .g79s2iqr5c h2 span {
    color: var(--teal);
    font-weight: 400;
  }
  .g79s2iqr5c header .hf4zd2b31n {
    font-size: 9px;
    padding-inline: 6px;
  }
  .g79s2iqr5c > p {
    color: var(--muted);
    font-size: 11px;
    margin-top: 11px;
  }
  .g79s2iqr5c ol {
    margin-top: 12px;
  }
  .g79s2iqr5c li {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-block: 14px;
    border-bottom: 1px solid #eef2ef;
  }
  .qcq5n5xwqn {
    color: #a7b5b0;
    font-style: italic;
    font-size: 18px;
    font-weight: 700;
  }
  .g79s2iqr5c li:first-child .qcq5n5xwqn {
    color: #e69d62;
  }
  .fw3amcvemd {
    width: 37px;
    height: 52px;
    border-radius: 3px;
    flex: 0 0 37px;
  }
  .g79s2iqr5c h3 {
    font-size: 11px;
    margin-bottom: 4px;
  }
  .g79s2iqr5c h3 a:hover {
    color: var(--teal);
  }
  .g79s2iqr5c li div > span {
    font-size: 9px;
    color: #87988f;
  }
  .i69cxyw965 {
    margin-left: auto;
    color: #9cafa4;
    font-size: 15px;
  }
  .k5do8pjlzk {
    display: flex;
    gap: 11px;
    align-items: center;
    padding-block: 18px;
  }
  .k5do8pjlzk > span {
    font-size: 25px;
    color: #abd3bb;
  }
  .k5do8pjlzk p {
    font-size: 9px;
    color: #7c9288;
    line-height: 1.9;
  }
  .nl7qs4fd4d {
    background: #edf5f0;
    border-radius: 8px;
    text-align: center;
    padding: 40px 20px;
  }
  .nl7qs4fd4d p {
    color: var(--muted);
    margin-block: 12px 20px;
  }
}
@layer experience {
  .o4v1igb673 {
    background: #e6f3ef;
    border-block: 1px solid #daece5;
    padding-block: 65px 60px;
  }
  .lf45zogjt6 {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 60px;
    align-items: center;
  }
  .flz3gxa9t4 h2 {
    font-size: 43px;
    line-height: 1.45;
  }
  .flz3gxa9t4 h2 span {
    color: #00958b;
  }
  .flz3gxa9t4 > p:not(.s8punkgsgc):not(.ardzqb1wql) {
    max-width: 370px;
    color: var(--muted);
    font-size: 12px;
    margin-top: 20px;
    line-height: 1.9;
  }
  .flz3gxa9t4 ul {
    margin-top: 20px;
    display: grid;
    gap: 10px;
    font-size: 11px;
    color: #58756b;
  }
  .flz3gxa9t4 li::before {
    content: "✓";
    color: var(--teal);
    margin-right: 10px;
  }
  .nshfds5bai {
    margin-top: 25px;
    display: flex;
    gap: 9px;
  }
  .nshfds5bai button {
    border-radius: 5px;
    background: #ffffff99;
    border: 1px solid #cbe1d5;
    padding: 5px 15px;
    font-size: 11px;
  }
  .nshfds5bai button[aria-pressed="true"] {
    background: #165c55;
    color: white;
    border-color: #165c55;
  }
  .ardzqb1wql {
    color: #739387;
    font-size: 9px;
    margin-top: 13px;
  }
  .el62gu9bxt {
    position: relative;
    min-height: 420px;
    padding-top: 25px;
  }
  .rer6gkr43l {
    margin-right: 80px;
    border: 7px solid #294e46;
    border-bottom-width: 14px;
    border-radius: 12px;
    background: white;
    transform: perspective(1000px) rotateY(-5deg);
    box-shadow: 0 24px 40px #1a59471f;
  }
  .g0a7ejgput {
    background: #f1f5f2;
    padding: 7px 9px;
    font-size: 8px;
    color: #8b9e95;
  }
  .g0a7ejgput > span {
    letter-spacing: 2px;
    margin-right: 26px;
    color: #b6c8bc;
  }
  .mz311ztufh {
    padding: 17px 17px 12px;
    display: grid;
    gap: 6px;
  }
  .mz311ztufh strong {
    font-size: 15px;
    color: var(--teal);
  }
  .mz311ztufh span {
    font-size: 9px;
    color: #7e948a;
  }
  .ctoomwa0jw {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 0 17px 22px;
  }
  .ctoomwa0jw img {
    width: 100%;
    height: 160px;
    border-radius: 4px;
  }
  .ctoomwa0jw figcaption {
    font-size: 9px;
    margin-top: 8px;
  }
  .pd5eakaxta {
    position: absolute;
    width: 204px;
    right: 0;
    top: 0;
    padding: 8px;
    background: #284b43;
    border-radius: 30px;
    transform: rotate(5deg);
    box-shadow: 0 20px 35px #25543e38;
  }
  .z6b7dk2m7q {
    position: absolute;
    top: 12px;
    left: 37%;
    width: 27%;
    height: 10px;
    background: #284b43;
    border-radius: 12px;
    z-index: 1;
  }
  .ispzano697 {
    overflow: hidden;
    border-radius: 23px;
    background: white;
    min-height: 362px;
    transition: background 0.2s;
  }
  .ispzano697[data-paper="warm"] {
    background: #fff0d4;
  }
  .ispzano697 header {
    display: flex;
    justify-content: space-between;
    padding: 26px 13px 9px;
    font-size: 9px;
  }
  .kz0juoyu5k {
    width: 100%;
    height: 132px;
    object-position: center 25%;
  }
  .vhtawn08rl {
    padding: 13px 13px 20px;
  }
  .vhtawn08rl > .ent6m30tyf {
    font-size: 7px;
  }
  .vhtawn08rl h3 {
    font-size: 14px;
    margin-block: 5px 9px;
  }
  .vhtawn08rl > p {
    color: #667e72;
    font-size: 10px;
    line-height: 1.95;
  }
  .vhtawn08rl > p[data-large="true"] {
    font-size: 12px;
  }
  .h1auyngj27 {
    font-size: 7px;
    color: #8a9e90;
    display: block;
    margin-top: 16px;
    text-align: center;
  }
  .h8dacq7uxj {
    display: block;
    background: #86a394;
    width: 53px;
    height: 3px;
    border-radius: 3px;
    margin: 7px auto 2px;
  }
  .ejc0dybfqt {
    position: absolute;
    bottom: -10px;
    right: 10%;
    font-size: 10px;
    color: #709382;
  }
  .ejc0dybfqt span {
    margin-right: 9px;
    color: var(--teal);
  }
  .ugz0xpwrmj {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
    margin-top: 35px;
  }
  .ugz0xpwrmj li {
    display: flex;
    align-items: start;
    gap: 18px;
  }
  .ugz0xpwrmj li > span {
    font-size: 42px;
    color: #bedbd0;
    font-weight: 300;
    line-height: 1;
  }
  .ugz0xpwrmj h3 {
    font-size: 17px;
    margin-block: 2px 12px;
  }
  .ugz0xpwrmj p {
    color: var(--muted);
    font-size: 11px;
    max-width: 235px;
  }
  .ugz0xpwrmj a {
    display: inline-block;
    margin-top: 14px;
    font-size: 11px;
    color: var(--teal);
  }
  .xikgz2hmdk {
    padding-block: 5px 65px;
  }
  .ha73f9tp3c {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
  }
  .ha73f9tp3c figure {
    padding: 20px 25px 22px;
    background: white;
    border: 1px solid var(--line);
    border-radius: 9px;
  }
  .cvu4djzhbx {
    font-family: Georgia, serif;
    font-size: 53px;
    color: #afded0;
    line-height: 1;
    display: block;
    height: 35px;
  }
  .ha73f9tp3c blockquote {
    font-size: 12px;
    color: #57736a;
    line-height: 1.95;
    min-height: 94px;
  }
  .ha73f9tp3c figcaption {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 17px;
    font-size: 11px;
  }
  .o3arphkpe2 {
    display: grid;
    place-items: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: #e5f2ec;
    color: #47866b;
    font-size: 12px;
  }
  .ha73f9tp3c small {
    display: block;
    font-size: 9px;
    color: #91a196;
  }
  .ha73f9tp3c figcaption > span:last-child {
    margin-left: auto;
    font-size: 9px;
    color: #94aaa0;
  }
}
@layer ending {
  .h4brjzleiq {
    display: grid;
    grid-template-columns: 105px 1fr auto;
    gap: 30px;
    align-items: center;
    padding: 37px 45px;
    background: #def1e9;
    border: 1px solid #c8e5d7;
    border-radius: 12px;
  }
  .qhwuvyt546 {
    position: relative;
    width: 88px;
    height: 88px;
    border-radius: 23px;
    transform: rotate(-8deg);
    background: linear-gradient(140deg, #00afa5, #007f7a);
    color: white;
    box-shadow: 0 12px 20px #167e7426;
    display: grid;
    place-items: center;
  }
  .qhwuvyt546 > span {
    font-size: 41px;
    font-weight: 800;
  }
  .qhwuvyt546 > i {
    position: absolute;
    right: -8px;
    bottom: -8px;
    border-radius: 9px;
    padding: 0 8px;
    background: #fafbc6;
    color: #548965;
    font-size: 24px;
    font-style: normal;
  }
  .h4brjzleiq .s8punkgsgc {
    font-size: 9px;
    margin-bottom: 8px;
  }
  .h4brjzleiq h2 {
    font-size: 29px;
    margin-bottom: 8px;
  }
  .h4brjzleiq h2 + p {
    color: #5a8271;
    font-size: 12px;
  }
  .fgpo2u7xi7 {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #71917d;
    margin-top: 14px;
    font-size: 10px;
    border: 1px solid #bbd9c8;
    border-radius: 4px;
    padding: 2px 8px;
  }
  .fgpo2u7xi7 > span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9db887;
  }
  .jn0yu1nyig {
    font-size: 10px;
    color: #6f8e7a;
    max-width: 490px;
    margin-top: 8px;
  }
  .iilgxh3ug2 {
    display: grid;
    gap: 12px;
    justify-items: center;
  }
  .iilgxh3ug2 .uel6lnsmwa {
    min-width: 183px;
  }
  .iilgxh3ug2 .o8gmqgc47x {
    font-size: 11px;
  }
  .iilgxh3ug2 > span {
    font-size: 9px;
    color: #78917d;
  }
  .i0b328mwe7 {
    display: grid;
    grid-template-columns: 0.65fr 1.35fr;
    gap: 70px;
    padding-block: 70px;
  }
  .i0b328mwe7 > header h2 {
    font-size: 32px;
    line-height: 1.65;
  }
  .i0b328mwe7 > header > p:not(.s8punkgsgc) {
    margin-block: 17px 24px;
    font-size: 12px;
    color: var(--muted);
  }
  .i0b328mwe7 .o8gmqgc47x {
    font-size: 11px;
  }
  .c5eyi988t7 details {
    border-bottom: 1px solid var(--line);
  }
  .c5eyi988t7 details:first-child {
    border-top: 1px solid var(--line);
  }
  .c5eyi988t7 summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-block: 18px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
  }
  .c5eyi988t7 summary::-webkit-details-marker {
    display: none;
  }
  .c5eyi988t7 summary b {
    font-weight: 400;
    color: var(--teal);
    font-size: 20px;
    line-height: 1;
    transition: transform 0.2s;
  }
  .c5eyi988t7 details[open] summary b {
    transform: rotate(45deg);
  }
  .c5eyi988t7 details > p {
    color: var(--muted);
    font-size: 11px;
    line-height: 2;
    padding-bottom: 18px;
    padding-right: 26px;
  }
  .y4vbcn1eum {
    background: #eaf1ed;
    border-top: 1px solid #dfe9e2;
    padding-block: 40px;
  }
  .gskdrgaiu6 {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 40px;
  }
  .y4vbcn1eum h2 {
    font-size: 25px;
  }
  .y4vbcn1eum .s8punkgsgc {
    font-size: 9px;
  }
  .gskdrgaiu6 > div > p:not(.s8punkgsgc):not(.dam2t2i5oz) {
    color: #617a69;
    font-size: 11px;
    line-height: 2.15;
  }
  .dam2t2i5oz {
    font-size: 9px;
    color: #82998a;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .dam2t2i5oz span {
    margin-left: auto;
  }
  .e1xn50dwcq {
    background: #164c48;
    color: #e2f5eb;
    padding: 35px 0 20px;
  }
  .jt0e9auoi4 {
    display: grid;
    grid-template-columns: 0.65fr 1.35fr;
    gap: 60px;
    padding-bottom: 28px;
  }
  .jt0e9auoi4 strong {
    display: block;
    font-size: 20px;
  }
  .jt0e9auoi4 strong span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: #afcfbd;
    margin-top: 8px;
  }
  .jt0e9auoi4 > div > p {
    font-size: 10px;
    color: #89b09a;
    margin-top: 14px;
  }
  .jt0e9auoi4 nav h2 {
    font-size: 12px;
    margin-bottom: 14px;
    font-weight: 500;
  }
  .jt0e9auoi4 nav > div {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 20px;
  }
  .jt0e9auoi4 nav a {
    color: #a3c5b1;
    font-size: 10px;
  }
  .jt0e9auoi4 nav a:hover {
    color: #efffe4;
  }
  .aixpv25sfb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    border-top: 1px solid #3e6a5d;
    padding-top: 19px;
    font-size: 9px;
    color: #8ab09a;
  }
  .aixpv25sfb a {
    color: #c1dcc8;
  }
  .te06exm96f {
    display: none;
  }
}
@layer controls {
  :focus-visible {
    outline: 3px solid #d88b2c;
    outline-offset: 4px;
    border-radius: 3px;
  }
  dialog {
    color: var(--ink);
  }
  .ns6v9olrtu {
    width: min(770px, calc(100% - 32px));
    border: 1px solid #dae8dd;
    padding: 24px;
    border-radius: 14px;
    background: #fbfdfa;
    max-height: 90dvh;
    overflow-y: auto;
    box-shadow: 0 30px 100px #062e3250;
  }
  .ns6v9olrtu::backdrop {
    background: #0d3431a1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  body:has(.ns6v9olrtu[open]) {
    overflow: hidden;
  }
  .mx5o05e1xn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    color: #7e9a88;
    margin-bottom: 22px;
  }
  .mx5o05e1xn button {
    background: #edf4ec;
    border: 0;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 23px;
    line-height: 1;
  }
  .sqhq8k7biq {
    display: grid;
    grid-template-columns: 225px 1fr;
    gap: 27px;
  }
  .sqhq8k7biq > img {
    width: 100%;
    height: 320px;
    border-radius: 7px;
  }
  .sqhq8k7biq h2 {
    font-size: 27px;
    margin-top: 8px;
  }
  .sqhq8k7biq #note-desc {
    margin-top: 18px;
    color: #617d6c;
    font-size: 12px;
    line-height: 2;
  }
  .oj628ayav5 {
    background: #edf5ec;
    padding: 12px;
    border-radius: 6px;
    margin-block: 17px;
  }
  .oj628ayav5 small {
    font-size: 9px;
    color: #8aa58e;
  }
  .oj628ayav5 p {
    font-size: 11px;
    color: #5e8166;
    margin-top: 3px;
  }
  .sqhq8k7biq .uel6lnsmwa {
    font-size: 11px;
    min-height: 42px;
  }
  .efp2m3bw7w {
    color: #8b9d8d;
    font-size: 9px;
    margin-top: 10px;
  }
}
@layer responsive {
  .gobc1dp8lk p,
  .pwddnxajsf {
    font-size: 12px;
  }
  .gobc1dp8lk h3 {
    font-size: 14px;
  }
  .c5eyi988t7 details > p {
    font-size: 12px;
  }
  .gskdrgaiu6 > div > p:not(.s8punkgsgc):not(.dam2t2i5oz) {
    font-size: 12px;
  }
  @media (min-width: 1500px) {
    .o359nyarju {
      min-height: 555px;
    }
    .q60jhi4xf7 {
      height: 435px;
    }
    .m7twlul7t5 {
      height: 322px;
    }
    .ysgbbaf0cz {
      padding-top: 47px;
    }
  }
  @media (max-width: 1150px) {
    .f65mr5xfu4 {
      width: calc(100% - 48px);
    }
    .gy0v378bjy {
      gap: 18px;
    }
    .qh3jl5x5ie {
      gap: 13px;
    }
    .s4zdo6oni5 span:last-child {
      display: none;
    }
    .o359nyarju {
      grid-template-columns: 1fr 1fr 0.6fr;
    }
    .ysgbbaf0cz h2 {
      font-size: 43px;
    }
    .ysgbbaf0cz .s8punkgsgc {
      font-size: 9px;
    }
    .ea9cjzvkvt {
      gap: 13px;
    }
    .z6w3n2ywm9 {
      padding-inline: 18px;
    }
    .z6w3n2ywm9 h2 {
      font-size: 27px;
    }
    .disgjbmyxw a {
      padding-inline: 16px;
    }
    .disgjbmyxw > span {
      font-size: 10px;
    }
    .rfgasikj4j {
      grid-template-columns: minmax(0, 1fr) 265px;
      gap: 25px;
    }
    .nood1z6zx1 {
      grid-template-columns: 78px 1fr;
      gap: 12px;
    }
    .fce7xxvhqe {
      height: 130px;
    }
    .nood1z6zx1 h3 {
      font-size: 13px;
    }
    .pwddnxajsf {
      font-size: 10px;
    }
    .kt0xt2xsca {
      flex-wrap: wrap;
    }
    #shelf-search {
      width: 100%;
    }
    .vkut2t4e54 > .f65mr5xfu4 {
      grid-template-columns: 220px 1fr;
      gap: 25px;
    }
    .gobc1dp8lk {
      grid-template-columns: repeat(2, 1fr);
      gap: 23px;
    }
    .gobc1dp8lk article {
      display: flex;
      gap: 11px;
    }
    .b08t89kz10 {
      flex: 0 0 34px;
      height: 34px;
      font-size: 21px;
    }
    .nn5qpovyld h2 {
      font-size: 22px;
    }
    .lf45zogjt6 {
      gap: 30px;
    }
    .flz3gxa9t4 h2 {
      font-size: 35px;
    }
    .rer6gkr43l {
      margin-right: 45px;
    }
    .ctoomwa0jw img {
      height: 145px;
    }
    .pd5eakaxta {
      width: 187px;
      right: -5px;
      top: 15px;
    }
    .h4brjzleiq {
      padding-inline: 30px;
      grid-template-columns: 80px 1fr auto;
      gap: 20px;
    }
    .qhwuvyt546 {
      width: 73px;
      height: 73px;
    }
    .h4brjzleiq h2 {
      font-size: 25px;
    }
    .iilgxh3ug2 .uel6lnsmwa {
      min-width: 155px;
    }
  }
  @media (max-width: 900px) {
    .gy0v378bjy {
      display: none;
    }
    .hbx2yzszqk {
      min-height: 76px;
    }
    .s4zdo6oni5 span:last-child {
      display: inline;
    }
    .o359nyarju {
      grid-template-columns: 1fr 1fr;
      padding-top: 24px;
    }
    .ysgbbaf0cz {
      padding-top: 27px;
    }
    .ujnxdu475y {
      border-radius: 10px;
    }
    .z6w3n2ywm9 {
      grid-column: 1/-1;
      display: flex;
      align-items: center;
      gap: 20px;
      margin-top: 20px;
      padding: 18px 23px;
      border-radius: 8px;
    }
    .z6w3n2ywm9 .jirjhakvl9 {
      width: 100px;
      flex-shrink: 0;
    }
    .z6w3n2ywm9 h2 {
      font-size: 16px;
      line-height: 1.6;
      white-space: nowrap;
      margin: 0;
    }
    .z6w3n2ywm9 h2 br {
      display: none;
    }
    .z6w3n2ywm9 > p,
    .iy1hl5cxdn {
      display: none;
    }
    .cz19893f25 {
      display: flex;
      margin: 0 0 0 auto;
      gap: 14px;
    }
    .cz19893f25 a {
      border: 0;
      padding: 0;
      font-size: 9px;
    }
    .cz19893f25 span {
      display: none;
    }
    .q60jhi4xf7 {
      height: 390px;
    }
    .m7twlul7t5 {
      height: 282px;
    }
    .disgjbmyxw > span {
      display: none;
    }
    .disgjbmyxw {
      justify-content: space-around;
      padding-inline: 10px;
    }
    .disgjbmyxw a:first-of-type {
      border: 0;
    }
    .disgjbmyxw a {
      padding-inline: 20px;
    }
    .bfphhirzg2 {
      gap: 16px;
    }
    .gq5oonh85j h3 {
      font-size: 16px;
    }
    .gq5oonh85j p {
      font-size: 10px;
    }
    .inecplv7mb {
      left: 8px;
      top: 8px;
      font-size: 9px;
    }
    .vkut2t4e54 > .f65mr5xfu4 {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .gobc1dp8lk {
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }
    .gobc1dp8lk article {
      display: block;
    }
    .nn5qpovyld {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }
    .nn5qpovyld .s8punkgsgc {
      width: 100%;
      margin: 0;
    }
    .nn5qpovyld > p:last-child {
      margin: 0;
    }
    .rfgasikj4j {
      grid-template-columns: 1fr;
      padding-block: 50px;
    }
    .kt0xt2xsca {
      flex-wrap: nowrap;
    }
    #shelf-search {
      width: 200px;
    }
    .nood1z6zx1 {
      grid-template-columns: 96px 1fr;
    }
    .fce7xxvhqe {
      height: 143px;
    }
    .nood1z6zx1 h3 {
      font-size: 16px;
    }
    .g79s2iqr5c ol {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0 30px;
    }
    .k5do8pjlzk {
      padding-block: 12px;
    }
    .k5do8pjlzk p br {
      display: none;
    }
    .g79s2iqr5c li:nth-child(5) {
      border-bottom: none;
    }
    .lf45zogjt6 {
      grid-template-columns: 1fr;
      gap: 40px;
    }
    .flz3gxa9t4 {
      max-width: 100%;
    }
    .flz3gxa9t4 h2 {
      font-size: 35px;
    }
    .flz3gxa9t4 h2 br {
      display: none;
    }
    .flz3gxa9t4 > p:not(.s8punkgsgc):not(.ardzqb1wql) {
      max-width: 550px;
    }
    .el62gu9bxt {
      width: min(550px, 95%);
      margin-inline: auto;
      min-height: 410px;
    }
    .rer6gkr43l {
      margin-right: 70px;
    }
    .ctoomwa0jw img {
      height: 170px;
    }
    .pd5eakaxta {
      width: 204px;
    }
    .ugz0xpwrmj {
      gap: 22px;
    }
    .ugz0xpwrmj li {
      gap: 12px;
    }
    .ugz0xpwrmj li > span {
      font-size: 34px;
    }
    .ugz0xpwrmj h3 {
      font-size: 15px;
    }
    .ha73f9tp3c {
      gap: 14px;
    }
    .ha73f9tp3c figure {
      padding-inline: 18px;
    }
    .ha73f9tp3c blockquote {
      font-size: 11px;
      min-height: 115px;
    }
    .xikgz2hmdk .tso3dncs92 {
      flex-wrap: wrap;
    }
    .h4brjzleiq {
      grid-template-columns: 75px 1fr;
    }
    .iilgxh3ug2 {
      grid-column: 2;
      display: flex;
      flex-wrap: wrap;
      justify-content: start;
      gap: 15px;
      margin-top: 5px;
    }
    .iilgxh3ug2 > span {
      width: 100%;
    }
    .i0b328mwe7 {
      grid-template-columns: 1fr 1.6fr;
      gap: 35px;
    }
    .i0b328mwe7 > header h2 {
      font-size: 27px;
    }
    .gskdrgaiu6 {
      grid-template-columns: 180px 1fr;
      gap: 25px;
    }
    .jt0e9auoi4 {
      grid-template-columns: 1fr 1.5fr;
      gap: 25px;
    }
    .jt0e9auoi4 nav > div {
      grid-template-columns: repeat(4, 1fr);
      gap: 9px;
    }
  }
  @media (max-width: 600px) {
    html {
      scroll-padding-top: 90px;
    }
    .f65mr5xfu4 {
      width: calc(100% - 36px);
    }
    body {
      padding-bottom: 65px;
    }
    h2 {
      font-size: 25px;
    }
    .hbx2yzszqk {
      min-height: 70px;
      gap: 8px;
    }
    .hbx2yzszqk h1 {
      font-size: 20px;
    }
    .k4aluhlb0j {
      gap: 8px;
    }
    .rtwfi6q0iy {
      width: 32px;
      height: 32px;
      border-radius: 7px;
    }
    .k4aluhlb0j small {
      font-size: 8px;
      letter-spacing: 0;
    }
    .n2a3zwc2r2 {
      display: none;
    }
    .s4zdo6oni5 {
      font-size: 12px;
      gap: 5px;
    }
    .s4zdo6oni5 span:last-child {
      font-size: 9px;
    }
    .xrt1917n1b {
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
    }
    .xrt1917n1b a {
      padding: 7px 9px;
      font-size: 11px;
    }
    .o359nyarju {
      grid-template-columns: 1fr;
      padding-top: 0;
    }
    .ysgbbaf0cz {
      padding: 27px 0 24px;
    }
    .ysgbbaf0cz h2 {
      font-size: clamp(36px, 10vw, 49px);
      line-height: 1.35;
      margin-top: 16px;
    }
    .cwzc95869g {
      font-size: 12px;
      line-height: 1.9;
      margin-top: 15px;
    }
    .cwzc95869g br:first-child {
      display: none;
    }
    .ea9cjzvkvt {
      margin-top: 20px;
      gap: 20px;
    }
    .ea9cjzvkvt .uel6lnsmwa {
      min-height: 45px;
    }
    .ea9cjzvkvt .y4kjvyrdzg {
      font-size: 11px;
    }
    .e1lb0v5wad {
      font-size: 8px;
    }
    .ajt57z8jv8 {
      display: none;
    }
    .ujnxdu475y {
      padding: 12px 18px 9px;
    }
    .tvigo0jk9y {
      font-size: 9px;
    }
    .q60jhi4xf7 {
      height: 365px;
    }
    .m7twlul7t5 {
      width: 62%;
      height: 273px;
    }
    .ujnxdu475y::before {
      left: 13%;
      top: 40px;
      width: 250px;
      height: 250px;
    }
    .rnf7amodlc figcaption {
      bottom: 0;
      padding: 12px 15px;
    }
    .rnf7amodlc figcaption strong {
      font-size: 21px;
    }
    .rnf7amodlc figcaption span:last-child {
      font-size: 10px;
    }
    .qbdp9shel9 {
      margin-top: 7px;
    }
    .z6w3n2ywm9 {
      margin-top: 12px;
      padding: 14px 15px;
      gap: 10px;
    }
    .z6w3n2ywm9 .jirjhakvl9 {
      display: none;
    }
    .z6w3n2ywm9 h2 {
      font-size: 13px;
    }
    .cz19893f25 {
      gap: 17px;
    }
    .cz19893f25 a {
      font-size: 10px;
    }
    .disgjbmyxw {
      margin-top: 15px;
      padding: 13px 5px;
    }
    .disgjbmyxw a {
      padding-inline: 9px;
      font-size: 10px;
    }
    .disgjbmyxw b {
      display: block;
      text-align: center;
      margin: 0 0 3px;
      font-size: 19px;
    }
    .tvyxjrp7rh {
      padding-block: 40px;
    }
    .tso3dncs92 {
      gap: 12px;
      margin-bottom: 22px;
      flex-wrap: wrap;
    }
    .tso3dncs92 .s8punkgsgc {
      font-size: 9px;
      margin-bottom: 9px;
    }
    .tso3dncs92 h2 {
      gap: 10px;
      font-size: 24px;
    }
    .tso3dncs92 p:not(.s8punkgsgc) {
      font-size: 11px;
      margin-top: 9px;
    }
    .tso3dncs92 > .o8gmqgc47x {
      font-size: 10px;
    }
    .hf4zd2b31n {
      font-size: 9px;
      padding-inline: 6px;
    }
    .bfphhirzg2 {
      grid-template-columns: repeat(2, 1fr);
      gap: 23px 15px;
    }
    .ov5o6oinum {
      aspect-ratio: 3/3.9;
      border-radius: 7px;
    }
    .gq5oonh85j {
      padding-top: 10px;
    }
    .gq5oonh85j h3 {
      font-size: 16px;
    }
    .gq5oonh85j p {
      font-size: 10px;
      line-height: 1.7;
    }
    .inecplv7mb {
      font-size: 8px;
      padding: 2px 6px;
    }
    .dxkwufph4d {
      font-size: 9px;
      left: 10px;
      bottom: 10px;
    }
    .vkut2t4e54 {
      padding-block: 27px;
    }
    .nn5qpovyld h2 {
      font-size: 21px;
    }
    .nn5qpovyld > p:last-child {
      font-size: 10px;
      width: 100%;
    }
    .gobc1dp8lk {
      grid-template-columns: repeat(2, 1fr);
      gap: 23px;
    }
    .gobc1dp8lk h3 {
      font-size: 12px;
    }
    .gobc1dp8lk p {
      font-size: 10px;
    }
    .b08t89kz10 {
      width: 34px;
      height: 34px;
      margin-bottom: 8px;
    }
    .rfgasikj4j {
      padding-block: 40px;
      gap: 30px;
    }
    .izj3koxauy .tso3dncs92 h2 {
      font-size: 24px;
    }
    .izj3koxauy .tso3dncs92 p:not(.s8punkgsgc) {
      max-width: 280px;
    }
    .kt0xt2xsca {
      flex-wrap: wrap;
      gap: 14px;
    }
    .har1tch0lb {
      width: 100%;
      gap: 6px;
      justify-content: space-between;
    }
    .har1tch0lb button {
      font-size: 11px;
      padding-inline: 10px;
    }
    #shelf-search {
      width: 100%;
    }
    #shelf-search input {
      padding-block: 10px;
      font-size: 12px;
    }
    .e856ubdmcy {
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .nood1z6zx1 {
      grid-template-columns: 96px 1fr;
      gap: 17px;
    }
    .fce7xxvhqe {
      height: 139px;
    }
    .nood1z6zx1 h3 {
      font-size: 17px;
    }
    .pwddnxajsf {
      font-size: 11px;
      margin-top: 10px;
    }
    .nood1z6zx1 .ijozd1vjgu {
      font-size: 11px;
      margin-top: 14px;
    }
    .juxoxc0zh4 {
      font-size: 9px;
    }
    .oqye212l8q {
      line-height: 1.9;
      font-size: 9px;
    }
    .g79s2iqr5c {
      padding: 22px 20px 0;
    }
    .g79s2iqr5c ol {
      display: block;
    }
    .g79s2iqr5c li {
      padding-block: 12px;
      gap: 14px;
    }
    .g79s2iqr5c h3 {
      font-size: 13px;
    }
    .g79s2iqr5c li div > span {
      font-size: 10px;
    }
    .g79s2iqr5c li:nth-child(5) {
      border-bottom: 1px solid #eef2ef;
    }
    .k5do8pjlzk {
      padding-block: 14px;
    }
    .o4v1igb673 {
      padding-block: 38px 45px;
    }
    .lf45zogjt6 {
      gap: 30px;
    }
    .flz3gxa9t4 .s8punkgsgc {
      font-size: 9px;
    }
    .flz3gxa9t4 h2 {
      font-size: 28px;
    }
    .flz3gxa9t4 h2 br {
      display: block;
    }
    .flz3gxa9t4 > p:not(.s8punkgsgc):not(.ardzqb1wql) {
      font-size: 11px;
      margin-top: 16px;
    }
    .flz3gxa9t4 ul {
      font-size: 10px;
      gap: 8px;
    }
    .nshfds5bai {
      margin-top: 20px;
    }
    .el62gu9bxt {
      width: 100%;
      min-height: 365px;
      padding-top: 25px;
    }
    .rer6gkr43l {
      margin-right: 50px;
      border-width: 5px;
      border-bottom-width: 10px;
    }
    .g0a7ejgput {
      font-size: 6px;
      white-space: nowrap;
      padding-inline: 6px;
    }
    .g0a7ejgput span {
      margin-right: 10px;
    }
    .mz311ztufh {
      padding: 13px 10px 10px;
    }
    .mz311ztufh strong {
      font-size: 12px;
    }
    .mz311ztufh span {
      font-size: 7px;
    }
    .ctoomwa0jw {
      gap: 7px;
      padding: 0 10px 15px;
    }
    .ctoomwa0jw img {
      height: 116px;
    }
    .ctoomwa0jw figcaption {
      font-size: 7px;
    }
    .pd5eakaxta {
      width: 161px;
      padding: 6px;
      top: 0;
      right: 4px;
      border-radius: 25px;
    }
    .ispzano697 {
      min-height: 298px;
      border-radius: 20px;
    }
    .ispzano697 header {
      padding-top: 22px;
      font-size: 8px;
    }
    .kz0juoyu5k {
      height: 105px;
    }
    .vhtawn08rl {
      padding: 10px 10px 15px;
    }
    .vhtawn08rl h3 {
      font-size: 12px;
    }
    .vhtawn08rl > .ent6m30tyf {
      font-size: 6px;
    }
    .vhtawn08rl > p {
      font-size: 8px;
    }
    .vhtawn08rl > p[data-large="true"] {
      font-size: 10px;
    }
    .h1auyngj27 {
      font-size: 6px;
      margin-top: 11px;
    }
    .z6b7dk2m7q {
      top: 9px;
    }
    .ejc0dybfqt {
      font-size: 8px;
      right: 5%;
      bottom: 0;
    }
    .ugz0xpwrmj {
      grid-template-columns: 1fr;
      gap: 23px;
      margin-top: 25px;
    }
    .ugz0xpwrmj li {
      gap: 20px;
    }
    .ugz0xpwrmj li > span {
      font-size: 36px;
    }
    .ugz0xpwrmj h3 {
      font-size: 16px;
      margin-bottom: 8px;
    }
    .ugz0xpwrmj p {
      max-width: none;
      font-size: 11px;
    }
    .ugz0xpwrmj a {
      margin-top: 8px;
    }
    .xikgz2hmdk {
      padding-block: 0 40px;
    }
    .ha73f9tp3c {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .ha73f9tp3c figure {
      padding: 18px 22px;
    }
    .ha73f9tp3c blockquote {
      min-height: 0;
      font-size: 12px;
    }
    .ha73f9tp3c figcaption {
      margin-top: 15px;
    }
    .h4brjzleiq {
      display: block;
      padding: 25px 23px;
      position: relative;
    }
    .qhwuvyt546 {
      float: right;
      width: 53px;
      height: 53px;
      border-radius: 14px;
      margin: 0 0 15px 10px;
    }
    .qhwuvyt546 > span {
      font-size: 28px;
    }
    .qhwuvyt546 > i {
      font-size: 16px;
      right: -4px;
      bottom: -4px;
      padding-inline: 5px;
      border-radius: 6px;
    }
    .h4brjzleiq .s8punkgsgc {
      font-size: 7px;
      letter-spacing: 0.09em;
    }
    .h4brjzleiq h2 {
      font-size: 23px;
    }
    .h4brjzleiq h2 + p {
      font-size: 11px;
      max-width: 240px;
    }
    .fgpo2u7xi7 {
      font-size: 9px;
      margin-top: 16px;
    }
    .jn0yu1nyig {
      font-size: 10px;
      margin-top: 10px;
      clear: both;
    }
    .iilgxh3ug2 {
      margin-top: 20px;
      display: flex;
      align-items: center;
      gap: 15px;
    }
    .iilgxh3ug2 .uel6lnsmwa {
      min-width: 140px;
      min-height: 44px;
      padding-inline: 13px;
      gap: 13px;
      font-size: 12px;
    }
    .iilgxh3ug2 .o8gmqgc47x {
      font-size: 10px;
    }
    .i0b328mwe7 {
      grid-template-columns: 1fr;
      gap: 23px;
      padding-block: 40px;
    }
    .i0b328mwe7 > header h2 {
      font-size: 26px;
    }
    .i0b328mwe7 > header h2 br {
      display: none;
    }
    .i0b328mwe7 > header > p:not(.s8punkgsgc) {
      margin-block: 12px 15px;
      font-size: 11px;
    }
    .c5eyi988t7 summary {
      font-size: 12px;
      padding-block: 16px;
      gap: 12px;
    }
    .c5eyi988t7 details > p {
      font-size: 11px;
      padding-right: 10px;
    }
    .y4vbcn1eum {
      padding-block: 30px;
    }
    .gskdrgaiu6 {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .y4vbcn1eum h2 {
      font-size: 23px;
    }
    .y4vbcn1eum .s8punkgsgc {
      margin-bottom: 9px;
    }
    .gskdrgaiu6 > div > p:not(.s8punkgsgc):not(.dam2t2i5oz) {
      font-size: 11px;
      line-height: 2.05;
    }
    .dam2t2i5oz {
      font-size: 8px;
    }
    .dam2t2i5oz span {
      margin-left: 8px;
    }
    .e1xn50dwcq {
      padding-top: 25px;
    }
    .jt0e9auoi4 {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .jt0e9auoi4 strong {
      font-size: 20px;
    }
    .jt0e9auoi4 strong span {
      display: inline;
      margin-left: 20px;
      font-size: 10px;
    }
    .jt0e9auoi4 > div > p {
      margin-top: 8px;
      font-size: 9px;
    }
    .jt0e9auoi4 nav > div {
      grid-template-columns: repeat(4, 1fr);
      gap: 12px 8px;
    }
    .aixpv25sfb {
      display: grid;
      grid-template-columns: 1fr auto;
      font-size: 8px;
      gap: 7px;
    }
    .aixpv25sfb p:nth-child(2) {
      grid-row: 2;
      grid-column: 1/-1;
    }
    .aixpv25sfb a {
      grid-column: 2;
      grid-row: 1;
    }
    .te06exm96f {
      position: fixed;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 35;
      min-height: 61px;
      padding-bottom: env(safe-area-inset-bottom, 0px);
      background: #fffffff5;
      -webkit-backdrop-filter: blur(14px);
      backdrop-filter: blur(14px);
      border-top: 1px solid #d6e9df;
    }
    .te06exm96f a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 9px;
      color: #6a8c79;
      line-height: 1.5;
      padding: 6px;
    }
    .te06exm96f span {
      font-size: 22px;
      line-height: 1.3;
    }
    .te06exm96f a:hover,
    .te06exm96f a[aria-current] {
      color: #008b83;
      background: #f1f8f2;
    }
    .ns6v9olrtu {
      padding: 18px;
      width: calc(100% - 26px);
    }
    .sqhq8k7biq {
      grid-template-columns: 1fr;
      gap: 19px;
    }
    .sqhq8k7biq > img {
      width: 125px;
      height: 170px;
      margin-inline: auto;
    }
    .mx5o05e1xn {
      margin-bottom: 13px;
      font-size: 10px;
    }
    .sqhq8k7biq h2 {
      font-size: 24px;
    }
    .sqhq8k7biq #note-desc {
      font-size: 12px;
      margin-top: 14px;
    }
  }
  @media (max-width: 600px) {
    .z6w3n2ywm9 {
      flex-direction: column;
      align-items: start;
      gap: 9px;
    }
    .cz19893f25 {
      width: 100%;
      margin: 0;
      justify-content: space-between;
      gap: 8px;
    }
    .cz19893f25 a {
      font-size: 0;
    }
    .cz19893f25 span {
      display: inline;
      font-size: 9px;
    }
    .gobc1dp8lk p,
    .pwddnxajsf,
    .c5eyi988t7 details > p {
      font-size: 12px;
    }
    .gobc1dp8lk h3 {
      font-size: 14px;
    }
    .gskdrgaiu6 > div > p:not(.s8punkgsgc):not(.dam2t2i5oz) {
      font-size: 12px;
    }
  }
  @media (max-width: 360px) {
    .f65mr5xfu4 {
      width: calc(100% - 28px);
    }
    .ysgbbaf0cz h2 {
      font-size: 35px;
    }
    .ea9cjzvkvt {
      gap: 13px;
    }
    .ea9cjzvkvt .y4kjvyrdzg {
      font-size: 10px;
    }
    .disgjbmyxw a {
      padding-inline: 6px;
      font-size: 9px;
    }
    .z6w3n2ywm9 h2 {
      font-size: 12px;
    }
    .cz19893f25 {
      gap: 8px;
    }
    .har1tch0lb button {
      padding-inline: 8px;
      font-size: 10px;
    }
    .h4brjzleiq h2 {
      font-size: 21px;
    }
  }
}
@layer motion {
  @keyframes turnin {
    from {
      opacity: 0;
      transform: translateX(13px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .rnf7amodlc[data-arriving] {
    animation: turnin 0.65s var(--ease) both;
  }
  [data-reveal][data-waiting] {
    opacity: 0;
    transform: translateY(20px);
    transition:
      opacity 0.65s var(--ease),
      transform 0.65s var(--ease);
  }
  [data-reveal][data-visible] {
    opacity: 1;
    transform: none;
    transition:
      opacity 0.65s var(--ease),
      transform 0.65s var(--ease);
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation: none !important;
      transition: none !important;
    }
    [data-reveal] {
      opacity: 1 !important;
      transform: none !important;
    }
  }
}