@font-face{font-family:Temco Sans;src:url('fonts/PretendardVariable.woff2') format('woff2');font-weight:45 920;font-display:swap}
@font-face{font-family:Temco Model;src:url('fonts/Outfit-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--detail-navy:#103568;--detail-blue:#0864c9;--detail-ink:#203b61;--detail-muted:#536a88;--detail-line:#d5e0ed;--detail-pale:#f1f6fc;--header-height:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:174px}body{margin:0;font-family:Temco Sans,'Malgun Gothic',sans-serif;color:var(--detail-ink);line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul{list-style:none;padding:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0870d5;outline-offset:4px}a:hover{color:var(--detail-blue)}[hidden]{display:none!important}.detail-width{width:min(1320px,calc(100% - 112px));margin-inline:auto}.visually-hidden,.spec-table caption{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;left:12px;top:8px;transform:translateY(-160%);background:white;padding:10px;z-index:110}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e2e9f1}.header-inner{width:min(1440px,calc(100% - 80px));margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{flex:none;display:flex;align-items:center;min-height:44px}.brand img{width:218px;height:auto}#main-nav{display:flex;align-items:center;gap:32px}#main-nav>a{font-size:17px;font-weight:650;padding:18px 0;white-space:nowrap;color:#182d4a}#main-nav .nav-catalog{color:#0860bd;margin-left:26px}.nav-catalog span{margin-left:8px}#main-nav .nav-utility{font-size:15px;font-weight:550}.site-search-toggle{width:40px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:#102b4b}.site-search-toggle svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.3;fill:none}.menu-toggle{display:none}
.site-search{border:1px solid var(--detail-line);border-radius:12px;width:min(680px,calc(100% - 32px));padding:30px;max-height:85svh;color:var(--detail-ink)}dialog::backdrop{background:#112b4b90}.search-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.search-heading h2{font-size:24px}.site-search-close{width:44px;height:44px;font-size:28px;background:none;border:0;color:var(--detail-navy)}.site-search label{display:block;margin-bottom:12px}.site-search input{width:100%;padding:12px;border:1px solid #9eb4ce;border-radius:4px;font-size:17px}.site-search #search-status{font-size:15px;color:var(--detail-muted);margin:18px 0 8px}.site-search-results{max-height:45svh;overflow:auto}.site-search-results a{display:block;border-bottom:1px solid var(--detail-line);padding:14px 3px;font-size:17px}
.series-banner{background:linear-gradient(102deg,#fff 0%,#fdfefe 45%,#e9f1f8 100%);border-bottom:1px solid #e1e8f1}.series-banner-inner{min-height:244px;display:grid;grid-template-columns:1fr 1.24fr;gap:34px;align-items:center;padding:23px 0 16px}.series-banner h1{font-family:Temco Model,sans-serif;font-size:78px;line-height:1.05;font-weight:350;letter-spacing:-.055em;white-space:nowrap;color:var(--detail-navy)}.series-banner h1 strong{font-weight:650;letter-spacing:-.055em}.series-banner h1 span{font-size:.7em;font-weight:350;letter-spacing:-.055em}.series-banner-copy>p{font-size:22px;line-height:1.5;font-weight:650;letter-spacing:-.035em;margin-top:14px;color:var(--detail-navy)}.series-lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:end}.series-lineup figure{text-align:center;min-width:0}.module-image{mask-image:var(--module-mask);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--module-mask);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.series-lineup .module-image{height:153px;width:auto;max-width:100%;margin:auto;object-fit:contain}.series-lineup figcaption strong{display:block;font-family:Temco Model,sans-serif;font-size:20px;line-height:1.25;margin-top:8px;font-weight:620;color:var(--detail-navy)}.series-lineup figcaption span{display:block;font-size:13px;color:#33577e;line-height:1.5;margin-top:1px}
.model-tabs-shell{position:sticky;top:var(--header-height);background:#fff;z-index:40;padding:0 0 0;border-bottom:1px solid #e4ebf3}.model-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #cadbec;border-top:0;border-radius:3px;overflow:hidden}.model-tabs>a{text-align:center;padding:13px 12px 12px;min-height:84px;background:#f7fafd;border-right:1px solid #cadbec;transition:background .15s,color .15s;color:var(--detail-navy)}.model-tabs>a:last-child{border-right:0}.model-tabs>a[aria-selected=true]{background:#0962c4;color:white;border-color:#0962c4}.model-tabs strong{display:block;font-family:Temco Model,sans-serif;font-size:29px;line-height:1.2;font-weight:620}.model-tabs span{display:block;font-size:15px;line-height:1.35;margin-top:3px;font-weight:550}.model-tabs>a:hover:not([aria-selected=true]){background:#e8f2fc}.model-panel:focus{outline:none}
.model-introduction{display:grid;grid-template-columns:1.34fr 1fr;align-items:center;gap:54px;padding:52px 16px 38px;min-height:565px}.model-heading{display:block;font-family:Temco Model,sans-serif;font-size:96px;line-height:1.08;font-weight:660;letter-spacing:-.045em;color:#0d3568}.model-subtitle{display:block;font-size:38px;line-height:1.3;font-weight:730;letter-spacing:-.045em;color:var(--detail-navy);margin-top:6px}.model-tagline{font-size:23px;color:#153c70;line-height:1.6;margin-top:20px;letter-spacing:-.035em}.model-photo{display:flex;align-items:center;justify-content:center;min-width:0}.model-photo>.module-image{height:470px;width:auto;max-width:100%;object-fit:contain}.model-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}.model-highlights>li{min-width:0}.detail-icon{width:43px;height:43px;object-fit:contain;flex:none}.model-highlights h3{font-size:19px;line-height:1.4;letter-spacing:-.035em;color:#133f77;font-weight:700;margin:15px 0 7px}.model-highlights p{color:#58708e;font-size:16px;line-height:1.65;letter-spacing:-.02em}.model-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.detail-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 22px;border:1px solid #0864c9;border-radius:4px;font-size:18px;font-weight:650;white-space:nowrap}.detail-button .detail-icon{width:23px;height:23px}.detail-button>span{margin-left:12px}.detail-button.primary{background:#0864c9;color:white}.detail-button.primary .detail-icon{filter:brightness(0) invert(1)}.detail-button.primary:hover{background:#0757af}.detail-button.secondary{color:#0864c9;background:white}.detail-button.secondary:hover{background:#eff6ff}
.model-section-links{display:flex;gap:30px;justify-content:center;border-top:1px solid var(--detail-line);border-bottom:1px solid var(--detail-line);padding:14px 6px;color:#335d8a;flex-wrap:wrap;font-size:16px}.model-section-links a{padding:3px 4px;line-height:1.5}.detail-section{padding:42px 0 4px;scroll-margin-top:178px}.detail-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:23px}.detail-section-title h3{font-size:28px;line-height:1.4;font-weight:730;color:var(--detail-navy);letter-spacing:-.035em}.detail-section-title>span,.detail-section-title>a{color:var(--detail-muted);font-size:15px}.detail-section-title>a{color:var(--detail-blue)}.model-description{font-size:18px;line-height:1.9;color:#3f5878;max-width:1120px;margin-bottom:25px}.feature-list{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;border-top:1px solid #ccdcec}.feature-list>li{padding:19px 0 21px;border-bottom:1px solid #e1e9f2}.feature-list h4{font-size:19px;color:#184b85;margin-bottom:6px;font-weight:680}.feature-list p{font-size:16px;color:#536a85;line-height:1.8}.model-options{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:24px;align-items:center}.model-options>h4{font-size:16px;color:#466184;margin-right:5px}.model-crosslink{display:flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid #c9dced;border-radius:3px;font-family:Temco Model,Temco Sans,sans-serif;color:#155ca5;font-size:19px;font-weight:600}.model-crosslink>span{font-family:Temco Sans,sans-serif;font-size:14px;font-weight:450}.patent-note{font-size:14px;color:#657b95;margin-top:18px}
.spec-table{width:100%;border-collapse:collapse;text-align:left;font-size:17px;line-height:1.7;table-layout:fixed}.spec-group-col{width:15%}.spec-label-col{width:22%}.spec-table th,.spec-table td{padding:12px 18px;border-bottom:1px solid #dce6f1;vertical-align:top;word-break:normal;overflow-wrap:anywhere}.spec-table th{font-weight:550}.spec-table .spec-group{background:#edf4fa;color:#173f73;font-weight:700;font-size:18px;padding-top:16px}.spec-table .spec-label{background:#f6f9fd;color:#234b7b}.spec-table td{color:#354e6d}.spec-table tr.group-start th,.spec-table tr.group-start td{border-top:1px solid #92b2d3}.spec-notes{background:#eff6ff;padding:17px 22px;font-size:15px;color:#315c90;margin-top:15px;line-height:1.8;border-left:3px solid #2680d8}.spec-notes p+p{margin-top:9px}
.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.technical-figure{border:1px solid #dce6ee;padding:16px;background:white;border-radius:4px;min-width:0;margin:0 0 18px}.drawing-link{display:block;position:relative;text-align:center}.drawing-link>img{width:100%;height:282px;object-fit:contain}.drawing-link>span{display:inline-block;color:#0864c9;font-size:14px;padding:4px 10px;margin-top:10px;background:#f0f6fd;border-radius:3px}.technical-figure figcaption{display:flex;flex-direction:column;gap:3px;border-top:1px solid #e3eaf1;padding:12px 5px 0;margin-top:10px}.technical-figure figcaption strong{font-size:17px;color:#244f80}.technical-figure figcaption>span{font-size:14px;color:#5a708b}.section-lead{font-size:17px;line-height:1.8;color:#435f7e;margin-bottom:24px}.control-section>.technical-figure .drawing-link>img{height:auto;max-height:440px}.control-mode-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;margin:28px 0}.control-mode-grid .drawing-link>img{height:290px}.control-mode-list{padding:7px 0 0 22px}.control-mode-list>li{padding:8px 0 15px}.control-mode-list strong{color:#21558e;font-size:18px}.control-mode-list p{font-size:16px;line-height:1.8;color:#4c6581;margin-top:5px}.common-technology{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-top:20px}.common-technology li{border-top:1px solid #dce6f1;padding:18px 0}.common-technology h4{color:#204f86;font-size:18px;margin-bottom:6px}.common-technology p{font-size:16px;line-height:1.8;color:#556b84}
.detail-downloads{margin-top:36px;padding:27px 28px;background:#edf5fc;border-radius:3px;scroll-margin-top:178px}.download-intro{display:flex;align-items:baseline;gap:25px;margin-bottom:20px}.download-intro h3{font-size:25px;color:#153b70;letter-spacing:-.03em}.download-intro p{color:#5d7490;font-size:16px}.detail-download-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.detail-download-links>a{display:flex;align-items:center;gap:9px;border:1px solid #b3cde7;border-radius:3px;padding:14px 12px;min-height:62px;background:#ffffff75;color:#17477f;font-size:16px;font-weight:600}.detail-download-links .detail-icon{width:25px;height:25px}.detail-download-links b{font-weight:500;margin-left:auto}.detail-download-links>a:hover{background:white;border-color:#217cd2}.catalog-reference{font-size:13px;color:#71859c;margin:15px 0 34px;text-align:right}
.detail-footer{border-top:1px solid #dce6ef;margin-top:36px;padding:27px 0 30px}.detail-footer>.detail-width{display:flex;align-items:center;gap:40px;justify-content:space-between}.detail-footer img{width:168px;height:auto}.detail-footer nav{display:flex;gap:24px;color:#4f6a8b;font-size:14px}.detail-footer span{color:#74869e;font-size:13px}
.drawing-dialog{width:min(1200px,calc(100% - 32px));max-height:92svh;padding:20px;border:1px solid #c3d4e5;border-radius:8px;color:var(--detail-navy)}.drawing-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.drawing-dialog-heading h2{font-size:21px}.drawing-dialog-close{min-width:64px;min-height:44px;padding:8px 12px;border:1px solid #a3bdd6;border-radius:3px;color:var(--detail-navy);background:white}.drawing-dialog-scroll{overflow:auto;max-height:68svh;background:white}.drawing-dialog-scroll>img{width:100%;max-width:none;height:auto}.drawing-original{display:inline-block;margin:14px 0 0;color:var(--detail-blue);font-size:15px;min-height:32px}
@media(min-width:1101px) and (max-width:1330px){#main-nav{gap:23px}#main-nav>a{font-size:16px}#main-nav .nav-catalog{margin-left:7px}.brand img{width:190px}.header-inner{width:calc(100% - 64px);gap:24px}.model-introduction{gap:35px;padding-inline:0}.model-heading{font-size:87px}.model-subtitle{font-size:34px}.model-tagline{font-size:21px}.model-highlights{gap:19px}.model-highlights h3{font-size:17px}.detail-button{padding:12px 17px;font-size:16px;gap:9px}}
@media(max-width:1100px){:root{--header-height:66px}.detail-width{width:calc(100% - 56px)}.header-inner{width:calc(100% - 56px);display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:66px auto;gap:0;min-height:66px}.brand{grid-column:1;grid-row:1;justify-self:start}.brand img{width:190px}.menu-toggle{grid-column:2;grid-row:1;display:grid;grid-template-columns:20px 28px;align-items:center;justify-self:end;gap:8px;width:72px;height:44px;padding:0 0 0 16px;border:0;background:none;color:#1a4076;font-size:15px;font-weight:600}.menu-lines{position:relative;display:block;width:20px;height:16px}.menu-lines>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;max-width:none}.menu-label{width:28px;white-space:nowrap}.header-inner #main-nav{display:none;grid-column:1/-1;grid-row:2;max-height:calc(100svh - 66px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 20px}.menu-open .header-inner #main-nav{display:flex}#main-nav>a,#main-nav .nav-utility,#main-nav .nav-catalog{font-size:17px;font-weight:550;padding:13px 6px;min-height:46px;margin:0}#main-nav .site-search-toggle{width:100%;justify-items:start;padding:10px 7px;min-height:46px}.menu-open .model-tabs-shell{position:static}.series-banner-inner{min-height:230px;grid-template-columns:1fr 1.15fr;gap:20px}.series-banner h1{font-size:64px}.series-banner-copy>p{font-size:18px}.series-lineup{gap:12px}.series-lineup .module-image{height:138px}.series-lineup figcaption strong{font-size:17px}.series-lineup figcaption span{font-size:12px}.model-tabs>a{min-height:78px;padding:13px 10px}.model-tabs strong{font-size:25px}.model-introduction{grid-template-columns:1.25fr 1fr;gap:24px;padding:38px 0 30px;min-height:490px}.model-heading{font-size:76px}.model-subtitle{font-size:30px}.model-tagline{font-size:20px}.model-photo>.module-image{height:380px}.model-highlights{gap:16px;margin-top:30px}.model-highlights h3{font-size:17px}.model-highlights p{font-size:15px}.model-actions{gap:12px;margin-top:25px}.detail-button{font-size:15px;min-height:50px;padding:10px 13px;gap:7px}.detail-button>span{margin-left:5px}.detail-button .detail-icon{width:20px;height:20px}.feature-list{column-gap:28px}.spec-table{font-size:16px}.spec-table th,.spec-table td{padding:11px 13px}.spec-table .spec-group{font-size:16px}.spec-group-col{width:14%}.spec-label-col{width:24%}.detail-downloads{padding:24px}.detail-download-links{grid-template-columns:1fr 1fr}.download-intro{display:block}.download-intro p{margin-top:5px}.detail-footer>.detail-width{flex-wrap:wrap;gap:24px}.detail-footer span{margin-left:auto}.technical-grid{gap:18px}}
@media(max-width:700px){html{scroll-padding-top:149px}.detail-width{width:calc(100% - 36px)}.header-inner{width:calc(100% - 36px)}.brand img{width:174px}.series-banner-inner{display:flex;flex-direction:column;gap:19px;align-items:stretch;text-align:center;padding:24px 0 14px;min-height:0}.series-banner h1{font-size:52px}.series-banner h1 span{font-size:.7em}.series-banner-copy>p{font-size:16px;margin-top:7px}.series-lineup{gap:19px;padding:0 6px}.series-lineup .module-image{height:104px}.series-lineup figcaption strong{font-size:16px;margin-top:5px}.series-lineup figcaption span{font-size:11px}.model-tabs>a{padding:13px 2px 11px;min-height:67px}.model-tabs strong{font-size:22px}.model-tabs span{font-size:12px;margin-top:3px}.model-introduction{display:grid;grid-template-columns:1fr;grid-template-areas:'heading' 'tag' 'photo' 'features' 'actions';gap:0;min-height:0;padding:29px 0 32px}.model-intro-copy{display:contents}.model-intro-copy>h2{grid-area:heading}.model-heading{font-size:62px;line-height:1.08}.model-subtitle{font-size:27px;margin-top:4px}.model-tagline{grid-area:tag;font-size:18px;margin-top:13px}.model-photo{grid-area:photo;padding:21px 0 20px}.model-photo>.module-image{height:278px}.model-highlights{grid-area:features;gap:13px;margin-top:12px}.model-highlights .detail-icon{width:34px;height:34px}.model-highlights h3{font-size:15px;line-height:1.5;margin:10px 0 5px}.model-highlights p{font-size:13px;line-height:1.6;word-break:normal}.model-actions{grid-area:actions;display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:25px}.detail-button{font-size:14px;min-height:49px;gap:6px;padding:11px 9px}.detail-button .detail-icon{width:18px;height:18px}.detail-button>span{margin-left:2px}.model-section-links{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:7px 0;text-align:center;font-size:15px}.model-section-links a{padding:8px 0}.detail-section{padding-top:30px;scroll-margin-top:149px}.detail-section-title{margin-bottom:17px;flex-wrap:wrap;gap:4px 14px}.detail-section-title h3{font-size:24px}.detail-section-title>span,.detail-section-title>a{font-size:13px}.model-description{font-size:16px;line-height:1.85;margin-bottom:20px}.feature-list{grid-template-columns:1fr}.feature-list>li{padding:16px 0}.feature-list h4{font-size:17px}.feature-list p{font-size:15px;line-height:1.8}.model-options{display:grid;grid-template-columns:1fr;gap:10px}.model-crosslink{font-size:20px;padding:11px 12px}.model-crosslink span{font-size:14px}.model-crosslink b{margin-left:auto}.spec-group-col{width:0}.spec-label-col{width:34%}.spec-table{font-size:15px;line-height:1.7}.spec-table .spec-group{display:none}.spec-table .spec-label{font-size:14px;font-weight:600;background:#f3f7fc}.spec-table th,.spec-table td{padding:11px 10px;word-break:normal}.spec-table .group-start .spec-label{border-top-width:3px}.spec-table .group-start .spec-label::before{content:attr(data-group);display:block;color:#0864c9;font-size:12px;line-height:1.4;margin-bottom:7px}.spec-notes{padding:13px 14px;font-size:14px;line-height:1.8}.technical-grid{grid-template-columns:1fr;gap:13px}.technical-figure{padding:12px;margin-bottom:8px}.drawing-link>img{height:230px}.technical-figure figcaption strong{font-size:16px}.technical-figure figcaption span{font-size:13px}.control-mode-grid{grid-template-columns:1fr;gap:16px;margin:20px 0}.control-mode-grid .drawing-link>img{height:auto;max-height:260px}.control-mode-list{padding-left:20px}.control-mode-list strong{font-size:17px}.control-mode-list p,.section-lead{font-size:15px}.common-technology{grid-template-columns:1fr;gap:0}.common-technology h4{font-size:17px}.common-technology p{font-size:15px}.detail-downloads{margin-top:28px;padding:21px 16px;scroll-margin-top:149px}.download-intro{margin-bottom:14px}.download-intro h3{font-size:22px}.download-intro p{font-size:14px}.detail-download-links{grid-template-columns:1fr;gap:8px}.detail-download-links>a{font-size:15px;min-height:52px;padding:12px}.detail-download-links .detail-icon{width:23px;height:23px}.catalog-reference{font-size:12px;margin:13px 0 24px;text-align:left}.detail-footer{padding:24px 0}.detail-footer>.detail-width{display:block}.detail-footer img{width:158px}.detail-footer nav{margin-top:18px;gap:21px;font-size:13px;flex-wrap:wrap}.detail-footer span{display:block;font-size:12px;margin-top:18px}.drawing-dialog{padding:14px;width:calc(100% - 20px)}.drawing-dialog-heading{gap:10px}.drawing-dialog-heading h2{font-size:17px}.drawing-dialog-scroll{max-height:65svh}.drawing-dialog-scroll>img{width:100%;min-width:680px}.drawing-original{font-size:14px}.site-search{padding:20px}.search-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep a real label/value layout on narrow screens; hidden row-group cells
   must not leave the desktop colgroup's zero-width column behind. */
@media(max-width:700px){.spec-table colgroup{display:none}.spec-table,.spec-table tbody{display:block}.spec-table tr{display:grid;grid-template-columns:34% minmax(0,1fr)}.spec-table .spec-label,.spec-table td{display:block;min-width:0;width:auto}.spec-table .spec-group{display:none}}
.system-example{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:42px;align-items:center;background:#f6f9fc;border:1px solid #e2ebf4;padding:25px 34px;margin-top:27px;border-radius:4px}.system-example>img{height:210px;object-fit:contain;width:auto;margin:auto;max-width:100%}.system-example figcaption{display:flex;flex-direction:column;gap:8px}.system-example strong{color:#1b4c84;font-size:22px;line-height:1.5}.system-example figcaption span{font-size:16px;line-height:1.8;color:#5c718d}.model-highlights>.detail-icon,.model-highlights .detail-icon{filter:invert(26%) sepia(93%) saturate(1677%) hue-rotate(195deg) brightness(91%) contrast(105%)}
@media(min-width:1101px){.model-photo>.module-image{height:510px}.model-heading{font-size:104px}.model-introduction{min-height:610px}}
@media(max-width:700px){.system-example{grid-template-columns:1fr;gap:17px;padding:22px 18px}.system-example>img{height:180px}.system-example strong{font-size:19px}.system-example figcaption span{font-size:14px}}