/* Narrow layouts for the existing AWZ pages. */
:root { --awz-gutter: clamp(14px, 4vw, 28px); }

body { min-width: 0 !important; }
body.awz-mobile-menu-open .fix-r-section { visibility: hidden; }
img { max-width: 100%; }
body .container,
body .response-container,
body .w960,
body .footer .footer-link-inner,
body .footer-info .footer-info-inner {
  box-sizing: border-box;
  width: calc(100% - var(--awz-gutter) * 2);
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
}

body .container .container,
body .w960 .footer-link-inner { width: 100%; }
body .awz-site-navigation .header { min-width: 0; height: auto; background: #fff; }

body .awz-site-navigation .common-top-nav .common-top-nav-inner {
  display: block;
  width: calc(100% - var(--awz-gutter) * 2);
  min-height: 36px;
}
.awz-site-navigation .common-top-nav-inner::after,
.awz-site-navigation .header-inner::after,
.awz-site-navigation .nav ul::after { display: none; }
body .awz-site-navigation .common-top-nav .nav-product-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  float: none;
  width: 100%;
  margin: 0;
}
body .awz-site-navigation .common-top-nav .nav-product-list li { float: none; display: block; padding: 0; }
body .awz-site-navigation .common-top-nav .nav-product-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 2px;
  font-size: 12px;
  line-height: 1.5;
  color: #dedede;
  white-space: nowrap;
}
body .awz-site-navigation .common-top-nav .coupon-wrap { display: none; }

body .awz-site-navigation .header .header-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 12px;
  width: calc(100% - var(--awz-gutter) * 2);
  min-height: 72px;
  height: auto;
  padding: 10px 0;
}
body .awz-site-navigation .header .header-inner .logo { position: static; grid-area: 1 / 1; float: none; padding: 0; }
body .awz-site-navigation .header .header-inner .logo a { display: inline-flex; align-items: center; min-height: 44px; }
body .awz-site-navigation .header .header-inner .logo img { display: block; height: 42px; width: auto; max-width: 100%; }
body .awz-site-navigation .header .awz-mobile-toggle:not([hidden]) {
  display: inline-flex;
  grid-area: 1 / 2;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 80px;
  min-height: 44px;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px solid #dce1e7;
  border-radius: 6px;
  background: #fff;
  color: #252c34;
  font: 500 15px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  cursor: pointer;
}
.awz-mobile-toggle .awz-menu-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 12px;
  border-block: 1px solid currentColor;
  box-sizing: border-box;
  background: linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat;
}
.awz-mobile-toggle[aria-expanded="true"] .awz-menu-icon { border: 0; background: none; }
.awz-mobile-toggle[aria-expanded="true"] .awz-menu-icon::before,
.awz-mobile-toggle[aria-expanded="true"] .awz-menu-icon::after {
  content: '';
  position: absolute;
  inset: 5px 0 auto;
  height: 1px;
  background: currentColor;
  transform: rotate(45deg);
}
.awz-mobile-toggle[aria-expanded="true"] .awz-menu-icon::after { transform: rotate(-45deg); }
body .awz-site-navigation .header .header-inner .nav {
  position: static;
  grid-column: 1 / -1;
  float: none;
  width: 100%;
  height: auto;
  min-width: 0;
  margin: 0;
  background: #fff;
}
body .awz-site-navigation .header .awz-menu-ready:not(.awz-menu-open) .nav { display: none; }
body .awz-site-navigation .header .header-inner .nav > ul {
  position: static;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
  float: none;
  width: 100%;
  margin: 14px 0 0;
  padding: 8px 0;
  border-top: 1px solid #e9edf1;
}
body .awz-site-navigation .header .header-inner .nav-item { float: none; width: auto; margin: 0; }
body .awz-site-navigation .header .header-inner .nav-item > a {
  display: flex;
  align-items: center;
  min-height: 48px;
  height: auto;
  box-sizing: border-box;
  padding: 10px 8px;
  border-radius: 4px;
  color: #303945;
  font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-align: left;
  white-space: normal;
}
body .awz-site-navigation .header .header-inner .nav-item > a:is(:hover, :focus-visible) { background: #f3f5f7; color: #e5003b; }
body .awz-site-navigation .header .awz-mobile-services { display: block; padding: 16px 0 10px; border-top: 1px solid #e9edf1; }
.awz-mobile-services > p { margin: 0 0 9px; color: #6d7580; font-size: 13px; line-height: 1.5; }
.awz-mobile-services > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.awz-site-navigation .awz-mobile-services > div > :is(a, button) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid #e3e7ec;
  border-radius: 5px;
  background: #f6f7f9;
  color: #414b57;
  font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-align: center;
  cursor: pointer;
}
.awz-site-navigation :is(.awz-mobile-toggle, .awz-mobile-services a, .awz-mobile-services button):focus-visible { outline: 2px solid #e5003b; outline-offset: 2px; }

/* Home carousel and image links keep their original artwork. */
.banner-wrapper .banner {
  width: 100%;
  height: clamp(132px, 43vw, 420px);
}
.banner-wrapper .banner-item {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: auto 100% !important;
}
.banner-wrapper .banner-item:not(:first-child):not([style*="display"]) { display: none; }
.banner-wrapper :is(.banner-notice, .banner-link) { width: 100%; height: 100% !important; }
.banner-wrapper .slider-nav { bottom: 0; left: 50%; height: auto; margin: 0; transform: translateX(-50%); z-index: 5; }
.banner-wrapper .slider-nav li { width: 44px; height: 34px; margin: 0; }
.banner-wrapper .slider-nav li a { display: grid; place-items: center; width: 100%; height: 100%; background: none; }
.banner-wrapper .slider-nav li a::after { content: ''; width: 26px; height: 2px; background: #fff; }
.banner-wrapper .arrow-wrapper { z-index: 4; pointer-events: none; }
.banner-wrapper .arrow-wrapper .arrow-sprite { pointer-events: auto; }

.index-2017 .section-promos ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 16px 0;
}
.index-2017 .section-promos ul::after { display: none; }
.index-2017 .section-promos li { float: none; width: auto; height: auto; padding: 0; }
.index-2017 .section-promos li img { display: block; width: 100%; height: auto; }
.index-2017 > div:has(> .banner-link) { height: clamp(110px, 36vw, 340px) !important; }
.index-2017 > div > .banner-link { width: 100%; height: 100% !important; }
.index-2017 .feature-section { padding: 42px 0 24px; }
.index-2017 .feature-section .feature-list li { padding: 16px 6px; box-sizing: border-box; }
.index-2017 .solution-wrap { height: auto; padding-block: 36px; background-size: cover; }
.index-2017 .solution-wrap .container { height: auto; background: none; }
.index-2017 .solution-wrap .title { padding-top: 0; margin-bottom: 20px; }
.index-2017 .solution-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.index-2017 .solution-list::after { display: none; }
.index-2017 .solution-list li { float: none; width: calc((100% - 32px) / 5); margin: 0; }
.index-2017 .solution-list li a { height: auto; min-height: 112px; padding: 16px 4px; box-sizing: border-box; }
.index-2017 .solution-list li img { max-width: 44px; max-height: 44px; object-fit: contain; }
.index-2017 .solution-list li p { margin-top: 8px; font-size: 14px; }
.index-2017 .service-recommend-wrap { padding: 42px 0; }
.service-recommend-wrap .recommend-list { width: 100%; }
.service-recommend-wrap .recommend-list li .box { padding: 0 6px; }
.service-recommend-wrap .recommend-list li .box .con,
.service-recommend-wrap .recommend-list li .box .con.main { height: auto; }
.service-recommend-wrap .recommend-list li .box .con .top-wrap {
  position: static;
  width: 100%;
  height: auto;
  padding: 20px 10px;
  box-sizing: border-box;
}
.service-recommend-wrap .recommend-list li .box .con .top-wrap .name { padding-top: 0; }
.service-recommend-wrap .recommend-list li .box .con .version-table { width: 100%; margin-top: 14px; }
.service-recommend-wrap .recommend-list li .box .con .version-table td,
.service-recommend-wrap .recommend-list li .box .con .version-table td * { height: auto; line-height: 1.65; }
.service-recommend-wrap .recommend-list li .box .con .version-table td { padding: 8px; }
.service-recommend-wrap .recommend-list li .box .con .btn-wrap { position: static; padding: 16px 0 24px; }
.index-2017 .ouruser-wrap { height: auto !important; padding: 34px 0; }
.index-2017 #related-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 18px;
  width: 100% !important;
}
.index-2017 #related-block > .box { float: none; width: auto; min-width: 0; margin: 0; }
.index-2017 #related-block .headline .pic { width: 100%; height: auto; }
.index-2017 #related-block .headline img { display: block; width: 100%; height: auto; }
.index-2017 #related-block .headline .text {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 10px 12px;
  background: #f4f5f7;
  white-space: normal;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
}
.index-2017 #related-block .headline .text a { color: #333; }
.index-2017 #related-block .news-list .item { white-space: normal; padding-block: 5px; line-height: 1.55; }
.index-2017 #related-block .news-list .item a { display: block; overflow-wrap: anywhere; }
.index-2017 #related-block .box-bd :is(.headline, .news-list, li, a) { max-width: 100%; }
.index-2017 .list-wrap .section-list { float: none; width: 100%; margin-inline: 0; }
.index-2017 .list-wrap .section-list li { height: auto; white-space: normal; }
.index-2017 .list-wrap .section-list li a { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.buy-bar-wrap, .buy-bar-wrap .buy-bar { min-width: 0; height: auto; }
.buy-bar-wrap .container { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; }
.buy-bar-wrap .container p { float: none; font-size: 14px; line-height: 1.6; }
.buy-bar-wrap .container .btn { width: auto; padding: 0 15px; white-space: nowrap; }

/* Article pages, tutorial sidebars and code samples. */
.articleview .w960 :is(.pleft, .pright),
.vip-wrap .category-wrap :is(.page-sidebar, .article-wrap) { float: none; width: 100%; margin-inline: 0; }
.articleview .viewbox { margin-inline: 0; }
.articleview .viewbox .title h2 { font-size: clamp(21px, 4.8vw, 28px); line-height: 1.42; overflow-wrap: anywhere; }
.articleview .viewbox .info { height: auto; line-height: 1.7; }
.articleview .viewbox .content,
.vip-wrap .article-wrap .markdown-body,
.awz-api-doc { font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.articleview .viewbox .content img,
.vip-wrap .article-wrap img,
.awz-api-doc img { max-width: 100% !important; height: auto !important; }
.articleview .viewbox .content :is(figure, .component-content, .image-sharesheet, .image-asset, picture) { max-width: 100%; }
.articleview .viewbox .content :is(.component, .component-content, .pagebody-copy, .image-description, .speical-description, .special-introduce, .introduce-content),
.editormd-html-preview { box-sizing: border-box; max-width: 100%; }
.articleview .viewbox .content :is(.component, .component-content, .pagebody-copy, .image-description) { margin-inline: 0; }
.articleview .viewbox .content :is(.pagebody, .article-header) .component-content { padding-inline: 0; }
.articleview .viewbox .content figure { margin-inline: 0; min-width: 0 !important; }
.articleview .viewbox .content figure.image :is(.component-content, .image-sharesheet, .image-asset, .picture) { height: auto !important; }
.articleview .viewbox .content figure.image .image-asset { padding: 0 !important; }
.articleview .viewbox .content figure.image .picture { position: static !important; }
.articleview .viewbox .content figure.image .picture img { display: block !important; }
.articleview .viewbox .content .sharesheet-link-container { max-width: 100%; }
.articleview .viewbox .content > table { width: 100%; table-layout: fixed; }
.articleview .viewbox .content td { overflow-wrap: anywhere; }
.articleview .w960 > .pright { margin-block: 24px; }
.vip-wrap .category-wrap { display: flex; flex-direction: column; gap: 18px; }
.vip-wrap .category-wrap .article-wrap { order: -1; box-sizing: border-box; min-width: 0; }
.vip-wrap .category-wrap .question-box { padding-inline: clamp(12px, 4vw, 28px); }
.vip-wrap .list-wrap .section-list { float: none; width: 100%; margin-inline: 0; }
.vip-wrap .response-container .article-wrap :is(.markdown-body, .question-box),
.awz-api-doc { min-width: 0; max-width: 100%; box-sizing: border-box; }
.awz-api-doc :is(pre, table), .vip-wrap .markdown-body :is(pre, table), .articleview .content pre {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.awz-api-doc textarea { box-sizing: border-box; width: 100%; max-width: 100%; }
.container.main-ct { height: auto !important; }
.container.main-ct > .section { width: 100%; max-width: 100%; margin-inline: 0; }
.container.main-ct .news-list li a { display: block; font-size: 16px; line-height: 1.55; padding-block: 7px; }

/* Store, installation and support. */
.download-banner, .download-banner .container { min-width: 0; background-size: auto 100% !important; }
.download-banner > .container { width: 100%; height: clamp(88px, 25vw, 160px) !important; }
.download-banner > .container a { max-width: 100%; }
.hsk-price-page :is(.price-wrap, .price-list, .select-bar, .more-wrap) { min-width: 0; }
.hsk-price-page .price-wrap .ver-list-box .price-list > .container { width: 100%; }
.hsk-price-page .price-wrap .price-list > .container > ul,
.hsk-price-page .price-wrap .price-list-box > .price-list > ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin-inline: 0;
}
.hsk-price-page .price-wrap .price-list ul.three::after { display: none; }
.hsk-price-page .price-wrap .price-list ul.three > li { float: none; width: auto; margin: 0; min-width: 0; }
.hsk-price-page .price-wrap .price-list li .price-sec .item-discount .item { width: auto; padding: 0 4px; }
.hsk-price-page .price-wrap .price-list li .price-sec .buy-btn-wrap .btn { max-width: calc(100% - 6px); }
.hsk-price-page .more-wrap { height: auto !important; padding: 24px 0; }
.hsk-price-page .more-wrap .two-list { padding-top: 0 !important; }
.hsk-price-page .more-wrap .two-list li { width: 50%; box-sizing: border-box; padding-inline: 8px; }
.download-list > li { float: none !important; width: 100%; height: auto; }
.download-list .download-version { width: 100% !important; height: auto; padding-top: 24px !important; }
.download-list :is(.featurette, .row) { margin-inline: 0; }
.download-list :is(.item-content, .featurette-image, .sys-ver) { max-width: 100%; }
.download-list .featurette-image { height: auto; }
.aftersale-list-wrap .row, .section-contact > .clear { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.aftersale-list-wrap .row::after, .section-contact > .clear::after { display: none; }
.aftersale-list-wrap .row .item-wrap,
.section-contact .item-wrapper { float: none; width: auto; height: auto !important; margin: 0; padding: 0; border: 0; }
.aftersale-list-wrap .row .item-wrap .item-box { padding: 0; }
.aftersale-list-wrap li .item { height: auto; min-height: 0; padding: 16px 10px; }
.section-contact .item { margin: 0; overflow-wrap: anywhere; }
.page-remote .remote-banner, .page-remote .remote-banner .container { height: auto; background-size: cover; }
.page-remote .remote-banner .container { padding-block: 40px; background: none; }
.page-remote .remote-banner .title { padding-top: 0; font-size: clamp(38px, 9vw, 72px); line-height: 1.12; }
.page-remote .remote-banner .desc { margin-top: 14px; font-size: clamp(16px, 4vw, 26px); line-height: 1.5; }
.page-remote .section-introduce .introduce-list { width: 100%; padding: 32px 0; }
.page-remote .section-introduce .introduce-list li img { height: clamp(44px, 11vw, 92px); }
.page-remote .section-introduce .introduce-list li .name { font-size: 14px; margin-top: 12px; }
.page-remote .section-buy .buy-item { width: 100%; }
.page-remote .section-buy .buy-item .item-con { padding: 24px 16px; }
.page-remote .section-buy .buy-item .text-item { display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 8px; }
.page-remote .section-buy .buy-item .text-item::after { display: none; }
.page-remote .section-buy .buy-item .text-item .item-l { float: none; padding: 0; }
.agent-page .introduce-wrap .three-col-list { width: 100%; padding-top: 34px; }
.agent-page .introduce-wrap .three-col-list li { padding: 10px; box-sizing: border-box; }
.agent-page .introduce-wrap .three-col-list p { line-height: 1.5; }
.agent-page :is(.introduce-wrap, .contact-wrap),
.agent-page :is(.introduce-wrap, .contact-wrap) .container { height: auto; }
.agent-page .introduce-wrap { padding-bottom: 28px; }
.agent-page .contact-wrap { padding-block: 28px; }
.agent-page .contact-wrap h2 { font-size: 28px; line-height: 1.4; padding: 0 0 22px; }
.agent-page .contact-wrap .step-wrap { width: 100%; height: auto; background: none; }
.agent-page .contact-wrap .step-wrap ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: 100%; padding: 0; }
.agent-page .contact-wrap .step-wrap li { float: none; width: auto; }
.agent-page .contact-wrap .tips-text { margin-top: 24px; }

.layout.page-promotion { --promo-height: clamp(192px, 47vw, 500px); }
.layout.page-promotion :is(.wrapper, .hero, .section-charge, .section-tips) { min-width: 0; }
.layout.page-promotion > .hero { height: var(--promo-height) !important; }
.layout.page-promotion .hero .cover { height: var(--promo-height); background-size: auto 100%; }
.layout.page-promotion .hero .cover .btn-cover { top: auto; bottom: 10px; width: 120px; height: 42px; line-height: 40px; font-size: 15px; }
.layout.page-promotion .hero .cover .btn-cover .charge-fake { display: none; }
.layout.page-promotion .hero .cover .btn-cover .charge-btn { display: block; }
.layout.page-promotion .section-charge,
.layout.page-promotion .section-tips { height: auto; }
.layout.page-promotion .section-charge .container { padding-block: 22px; }
.layout.page-promotion .section-charge .charge-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 264px), 1fr));
  gap: 12px;
  width: 100%;
}
.layout.page-promotion .section-charge .mb50 { margin-bottom: 12px; }
.layout.page-promotion .section-charge .charge-content .item-link {
  width: 100%;
  height: auto;
  margin-inline: 0;
  border: 1px solid #236595;
  border-radius: 7px;
  background: #073057;
  overflow: hidden;
}
.layout.page-promotion .section-charge .charge-content .item-link.link-diff { background: #073057; }
.layout.page-promotion .section-charge .charge-content .item-link > a.charge-link { display: flex; height: auto; }
.layout.page-promotion .section-charge .charge-content .item-link > a.charge-link :is(.amount, .charge-now) { box-sizing: border-box; width: auto; height: auto; }
.layout.page-promotion .section-charge .charge-content .item-link > a.charge-link .amount { flex: 1; min-width: 0; padding: 14px; }
.layout.page-promotion .section-charge .charge-content .item-link > a.charge-link .amount p:first-child { font-size: 16px; }
.layout.page-promotion .section-charge .charge-content .item-link > a.charge-link .amount p:nth-child(2) { font-size: 20px; }
.layout.page-promotion .section-charge .charge-content .item-link > a.charge-link .charge-now { display: grid; place-items: center; flex: 0 0 78px; padding: 8px; font-size: 15px; background: #00add6; }
.layout.page-promotion .section-charge .charge-content .item-link.link-diff > a.charge-link .charge-now { background: #d7ebfc; }
.layout.page-promotion .section-tips .promotion-tips { padding-block: 26px; }

.footer { min-width: 0; }
.footer .footer-link { padding: 26px 0; }
.footer .footer-link-inner { display: flex; flex-wrap: wrap; gap: 18px 14px; }
.footer .footer-link-inner::after { display: none; }
.footer .footer-link-inner :is(dl.other, dl.about, dl.phone) { float: none; width: auto; height: auto; padding: 0 !important; }
.footer .footer-link-inner :is(dl.other, dl.about) { flex: 0 0 min(40%, 10em); }
.footer .footer-link-inner dl.phone { flex: 1 1 230px; min-width: 0; }
.footer .footer-link dt { padding-bottom: 6px; }
.footer .footer-link dd { padding-right: 0; }
.footer .phone .record { margin-top: 14px; }
.footer .phone dd .time { margin-left: 0; }
.footer .footer-link-inner ul { max-width: 100%; padding: 0; }

@media (max-width: 680px) {
  .index-2017 .section-promos ul, .index-2017 #related-block { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .index-2017 #related-block { grid-template-columns: minmax(0, 1fr); }
  .index-2017 .feature-section .feature-list li { width: 50%; }
  .index-2017 .solution-list li { width: calc((100% - 16px) / 3); }
  .service-recommend-wrap .recommend-list { display: grid; gap: 14px; }
  .service-recommend-wrap .recommend-list::after { display: none; }
  .service-recommend-wrap .recommend-list li { float: none; width: 100%; }
  .service-recommend-wrap .recommend-list li .box { padding: 0; }
  .hsk-price-page .price-wrap .price-list-box { display: grid; grid-template-columns: minmax(0, 1fr); }
  .hsk-price-page .price-wrap .price-list-box > .ver-list-box,
  .hsk-price-page .price-wrap .price-list-box .price-list,
  .hsk-price-page .price-wrap .price-list-box .price-list > .container,
  .hsk-price-page .price-wrap .price-list-box .price-list ul.three { display: contents; }
  .hsk-price-page .price-wrap .price-list-box li.ver-business { --awz-plan: 0; }
  .hsk-price-page .price-wrap .price-list-box li.ver-flagship { --awz-plan: 2; }
  .hsk-price-page .price-wrap .price-list-box li.ver-platinum { --awz-plan: 4; }
  .hsk-price-page .price-wrap .price-list-box .ver-list ul.three > li { order: var(--awz-plan); margin-top: 72px; }
  .hsk-price-page .price-wrap .price-list-box > .price-list > ul.three > li { order: calc(var(--awz-plan) + 1); }
  .hsk-price-page #personal-box .price-list-box ul.three > .ver-platinum { display: none; }
  .download-list { padding-top: 18px !important; }
  .download-list .featurette { display: flex; flex-direction: column-reverse; gap: 16px; }
  .download-list .featurette > .col-md-6 { float: none; width: 100%; padding-inline: 0; }
  .download-list li h2.featurette-heading { margin-top: 0; padding-top: 14px; font-size: clamp(22px, 6vw, 30px); line-height: 1.4; }
  .download-list .lead { font-size: 16px; }
  .agent-page .introduce-wrap .three-col-list li { float: none; width: 100%; }
  .fix-r-section { right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); }
  .fix-r-section .f-btn { margin-bottom: 6px; }
}