@media (max-width:959px){.ab .cwrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:12px;overflow:hidden auto}.ab .viewer{flex:none;grid-template-rows:auto minmax(96px,150px) auto auto;width:calc(100% - 4px);max-width:100%;min-height:0;padding:30px 10px 10px;overflow:hidden}.ab .viewer .art{min-height:96px}.ab .steps{grid-template-columns:minmax(0,1fr)}.ab .steps li{padding:5px 8px}.ab .steps span{overflow-wrap:anywhere}.ab .built{overflow-wrap:anywhere;border-radius:14px}.ab .viewer .head{min-width:0}.ab .viewer .head h3{overflow-wrap:anywhere}}
@media (min-width:960px){.ab.ab{--side:300px;flex:none;height:max(820px,100dvh)!important}.ab.ab .bar{padding:10px 28px}.ab.ab .bar .ttl{font-size:20px}.ab.ab .side h3{font-size:16px}.ab.ab .side a,.ab.ab .side summary{min-height:50px;font-size:16px}.ab.ab h2.sec{font-size:clamp(32px,2.8vw,46px)}.ab.ab .brella{width:min(100%,540px)}.ab.ab .viewer{grid-template-rows:auto auto auto auto;align-content:start;gap:14px 32px;max-width:1120px;padding:44px 28px 24px}.ab.ab .viewer .head h3{font-size:clamp(24px,2.2vw,32px)}.ab.ab .viewer .art{grid-row:2/4}.ab.ab .center{padding:6px 14px;font-size:14px}.ab.ab .steps{grid-row:2/4;align-self:start;gap:10px}.ab.ab .steps li{padding:12px 16px}.ab.ab .steps b{font-size:15px}.ab.ab .steps span{font-size:14px;line-height:1.35}.ab.ab .built{text-align:center;grid-area:4/1/auto/-1;place-self:start center;margin-top:8px;padding:10px 18px;font-size:14px;position:static}.ab.ab .sc h3{font-size:clamp(50px,5vw,72px)}.ab.ab .sc .lead{max-width:32ch;font-size:clamp(24px,2.4vw,36px)}.ab.ab .sc p{max-width:70ch;font-size:clamp(16px,1.4vw,20px)}.ab.ab .sc .idx{font-size:84px}.ab.ab .pg{width:54px;height:54px;font-size:22px}.ab.ab .dot{width:28px;height:28px}.ab.ab .dots{gap:38px}}