/* ============================================================
   Lino Labs — 「配る頁」（拡張機能・ミニゲーム・コメントスキン・背景とフレーム）の見た目（2026-11-01）
   前は暗い ext.css と頁の中の <style>（スキン 2つ・背景 3つ）で描いていた。2026-11 の作り直しで、
   トップ・製品ページ・読む頁と同じ白地・吹き出し（墨 2.5px の線）・ミントと橙の世界にそろえた。

   ★ lab.css の**あと**に読む（.head・.foot・.btn・.end・変数は lab.css が持つ）。頭と足は build/v2-wrap.py が差し替える。
   ★ lab.css の変数（--ink=墨・--line=線の太さ・--mint-deep）を上書きしない（上の帯の線が消える。docs.css と同じ決まり）。
   ★ **見本の枠の中は、素材の色のまま。** スキン・背景の生きた見本（.sk-live）は、素材の CSS（.pv-<id> に閉じ込めたもの）が
   　 自分の地の色を持つ。ここで背景や文字の色を足さない。サイトの文字の決まり（Zen Kaku・字間・太さ）が
   　 見本の中へ受け継がれないよう、前の頁と同じ値に戻しておく（下の .sk-live）。
   ★ 透けた素材（拡張の配信画面の絵・見え方の絵）は市松の上に置く（サイトの決まり「配布する素材は、市松の上に置いて見せる」）。
   　 配信画面の絵は白い文字が多いので、白い市松だと字が消える。暗い市松にして、ゲームの画面に重ねたときの見え方に寄せる。
   ★ HTML に style="…" を書かない（CSP が捨てる）。見た目はここに置く。
   ============================================================ */

/* ---- 頁の枠 ---- */
.shelf .wrap{width:min(var(--w),100% - 40px);margin:0 auto;}
.shelf .sec-pad{padding:clamp(48px,6vw,84px) 0;}
.shelf .sec-pad + .sec-pad{border-top:2px dashed #dde5e9;}
/* 頁の頭の段（いちばん上の .sec-pad）。製品ページのはじめの段と同じ、ミントの淡い面に墨の線 */
.shelf .sh-top{background:var(--mint-soft);border-bottom:var(--line) solid var(--ink);padding:clamp(44px,6vw,80px) 0 clamp(40px,5vw,64px);}
.shelf .sh-top + .sec-pad{border-top:0;}
.shelf .sec-head{margin-bottom:clamp(24px,3vw,36px);}
/* 長いカタカナの名前（「Apexランクオーバーレイ」）が語の途中で折れないよう、文節で折る（分かるブラウザだけ） */
.shelf .sec-head h1{font:400 clamp(28px,4.8vw,56px)/1.25 var(--display);letter-spacing:.01em;word-break:auto-phrase;}
.shelf .sec-head h2{font:400 clamp(24px,3vw,36px)/1.35 var(--display);letter-spacing:.01em;}
.shelf .sub{color:var(--ink-2);max-width:44em;margin:14px 0 0;font-size:16px;}
.shelf .sec-head .sub:first-of-type{margin-top:16px;}
.shelf .sub b{color:var(--ink);}
.shelf .sub + .sub{margin-top:10px;}
/* 段の名前の札（SKINS・HOW TO USE …）。英字は小さいので Dela にしない */
.shelf .eyebrow{display:inline-block;margin:0 0 14px;padding:3px 12px;border-radius:999px;border:1.5px solid var(--ink);
  background:var(--paper);font:700 12px/1.6 var(--body);letter-spacing:.14em;}
.shelf .sh-top .eyebrow{background:var(--mint);}
/* 前の頁の「遠くから飛んでくる」動きはやめた（読む・選ぶ頁なので、カードは最初から並べておく）。
   ★ 札は build/stage/cards.js が class="sk-item fly" で書く。名前は残したまま、何もしない札にする */
.shelf .fly{opacity:1;transform:none;}
.u-mt26{margin-top:26px;}

/* 道しるべ（もりあげログ ／ 拡張機能 ／ …） */
.crumbs{font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:16px;}
.crumbs a{color:var(--ink-2);text-decoration:none;}
.crumbs a:hover{color:var(--mint-deep);text-decoration:underline;}

/* ---- 印（ベータ・標準・追加）。★ 色だけで表さない（文字も入れる） ---- */
.badge{display:inline-block;margin-left:8px;padding:0 9px;border-radius:999px;border:1.5px solid var(--ink);
  font:700 11.5px/1.7 var(--body);background:var(--orange-soft);color:var(--ink);vertical-align:middle;white-space:nowrap;}
.badge.std{background:var(--mint);}
.badge.add{background:#edf0ff;}
h1 .badge{font-size:13px;vertical-align:.4em;}

/* ---- 市松（透けた素材の下に敷く）。暗い2色で、配信画面の白い字が消えないように ---- */
.ext-shot,.ext-hero,.ext-look,.cf-shot{
  background-color:#1d222b;
  background-image:linear-gradient(45deg,#272d38 25%,transparent 25%,transparent 75%,#272d38 75%),
                   linear-gradient(45deg,#272d38 25%,transparent 25%,transparent 75%,#272d38 75%);
  background-size:20px 20px;background-position:0 0,10px 10px;}
/* 透けていない絵（設定画面・ミニゲームの画面）は、市松を見せない。絵が枠いっぱいに入る */
.ext-hero.wide,.mg .ext-shot{background:var(--ink);}

/* ---- カードの並び（拡張・ミニゲーム） ---- */
.ext-grid{display:grid;gap:clamp(18px,2.2vw,26px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
.ext-card{display:flex;flex-direction:column;overflow:hidden;background:var(--paper);
  border:var(--line) solid var(--ink);border-radius:22px;transition:transform .18s var(--out),box-shadow .18s var(--out);}
.ext-card:hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--ink);}
/* 絵を置くところ。★ 高さをそろえる（カードの頭がそろわないと、一覧が読みにくい） */
.ext-shot{display:flex;align-items:center;justify-content:center;height:176px;padding:14px;text-decoration:none;
  border-bottom:var(--line) solid var(--ink);}
.ext-shot img{max-width:100%;max-height:148px;width:auto;height:auto;}
.mg .ext-shot{padding:0;}
.mg .ext-shot img{max-height:none;width:100%;height:100%;object-fit:cover;}
.ext-noshot{font:700 13px/1 var(--body);color:#c9d2dc;padding:6px 14px;border:1.5px dashed #c9d2dc;border-radius:999px;}
.ext-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1;}
.ext-body h3{font:700 17px/1.5 var(--body);text-wrap:wrap;}
.ext-body h3 a{color:var(--ink);text-decoration:none;}
.ext-body h3 a:hover{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;}
.ext-game{font-size:13px;font-weight:700;color:var(--mint-deep);margin:0;}
.ext-body p{font-size:14.5px;line-height:1.8;color:var(--ink-2);margin:0;}
.ext-acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:12px;}
.ext-more{font-size:14px;font-weight:700;color:var(--mint-deep);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.22em;}
.ext-more:hover{color:var(--ink);text-decoration-color:var(--orange);}
.ext-acts .sk-dl{margin-top:0;}

/* ---- 拡張1つぶんの頁 ---- */
.ext-hero{margin:30px 0 0;padding:26px;border:var(--line) solid var(--ink);border-radius:22px;text-align:center;box-shadow:5px 5px 0 var(--mint);}
.ext-hero img{max-width:100%;height:auto;margin:0 auto;}
.ext-hero.wide{padding:0;overflow:hidden;box-shadow:5px 5px 0 var(--orange);}
.sec-pad > .wrap > .ext-hero:first-child{margin-top:0;}
/* 絵の下の説明は、暗い枠の外（白地）に置く。枠の中に書くと、市松の上で読みにくい */
.ext-hero figcaption,.ext-look figcaption{margin:14px -26px -26px;padding:10px 16px;background:var(--paper);border-top:var(--line) solid var(--ink);
  font-size:13px;font-weight:700;color:var(--ink-2);line-height:1.7;}
.ext-hero.wide figcaption{margin:0;}
.ext-cols{display:grid;gap:clamp(22px,3vw,40px);margin-top:36px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;}
.ext-cols h3{font:700 18px/1.5 var(--body);margin:0 0 10px;}
.ext-cols h3+ul+h3{margin-top:26px;}
.ext-list{margin:0;padding-left:1.3em;}
.ext-list li{font-size:15.5px;line-height:1.85;color:var(--ink-2);margin:0 0 6px;}
.ext-list li::marker{color:var(--mint-deep);}
/* できないこと。★ 警告色にしない（壊れてはいない）。読み飛ばされない程度に分ける */
.ext-cant{margin-bottom:22px;padding:14px 18px 14px 2.1em;border:var(--line) solid var(--ink);border-radius:18px;background:var(--orange-soft);}
.ext-cant li::marker{color:var(--ink);}
.ext-ver{font-size:13.5px;margin-top:12px;}
/* 見え方のならび。★ 3列以上にしない（配信画面の絵は横長なので、細くなると中の文字が読めない・2026-10-05） */
.ext-looks-h{font:700 20px/1.5 var(--body);margin:44px 0 4px;}
.ext-looks-note{margin:0 0 16px;}
.ext-looks{display:grid;gap:18px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));}
.ext-look{margin:0;padding:18px 26px 26px;border:var(--line) solid var(--ink);border-radius:20px;text-align:center;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;}
.ext-look img{max-width:100%;height:auto;margin:0 auto;}
/* 大きいもの（3枚いっしょ・大会の表）は1行まるごと。★ 背を抑える（縦に長い表が1枚で画面を埋めないように） */
.ext-look.wide{grid-column:1/-1;}
.ext-look.wide img{max-height:min(560px,70vh);width:auto;}

/* ---- 入れ方（どの頁でも同じ）。番号は橙の丸（使い方の頁の手順と同じ） ---- */
.howto,.sk-how{counter-reset:ht;display:grid;gap:14px;margin:6px 0 24px;max-width:46em;padding:0;}
.howto li,.sk-how li{list-style:none;position:relative;padding:4px 0 0 52px;min-height:38px;font-size:16px;line-height:1.85;color:var(--ink);}
.howto li::before,.sk-how li::before{counter-increment:ht;content:counter(ht);position:absolute;left:0;top:0;width:37px;height:37px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:var(--orange);border:var(--line) solid var(--ink);font:700 16px/1 var(--body);color:var(--ink);}
.sk-how b,.howto b{font-weight:700;}

/* ---- 締め（lab.css の .end。製品ページと同じ橙の段） ---- */
.shelf .end .h2{font:400 clamp(28px,4.4vw,48px)/1.3 var(--display);}

/* ============================================================
   コメントスキン・背景とフレーム（札は sync-skin-cards.py と、もりあげログ側 build/stage/cards.js が書く。
   class の名前は変えない：.sk-grid・.sk-item・.sk-live・.sk-in・.sk-tags・.sw-row・.sw・.sk-meta・.sk-dl・.kb）
   ============================================================ */
.sk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px);margin-top:8px;}
.sk-item{display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:var(--line) solid var(--ink);border-radius:22px;}
/* 見本の絵・生きた見本。下の線だけ墨にして、札の本文と分ける */
.sk-item > img{width:100%;height:auto;border-bottom:var(--line) solid var(--ink);background:#1b2733;}
.sk-item .sk-live{width:100%;display:block;border-bottom:var(--line) solid var(--ink);overflow:hidden;}
/* ★ 見本の中へ、サイトの文字の決まりを持ち込まない（素材の見え方を変えない）。
   　 前の頁（暗い作り）の body と同じ値に戻す。:where() で強さを 0 にしてあるので、素材の CSS（.pv-<id> …）が必ず勝つ */
:where(.sk-live){font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic",system-ui,sans-serif;font-size:16px;font-weight:400;
  line-height:1.9;letter-spacing:normal;color:#eef2f0;text-align:left;}
/* lab.css の img{display:block;max-width:100%;height:auto} も、見本の中では前の既定（行の中の絵）に戻す */
:where(.sk-live) img{display:inline;max-width:none;height:auto;}
:where(.sk-live) :is(h1,h2,h3){font-weight:700;line-height:normal;text-wrap:wrap;}
.sk-in{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1 1 auto;}
.sk-item h3{font:700 19px/1.4 var(--body);margin:0 0 8px;text-wrap:wrap;}
.sk-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 12px;}
.sk-tags li{font-size:12px;font-weight:700;border:1.5px solid var(--ink);border-radius:999px;padding:1px 10px;background:var(--mint-soft);}
.sk-item p{font-size:14.5px;line-height:1.8;color:var(--ink-2);margin:0 0 12px;}
.sk-meta{font-size:13px;line-height:1.8;color:var(--ink-2);margin:0 0 14px;}
.sk-meta b{color:var(--ink);font-weight:700;}
/* 色の見本の釦。押したものは墨で塗る（製品ページの画面の切り替えと同じ） */
.sw-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.sw-row .sw{font:700 12.5px/1 var(--body);padding:7px 11px;border-radius:999px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);
  cursor:pointer;transition:background .2s;}
.sw-row .sw:hover{background:var(--mint-soft);}
.sw-row .sw[aria-current="true"]{background:var(--ink);color:#fff;}
/* ダウンロード（lab.css の .btn を小さくした形。墨の下の影） */
.sk-dl{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;
  border:var(--line) solid var(--ink);background:var(--mint);color:var(--ink);text-decoration:none;font:700 14.5px/1 var(--body);
  box-shadow:0 4px 0 -1px var(--ink);transition:transform .18s var(--out),box-shadow .18s var(--out),background .2s;}
.sk-dl:hover{transform:translateY(-2px);box-shadow:0 6px 0 -1px var(--ink);background:var(--orange);}
.sk-dl:active{transform:translateY(2px);box-shadow:0 2px 0 -1px var(--ink);}
.sk-dl .kb{font-weight:500;font-size:12.5px;}

/* コメントフレームの見本（スキンの頁の #frames・build/sync-skin-cards.py が書く）。縦長の絵（幅 × 1.3）なので、
   札いっぱいに広げると1枚で画面を埋める。背を抑えて、暗い市松の真ん中に置く（透ける所が分かるように・サイトの決まり） */
.cf-shot{display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:var(--line) solid var(--ink);}
.cf-shot img{width:auto;max-width:100%;height:auto;max-height:340px;}

/* 背景・フレームの「大きく見る」（shelf.js）。見本は押しても開く */
.sk-grid[data-big] .sk-live,.sk-grid[data-big] img[data-pv]{cursor:zoom-in;}
.sk-zoom{align-self:flex-start;margin:0 0 12px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--ink);background:var(--orange-soft);
  color:var(--ink);font:700 13px/1 var(--body);cursor:pointer;}
.sk-zoom:hover{background:var(--orange);}
html.stage-zoom-open{overflow:hidden;}
.stage-zoom{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:clamp(8px,2vw,24px);
  background:rgba(15,17,22,.82);}
.stage-zoom.on{display:flex;}
/* ★ 端末に合わせる（16:9 が縦にも横にも収まるほうへ） */
.stage-zoom-in{width:min(96vw,calc((100vh - 170px) * 16 / 9));padding:14px 16px 16px;background:var(--paper);border:var(--line) solid var(--ink);border-radius:22px;}
.stage-zoom-head{display:flex;align-items:center;gap:10px;margin:0 0 10px;flex-wrap:wrap;}
.stage-zoom-head b{font-size:16px;font-weight:700;}
.stage-zoom-head span{font-size:13px;color:var(--ink-2);}
.stage-zoom-head button{margin-left:auto;min-height:38px;padding:0 16px;border-radius:999px;border:var(--line) solid var(--ink);background:var(--paper);
  color:var(--ink);font:700 14px/1 var(--body);cursor:pointer;box-shadow:0 3px 0 -1px var(--ink);}
.stage-zoom-head button:hover{background:var(--mint);}
#stageZoomBody{position:relative;width:100%;border-radius:12px;overflow:hidden;border:var(--line) solid var(--ink);}
#stageZoomBody .sk-live{width:100%;display:block;border:0;cursor:default;}
.stage-zoom-img{width:100%;}
.stage-zoom-note{font-size:13px;color:var(--ink-2);margin:10px 0 0;}
#stageZoomSw{margin:10px 0 0;}

/* ---- 狭い画面 ---- */
@media (max-width:1080px){ .sk-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:700px){ .sk-grid{grid-template-columns:1fr;} }
@media (max-width:640px){
  .ext-grid{grid-template-columns:1fr;}
  .ext-shot{height:156px;}
  .ext-hero{padding:16px;box-shadow:4px 4px 0 var(--mint);}
  .ext-hero figcaption,.ext-look figcaption{margin:12px -16px -16px;}
  .ext-look{padding:14px 16px 16px;}
  .howto li,.sk-how li{padding-left:46px;font-size:15.5px;}
  .howto li::before,.sk-how li::before{width:33px;height:33px;font-size:15px;}
}
@media (max-width:560px){ .shelf .wrap{width:calc(100% - 32px);} }
@media (prefers-reduced-motion:reduce){ .ext-card:hover,.sk-dl:hover{transform:none;} }

/* 見え方の絵の幅。
   ★ **インラインの style= は使えない。** このサイトの CSP は `style-src-attr` を許していないので、属性に書いた style はブラウザが捨てる。
   　 実寸の1.3倍を10px刻みに丸めて、ここの札で渡す（build/gen-extensions.py が付ける・2026-10-06）。前の ext.css から写した */
.ext-look-img{width:100%;height:auto;}
.ext-look-img.w-16{width:min(100%,160px);}
.ext-look-img.w-17{width:min(100%,170px);}
.ext-look-img.w-18{width:min(100%,180px);}
.ext-look-img.w-19{width:min(100%,190px);}
.ext-look-img.w-20{width:min(100%,200px);}
.ext-look-img.w-21{width:min(100%,210px);}
.ext-look-img.w-22{width:min(100%,220px);}
.ext-look-img.w-23{width:min(100%,230px);}
.ext-look-img.w-24{width:min(100%,240px);}
.ext-look-img.w-25{width:min(100%,250px);}
.ext-look-img.w-26{width:min(100%,260px);}
.ext-look-img.w-27{width:min(100%,270px);}
.ext-look-img.w-28{width:min(100%,280px);}
.ext-look-img.w-29{width:min(100%,290px);}
.ext-look-img.w-30{width:min(100%,300px);}
.ext-look-img.w-31{width:min(100%,310px);}
.ext-look-img.w-32{width:min(100%,320px);}
.ext-look-img.w-33{width:min(100%,330px);}
.ext-look-img.w-34{width:min(100%,340px);}
.ext-look-img.w-35{width:min(100%,350px);}
.ext-look-img.w-36{width:min(100%,360px);}
.ext-look-img.w-37{width:min(100%,370px);}
.ext-look-img.w-38{width:min(100%,380px);}
.ext-look-img.w-39{width:min(100%,390px);}
.ext-look-img.w-40{width:min(100%,400px);}
.ext-look-img.w-41{width:min(100%,410px);}
.ext-look-img.w-42{width:min(100%,420px);}
.ext-look-img.w-43{width:min(100%,430px);}
.ext-look-img.w-44{width:min(100%,440px);}
.ext-look-img.w-45{width:min(100%,450px);}
.ext-look-img.w-46{width:min(100%,460px);}
.ext-look-img.w-47{width:min(100%,470px);}
.ext-look-img.w-48{width:min(100%,480px);}
.ext-look-img.w-49{width:min(100%,490px);}
.ext-look-img.w-50{width:min(100%,500px);}
.ext-look-img.w-51{width:min(100%,510px);}
.ext-look-img.w-52{width:min(100%,520px);}
.ext-look-img.w-53{width:min(100%,530px);}
.ext-look-img.w-54{width:min(100%,540px);}
.ext-look-img.w-55{width:min(100%,550px);}
.ext-look-img.w-56{width:min(100%,560px);}
.ext-look-img.w-57{width:min(100%,570px);}
.ext-look-img.w-58{width:min(100%,580px);}
.ext-look-img.w-59{width:min(100%,590px);}
.ext-look-img.w-60{width:min(100%,600px);}
.ext-look-img.w-61{width:min(100%,610px);}
.ext-look-img.w-62{width:min(100%,620px);}
.ext-look-img.w-63{width:min(100%,630px);}
.ext-look-img.w-64{width:min(100%,640px);}
.ext-look-img.w-65{width:min(100%,650px);}
.ext-look-img.w-66{width:min(100%,660px);}
.ext-look-img.w-67{width:min(100%,670px);}
.ext-look-img.w-68{width:min(100%,680px);}
.ext-look-img.w-69{width:min(100%,690px);}
.ext-look-img.w-70{width:min(100%,700px);}
.ext-look-img.w-71{width:min(100%,710px);}
.ext-look-img.w-72{width:min(100%,720px);}
.ext-look-img.w-73{width:min(100%,730px);}
.ext-look-img.w-74{width:min(100%,740px);}
.ext-look-img.w-75{width:min(100%,750px);}
.ext-look-img.w-76{width:min(100%,760px);}
.ext-look-img.w-77{width:min(100%,770px);}
.ext-look-img.w-78{width:min(100%,780px);}
.ext-look-img.w-79{width:min(100%,790px);}
.ext-look-img.w-80{width:min(100%,800px);}
.ext-look-img.w-81{width:min(100%,810px);}
.ext-look-img.w-82{width:min(100%,820px);}
.ext-look-img.w-83{width:min(100%,830px);}
.ext-look-img.w-84{width:min(100%,840px);}
.ext-look-img.w-85{width:min(100%,850px);}
.ext-look-img.w-86{width:min(100%,860px);}
.ext-look-img.w-87{width:min(100%,870px);}
.ext-look-img.w-88{width:min(100%,880px);}
.ext-look-img.w-89{width:min(100%,890px);}
.ext-look-img.w-90{width:min(100%,900px);}
.ext-look-img.w-91{width:min(100%,910px);}
.ext-look-img.w-92{width:min(100%,920px);}
.ext-look-img.w-93{width:min(100%,930px);}
.ext-look-img.w-94{width:min(100%,940px);}
.ext-look-img.w-95{width:min(100%,950px);}
.ext-look-img.w-96{width:min(100%,960px);}
.ext-look-img.w-97{width:min(100%,970px);}
.ext-look-img.w-98{width:min(100%,980px);}
.ext-look-img.w-99{width:min(100%,990px);}
.ext-look-img.w-100{width:min(100%,1000px);}
.ext-look-img.w-101{width:min(100%,1010px);}
.ext-look-img.w-102{width:min(100%,1020px);}
.ext-look-img.w-103{width:min(100%,1030px);}
.ext-look-img.w-104{width:min(100%,1040px);}
.ext-look-img.w-105{width:min(100%,1050px);}
.ext-look-img.w-106{width:min(100%,1060px);}
.ext-look-img.w-107{width:min(100%,1070px);}
.ext-look-img.w-108{width:min(100%,1080px);}
.ext-look-img.w-109{width:min(100%,1090px);}
.ext-look-img.w-110{width:min(100%,1100px);}
.ext-look-img.w-111{width:min(100%,1110px);}
.ext-look-img.w-112{width:min(100%,1120px);}
.ext-look-img.w-113{width:min(100%,1130px);}
.ext-look-img.w-114{width:min(100%,1140px);}
.ext-look-img.w-115{width:min(100%,1150px);}
.ext-look-img.w-116{width:min(100%,1160px);}
.ext-look-img.w-117{width:min(100%,1170px);}
.ext-look-img.w-118{width:min(100%,1180px);}
.ext-look-img.w-119{width:min(100%,1190px);}
.ext-look-img.w-120{width:min(100%,1200px);}
