@layer screens {
  @media (max-width: 1180px) {
    .mast { flex-wrap: wrap; }
    .mast .chapter-index { order: 3; inline-size: 100%; justify-content: center; }
    .mast-tools { margin-inline-start: auto; }
    .reading-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .expert-card { grid-template-columns: 8rem 1fr; }
  }

  @media (max-width: 780px) {
    .shell { inline-size: min(100% - 1.25rem, var(--content)); }
    .mast { border-radius: var(--radius-sm); padding: .8rem; }
    .mast .chapter-index { display: none; flex-direction: column; align-items: stretch; padding-block: .5rem; }
    .mast[data-nav-open="true"] .chapter-index { display: flex; }
    .mast .chapter-index a { padding: .75rem .5rem; }
    .mast-tools { gap: .5rem; }
    .phone-line { display: none; }
    .folio img { inline-size: 4.6rem; }
    .folio-label { font-size: .78rem; }
    .nav-toggle { display: inline-flex; align-items: center; }
    .mast .chapter-index { flex-basis: 100%; }
    .reading-grid--wide, .reading-grid--even, .reading-grid--three, .reading-grid--four { grid-template-columns: 1fr; }
    .hero { padding-block: 4.5rem 5rem; }
    .hero h1, .page-intro h1 { max-inline-size: 100%; font-size: clamp(2.6rem, 13vw, 4.8rem); }
    .hero h1 + p { margin-block-start: 2rem; }
    .hero-aside { margin-block-start: 2.5rem; }
    .action-row { margin-block-start: 2.5rem; }
    .button { min-block-size: 3.5rem; }
    .section { padding-block: 5rem; }
    .section-heading { gap: 1rem; margin-block-end: 2rem; }
    .section-heading h2 { font-size: clamp(2rem, 10vw, 3rem); }
    .tile-mark { transform: scale(.75); transform-origin: left center; }
    .picture-note { max-inline-size: 92%; padding: 1.25rem; }
    .expert-card { grid-template-columns: 6rem 1fr; gap: 1rem; min-block-size: 15rem; padding: 1.2rem 0; }
    .expert-card h3 { font-size: 1.35rem; }
    .field-grid--two { grid-template-columns: 1fr; }
    .footer-row, .footer-meta { flex-direction: column; align-items: flex-start; }
    .footer-links { justify-content: flex-start; }
    .consent-dock { inset-inline: .75rem; inset-block-end: .75rem; }
    .game-list li { grid-template-columns: 1fr; gap: .3rem; }
  }

  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
  }

  @media print {
    .mast, .search-drawer, .consent-dock, .action-row, .footer-links, .skip-link { display: none !important; }
    body { background: #fff; color: #000; }
    .shell { inline-size: 100%; }
  }
}

@layer figma-home {
  html:has(body.figma-home) { overflow-x: clip; }
  .figma-home {
    --figma-paper: #e8e8c6;
    --figma-ink: #252525;
    --figma-green: #5b6d52;
    --figma-green-dark: #36483b;
    background: var(--figma-ink);
    color: var(--figma-paper);
    overflow-x: clip;
  }

  .figma-home .consent-dock { display: none; }
  .figma-home .mast { inline-size: min(calc(100% - 2rem), 1560px); }
  .figma-header {
    --figma-paper: #e8e8c6;
    --figma-ink: #252525;
    position: relative;
    z-index: 2;
    block-size: 105px;
    min-block-size: 105px;
    padding: 16px 80px;
    border: 1px solid var(--figma-paper);
    border-radius: 24px;
    background: var(--figma-ink);
  }
  .figma-header .folio { flex: 0 0 109px; }
  .figma-header .folio img { inline-size: 109px; block-size: 73px; object-fit: contain; }
  .figma-header .folio-label { display: none; }
  .figma-header nav { flex: 1; }
  .figma-header .chapter-index { justify-content: center; gap: 34px; }
  .figma-header .chapter-index a { padding: 0; font-size: 20px; }
  .figma-header .chapter-index .is-marked { border: 0; font-weight: 400; }
  .figma-header .chapter-index a[aria-current="page"], .figma-header .chapter-index a:hover { color: var(--figma-paper); }
  .figma-header .mast-tools { flex: 0 0 auto; }
  .figma-header .phone-line { gap: 12px; font-size: 20px; }
  .figma-header .phone-line img { inline-size: 43px; block-size: 49px; }
  .figma-header .nav-toggle { display: none; }

  .success-page { min-block-size: 32rem; display: flex; flex-direction: column; justify-content: center; }
  .inner-visual { align-items: center; }
  .inner-visual .prose { max-inline-size: none; }
  .inner-visual .picture-panel { min-block-size: 100%; }

  .f-wrap { inline-size: min(calc(100% - 2rem), 1560px); margin-inline: auto; }
  .f-section { position: relative; }
  .f-heading { display: flex; align-items: center; gap: 37px; }
  .f-heading h2 { font: 400 48px/1.16 "Gugi", sans-serif; letter-spacing: -.02em; }
  .f-mark { inline-size: 48px; block-size: 48px; flex: 0 0 48px; position: relative; }
  .f-mark::before, .f-mark::after { content: ""; position: absolute; inline-size: 16px; block-size: 16px; background: var(--figma-paper); box-shadow: 16px 16px var(--figma-paper), 32px 0 var(--figma-paper), 32px 16px var(--figma-paper); }
  .f-mark::before { inset: 0 auto auto 0; }
  .f-mark::after { inset: 32px auto auto 0; box-shadow: none; }
  .f-copy { font-size: 20px; line-height: 1.2; }
  .f-button { display: inline-flex; min-block-size: 64px; align-items: center; justify-content: center; padding: 16px 24px; border: 1px solid transparent; border-radius: 80px; background: var(--figma-paper); color: var(--figma-ink); font: 700 20px/1 "Balsamiq Sans", var(--font-body), sans-serif; text-decoration: none; }
  .f-button:hover { background: #fff; color: var(--figma-ink); }
  .f-button--dark { background: var(--figma-ink); color: var(--figma-paper); }
  .f-button--dark:hover { background: var(--figma-paper); color: var(--figma-ink); }
  .f-button--wide { min-inline-size: 254px; }

  .f-hero { min-block-size: 680px; margin-block-start: 86px; padding-block-start: 0; overflow: visible; }
  .f-hero-copy { position: relative; z-index: 1; max-inline-size: 907px; }
  .f-hero h1 { max-inline-size: 907px; font: 400 64px/1.125 "Gugi", sans-serif; letter-spacing: -.025em; }
  .f-hero p { max-inline-size: 871px; margin-block-start: 32px; font-size: 20px; line-height: 1.2; }
  .f-why { margin-block-start: 56px; }
  .f-why h2 { font: 400 32px/1.25 "Gugi", sans-serif; }
  .f-why ul { display: grid; gap: 9px; margin-block-start: 24px; padding-inline-start: 27px; font-size: 20px; line-height: 1.2; }
  .f-hero .f-button { margin-block-start: 32px; min-inline-size: 249px; }
  .f-hero-art { position: absolute; z-index: 0; inset: -144px auto auto 726px; inline-size: 968px; block-size: 968px; pointer-events: none; }
  .f-hero-art img { position: absolute; max-inline-size: none; block-size: auto; object-fit: contain; }
  .f-hero-character { inset: 0 auto auto 0; inline-size: 968px; }
  .f-hero-rocket--main { inset: 537px auto auto -113px; inline-size: 433px; }
  .f-hero-rocket--top { inset: 144px auto auto 732px; inline-size: 376px; }
  .f-hero-rocket--small { inset: 760px auto auto 781px; inline-size: 197px; }

  .f-intro { min-block-size: 240px; margin-block-start: 139px; display: flex; align-items: flex-end; padding-block-end: 55px; }
  .f-intro p { max-inline-size: 1458px; font: 400 32px/1.25 "Gugi", sans-serif; }

  .f-monthly { min-block-size: 1138px; }
  .f-monthly .f-heading { margin-block-end: 56px; }
  .f-monthly-figure { position: relative; overflow: clip; min-block-size: 1026px; border-radius: 0 0 24px 24px; }
  .f-monthly-figure > img { inline-size: 100%; block-size: 1026px; object-fit: cover; }
  .f-monthly-copy { position: absolute; inset: auto 0 0; padding: 48px; background: linear-gradient(180deg, transparent, rgba(37,37,37,.97) 26%); }
  .f-monthly-copy h3 { font: 400 48px/1.15 "Gugi", sans-serif; }
  .f-monthly-copy p { max-inline-size: 880px; margin-block-start: 20px; font-size: 20px; line-height: 1.2; }
  .f-monthly-copy .f-button { margin-block-start: 28px; }

  .f-overview { min-block-size: 1016px; margin-block-start: 200px; }
  .f-overview-grid { display: grid; grid-template-columns: 833px 729px; }
  .f-overview-column { min-block-size: 1016px; }
  .f-overview-column--left { padding-block-start: 19px; }
  .f-overview-column--left .f-heading { margin-block-end: 79px; }
  .f-overview-column--left > p { max-inline-size: 833px; }
  .f-overview-column--right { display: grid; grid-template-rows: 666px auto; padding-inline-start: 25px; }
  .f-overview-grid p { max-inline-size: 760px; font-size: 20px; line-height: 1.2; }
  .f-overview-art { inline-size: 704px; block-size: 666px; margin-block-start: 57px; overflow: hidden; border-radius: 24px; }
  .f-overview-column--right .f-overview-art { margin-block-start: 0; }
  .f-overview-art img { inline-size: 100%; block-size: 666px; object-fit: cover; }

  .f-steps { min-block-size: 416px; margin-block-start: 200px; padding-block: 18px; background: var(--figma-green-dark); }
  .f-steps .f-heading { margin-block-end: 32px; }
  .f-steps-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 64px; }
  .f-step { display: block; }
  .f-step strong { font: 400 24px/1.15 "Gugi", sans-serif; }
  .f-step strong { display: block; margin-block-end: 24px; }
  .f-step h3, .f-expert h3, .f-choice h3 { font: 700 24px/1.3 "Balsamiq Sans", var(--font-body), sans-serif; }
  .f-step p { margin-block-start: 17px; font-size: 20px; line-height: 1.2; }

  .f-trust { min-block-size: 460px; margin-block-start: 200px; padding-block: 56px; background: var(--figma-green); }
  .f-trust .f-heading { margin-block-end: 50px; }
  .f-trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 120px; }
  .f-trust p { max-inline-size: 760px; font-size: 20px; line-height: 1.2; }
  .f-trust .f-button { margin-block-start: 32px; }

  .f-criteria { min-block-size: 1423px; margin-block-start: 200px; }
  .f-criteria .f-heading { margin-block-end: 56px; }
  .f-criteria-intro { max-inline-size: 760px; font-size: 20px; line-height: 1.2; }
  .f-criteria-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-block: 56px; }
  .f-criteria-images img { inline-size: 100%; block-size: 580px; object-fit: cover; border-radius: 24px; }
  .f-criteria h3 { margin-block-end: 32px; font: 700 32px/1.25 "Balsamiq Sans", var(--font-body), sans-serif; }
  .f-criteria-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 17px; }
  .f-criterion { min-block-size: 201px; block-size: 201px; padding: 66px 25px 0; border-block-start: 1px solid rgba(232,232,198,.28); overflow: hidden; }
  .f-criterion h4 { font: 700 24px/1.3 "Balsamiq Sans", var(--font-body), sans-serif; }
  .f-criterion p { margin-block-start: 16px; font-size: 20px; line-height: 1.2; }

  .f-ranking { min-block-size: 2972px; margin-block-start: 114px; padding-block: 80px; background: var(--figma-green-dark); }
  .f-ranking-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .f-rank { min-block-size: 649px; }
  .f-rank-top { min-block-size: 88px; text-align: center; font: 400 64px/1.2 "Gugi", sans-serif; }
  .f-rank-top--winner { font-size: 56px; }
  .f-rank-card { min-block-size: 649px; block-size: 649px; padding: 16px 40px; border-radius: 24px; background: var(--figma-paper); color: var(--figma-ink); overflow: hidden; }
  .f-rank-card h3 { min-block-size: 64px; display: grid; place-items: center; text-align: center; font: 700 32px/1.25 "Balsamiq Sans", var(--font-body), sans-serif; }
  .f-rank-card img { inline-size: 100%; block-size: 245px; object-fit: cover; margin-block: 24px 32px; border-radius: 0; }
  .f-rank-card p { font-size: 20px; line-height: 1.2; }
  .f-rank-card .f-rank-type { display: block; margin-block-start: 16px; }
  .f-rank-card .f-button { display: flex; margin: 28px auto 0; min-block-size: 64px; width: 254px; }
  .f-rank:nth-child(-n+3) .f-rank-card { margin-block-start: 32px; }
  .f-rank:nth-child(n+4) .f-rank-top { display: none; }

  .f-security { min-block-size: 970px; margin-block-start: 200px; }
  .f-security-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
  .f-security .f-heading { margin-block-end: 56px; }
  .f-security p { max-inline-size: 760px; font-size: 20px; line-height: 1.2; }
  .f-security h3 { margin-block: 48px 32px; font: 700 32px/1.25 "Balsamiq Sans", var(--font-body), sans-serif; }
  .f-security ul { display: grid; gap: 16px; padding-inline-start: 26px; font-size: 20px; line-height: 1.2; }
  .f-security img { inline-size: 100%; block-size: 666px; object-fit: cover; border-radius: 24px; }

  .f-popular { min-block-size: 860px; margin-block-start: 200px; }
  .f-popular .f-heading { margin-block-end: 56px; }
  .f-popular-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .f-popular-copy h3 { font: 400 48px/1.15 "Gugi", sans-serif; }
  .f-popular-copy p { margin-block-start: 24px; font-size: 20px; line-height: 1.2; }
  .f-popular-copy .f-button { margin-block-start: 24px; }
  .f-popular-images { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: repeat(2, 1fr); gap: 16px; }
  .f-popular-images img { inline-size: 100%; block-size: 100%; min-block-size: 0; object-fit: cover; border-radius: 24px; }
  .f-popular-images img:first-child { grid-row: 1 / -1; }

  .f-experts { min-block-size: 860px; margin-block-start: 170px; }
  .f-experts .f-heading { margin-block-end: 56px; }
  .f-expert-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .f-expert { min-block-size: 366px; display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 32px; align-items: center; }
  .f-expert:last-child { grid-column: 1 / -1; inline-size: 50%; margin-inline: auto; }
  .f-expert img { inline-size: 340px; block-size: 340px; object-fit: cover; border-radius: 24px; }
  .f-expert p { margin-block-start: 12px; font-size: 20px; line-height: 1.2; }

  .f-choices { min-block-size: 438px; block-size: 438px; overflow: hidden; margin-block-start: 200px; }
  .f-choices .f-heading { margin-block-end: 56px; }
  .f-choice-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .f-choice { display: grid; grid-template-columns: 48px 1fr; gap: 24px; }
  .f-choice strong { font: 400 32px/1 "Gugi", sans-serif; }
  .f-choice p { margin-block-start: 12px; font-size: 20px; line-height: 1.2; }

  .f-conclusion { min-block-size: 460px; block-size: 460px; overflow: hidden; margin-block-start: 200px; padding-block: 56px; background: var(--figma-green); }
  .f-conclusion .f-heading { margin-block-end: 50px; }
  .f-conclusion-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px; }
  .f-conclusion p { font-size: 20px; line-height: 1.2; }
  .f-conclusion .f-button { display: flex; width: max-content; margin: 56px auto 0; }

  .f-reviews { min-block-size: 574px; margin-block-start: 200px; }
  .f-reviews .f-heading { margin-block-end: 56px; }
  .f-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f-review { min-block-size: 219px; display: grid; grid-template-columns: 152px 1fr; gap: 32px; align-items: center; padding: 33px 0; border-block-end: 1px solid rgba(232,232,198,.28); }
  .f-review:nth-child(odd) { padding-inline-end: 24px; }
  .f-review:nth-child(even) { padding-inline-start: 24px; border-inline-start: 1px solid rgba(232,232,198,.28); }
  .f-review img { inline-size: 152px; block-size: 152px; object-fit: cover; border-radius: 24px; }
  .f-review h3 { font: 700 24px/1.3 "Balsamiq Sans", var(--font-body), sans-serif; }
  .f-review p { margin-block-start: 12px; font-size: 20px; line-height: 1.2; }

  .f-contact { min-block-size: 829px; margin-block-start: 100px; display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: center; }
  .f-contact .f-heading { margin-block-end: 40px; }
  .f-form { display: grid; gap: 16px; }
  .f-form input, .f-form textarea { inline-size: 100%; border: 0; border-radius: 0; padding: 24px; background: transparent; color: var(--figma-paper); font-size: 20px; outline: 1px solid rgba(232,232,198,.3); }
  .f-form textarea { min-block-size: 68px; resize: vertical; }
  .f-form input::placeholder, .f-form textarea::placeholder { color: var(--figma-paper); opacity: 1; }
  .f-form .agreement { margin: 16px 0 0; color: var(--figma-paper); font-size: 20px; }
  .f-form .agreement small { display: block; margin-block-start: 16px; font-size: 16px; }
  .f-form .agreement input { inline-size: 24px; block-size: 24px; accent-color: var(--figma-paper); }
  .f-form .f-button { width: 100%; margin-block-start: 16px; }
  .f-contact > img { inline-size: 100%; block-size: 829px; object-fit: cover; border-radius: 24px; }

  .f-footer { min-block-size: 666px; margin-block-start: 100px; padding-block: 64px 30px; background: #131313; }
  .f-footer-top { min-block-size: 186px; display: flex; align-items: flex-start; justify-content: space-between; }
  .f-footer-left { inline-size: 962px; block-size: 186px; display: flex; align-items: flex-start; justify-content: space-between; }
  .f-footer img { inline-size: 278px; block-size: 186px; object-fit: cover; }
  .f-footer-links { display: flex; gap: 24px; align-items: flex-start; list-style: none; font-size: 20px; line-height: 24px; white-space: nowrap; }
  .f-footer-links--left, .f-footer-links--right { margin-block-start: 81px; }
  .f-footer-links--left { inline-size: 389px; }
  .f-footer-links--right { inline-size: 451px; }
  .f-footer-links a { text-decoration: none; }
  .f-footer-links a:hover { color: #fff; }
  .f-footer-note { inline-size: 1295px; margin: -8px auto 0; font-size: 16px; line-height: 20px; text-align: center; }
  .f-footer-note p + p { margin-block-start: 0; }
  .f-footer-meta { display: flex; justify-content: space-between; gap: 24px; margin-block-start: 56px; font-size: 16px; line-height: 20px; }
  .f-footer-meta address { font-style: normal; text-align: right; }
  .f-footer-meta a { text-decoration: none; }
  .f-footer-copyright { inline-size: min(calc(100% - 2rem), 1560px); margin: 120px auto 0; font-size: 20px; line-height: 24px; text-align: center; }

  @media (max-width: 1180px) {
    .figma-header { padding-inline: 32px; }
    .figma-header .chapter-index { gap: 16px; }
    .figma-header .chapter-index a, .figma-header .phone-line { font-size: 16px; }
    .f-hero-art { opacity: .35; }
    .f-ranking-grid { gap: 16px; }
    .f-rank-card { padding-inline: 24px; }
    .f-expert { grid-template-columns: 220px 1fr; }
    .f-expert img { inline-size: 220px; block-size: 220px; }
  }

  @media (max-width: 780px) {
    .figma-home .mast { inline-size: calc(100% - 1.25rem); }
    .figma-header { block-size: auto; min-block-size: 76px; padding: 8px 16px; border-radius: 16px; }
    .figma-header .folio, .figma-header .folio img { inline-size: 70px; block-size: 48px; }
    .figma-header nav { order: 3; flex-basis: 100%; }
    .figma-header .chapter-index { display: none; flex-direction: column; align-items: stretch; gap: 0; padding-block: 12px; }
    .figma-header[data-nav-open="true"] .chapter-index { display: flex; }
    .figma-header .chapter-index a { padding: 10px 0; }
    .figma-header .phone-line { display: none; }
    .figma-header .nav-toggle { display: inline-flex; }
    .f-wrap { inline-size: min(calc(100% - 1.25rem), 1560px); }
    .inner-visual { grid-template-columns: 1fr; }
    .f-heading { gap: 16px; }
    .f-heading h2 { font-size: 32px; }
    .f-mark { transform: scale(.7); transform-origin: left center; margin-inline-end: -14px; }
    .f-copy, .f-hero p, .f-why ul, .f-overview-grid p, .f-step p, .f-trust p, .f-criteria-intro, .f-criterion p, .f-rank-card p, .f-security p, .f-security ul, .f-popular-copy p, .f-expert p, .f-choice p, .f-conclusion p, .f-review p, .f-form input, .f-form textarea { font-size: 18px; }
    .f-hero { min-block-size: auto; margin-block-start: 48px; padding-block-end: 64px; }
    .f-hero h1 { font-size: clamp(40px, 12vw, 64px); }
    .f-hero-art { inset: 80px auto auto 55%; inline-size: 968px; block-size: 968px; transform: scale(.6); transform-origin: top left; opacity: .22; }
    .f-intro { min-block-size: auto; margin-block-start: 48px; padding-block-end: 48px; }
    .f-intro p { font-size: 26px; }
    .f-monthly { min-block-size: auto; }
    .f-monthly-figure { min-block-size: 520px; }
    .f-monthly-figure > img { block-size: 520px; }
    .f-monthly-copy { padding: 24px; }
    .f-monthly-copy h3, .f-popular-copy h3 { font-size: 32px; }
    .f-overview, .f-steps, .f-trust, .f-criteria, .f-ranking, .f-security, .f-popular, .f-experts, .f-choices, .f-conclusion, .f-reviews, .f-contact, .f-footer { min-block-size: auto; margin-block-start: 96px; }
    .f-overview-grid, .f-trust-grid, .f-security-grid, .f-popular-grid, .f-conclusion-grid, .f-contact { grid-template-columns: 1fr; }
    .f-overview-grid { grid-template-columns: 1fr; }
    .f-overview-column { min-block-size: auto; }
    .f-overview-column--left { padding-block-start: 0; }
    .f-overview-column--left .f-heading { margin-block-end: 32px; }
    .f-overview-column--right { display: flex; flex-direction: column; padding-inline-start: 0; }
    .f-overview-art, .f-overview-column--right .f-overview-art { inline-size: 100%; block-size: 320px; margin-block: 48px 0; }
    .f-overview-art img { block-size: 320px; }
    .f-steps, .f-trust, .f-conclusion, .f-footer { padding-block: 48px; }
    .f-steps-grid, .f-choice-grid, .f-ranking-grid, .f-expert-grid { grid-template-columns: 1fr; }
    .f-step { grid-template-columns: 88px 1fr; gap: 16px; }
    .f-criteria-images { grid-template-columns: 1fr; }
    .f-criteria-images img { block-size: 320px; }
    .f-criteria-grid { grid-template-columns: 1fr; }
    .f-rank { min-block-size: auto; }
    .f-rank-top { min-block-size: 64px; font-size: 48px; }
    .f-rank-card { min-block-size: auto; block-size: auto; overflow: visible; }
    .f-popular-images { min-block-size: 360px; }
    .f-choices, .f-conclusion { block-size: auto; overflow: visible; }
    .f-expert, .f-expert:last-child { inline-size: auto; grid-column: auto; grid-template-columns: 120px 1fr; min-block-size: auto; }
    .f-expert > div { min-inline-size: 0; overflow-wrap: anywhere; }
    .f-expert img { inline-size: 120px; block-size: 120px; }
    .f-review-grid { grid-template-columns: 1fr; }
    .f-review, .f-review:nth-child(even), .f-review:nth-child(odd) { padding: 24px 0; border-inline-start: 0; }
    .f-review { grid-template-columns: 96px 1fr; gap: 16px; }
    .f-review img { inline-size: 96px; block-size: 96px; }
    .f-contact > img { block-size: 420px; order: -1; }
    .f-footer-top, .f-footer-left { min-block-size: auto; block-size: auto; display: grid; grid-template-columns: 1fr; gap: 24px; }
    .f-footer-left { inline-size: auto; }
    .f-footer img { inline-size: 278px; block-size: 186px; justify-self: center; }
    .f-footer-links { flex-wrap: wrap; gap: 16px; }
    .f-footer-links--left, .f-footer-links--right { margin-block-start: 0; inline-size: auto; }
    .f-footer-links, .f-footer-links li, .f-footer-links a { min-inline-size: 0; overflow-wrap: anywhere; }
    .f-conclusion .f-button { max-inline-size: 100%; text-align: center; }
    .f-footer-note { inline-size: auto; margin-block: 48px 0; }
    .f-footer-meta { flex-direction: column; }
    .f-footer-meta address { text-align: left; }
    .f-footer-copyright { margin-block-start: 64px; }
  }
}