/* Buyer-first explainer components for connectivity pages */
.bx-lead{max-width:760px;font-size:1.12rem;line-height:1.65;color:#bdcedf}
.content-band.dark .bx-lead{color:#c6d6e3}
.bx-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.bx-split>div>p{color:#bdcedf}
.bx-diagram{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.bx-diagram svg{display:block;width:100%;height:auto}
.bx-diagram figcaption{margin-top:12px;color:#9bb6cf;font-size:.82rem;line-height:1.5}.content-band.dark .bx-diagram figcaption,.section.deep .bx-diagram figcaption{color:#8fa3b6}
.bx-diagram svg text{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.bx-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.bx-chips li{padding:9px 14px;border:1px solid #283e51;border-radius:999px;background:#0c1620;color:#ccdae7;font-size:.88rem}
.bx-chips b{color:#e3ebf2}
.bx-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}
.bx-head h2{margin-bottom:0}
.bx-head p{max-width:420px;margin:0;color:#9bb6cf}
.bx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bx-card{position:relative;padding:26px 24px 22px;border:1px solid #25394a;border-radius:18px;background:#070b10;box-shadow:0 12px 30px #10243a0d}
.bx-card .bx-ico{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:13px;background:linear-gradient(135deg,#0c1e32,#122b47);color:var(--page-accent,#2495ff)}
.bx-card .bx-ico svg{width:24px;height:24px}
.bx-card h3{margin:0 0 8px;color:#e3ebf2;font-size:1.13rem;line-height:1.25}
.bx-card p{margin:0;color:#acc4d7;font-size:.95rem;line-height:1.55}
.bx-card .bx-impact{margin-top:14px;padding-top:12px;border-top:1px solid #1f2d3d;color:#ccdae7;font-size:.88rem}
.bx-card .bx-impact b{display:block;margin-bottom:2px;color:var(--page-accent,#2495ff);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.bx-why{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:start}
.bx-reasons{display:grid;gap:16px;margin-top:8px}
.bx-reason{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.bx-reason span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0b1c2c;color:#fff;font-weight:900;font-size:.9rem}
.bx-reason h3{margin:2px 0 4px;font-size:1.05rem;color:#e3ebf2}
.bx-reason p{margin:0;color:#acc4d7;font-size:.95rem}
.bx-checklist{padding:28px;border-radius:20px;background:#0b1c2c;color:#dfe9f2}
.bx-checklist h3{margin:0 0 6px;color:#fff;font-size:1.2rem}
.bx-checklist>p{margin:0 0 18px;color:#9fb4c6;font-size:.92rem}
.bx-checklist ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.bx-checklist li{position:relative;padding-left:32px;line-height:1.45}
.bx-checklist li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:6px;background:var(--page-accent,#2495ff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='%2305080d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.bx-checklist .button{margin-top:22px}
.bx-note{position:relative;margin-top:24px;padding:16px 0 0 24px;border-top:1px solid #263d4d;color:#36506a;font-size:.93rem;line-height:1.6;background:linear-gradient(var(--page-accent,#2495ff),var(--page-accent,#2495ff)) 0 calc(16px + .72em)/3px 5px no-repeat,linear-gradient(var(--page-accent,#2495ff),var(--page-accent,#2495ff)) 5px calc(16px + .47em)/3px 8px no-repeat,linear-gradient(var(--page-accent,#2495ff),var(--page-accent,#2495ff)) 10px calc(16px + .22em)/3px 11px no-repeat}.bx-note:before{content:"";position:absolute;left:0;top:-1px;width:64px;height:2px;background:var(--page-accent,#2495ff)}
.content-band.dark .bx-note{background:#0f2135;color:#c6d6e3}
.bx-table-wrap{overflow-x:auto;border:1px solid #25394a;border-radius:18px;background:#070b10}
.bx-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.95rem}
.bx-table th,.bx-table td{padding:15px 18px;border-bottom:1px solid #1f2d3d;text-align:left;vertical-align:top;color:#c6d6e4}
.bx-table thead th{background:#0b1622;color:#e3ebf2;font-size:.9rem}
.bx-table tbody th{color:#e3ebf2;font-weight:800;white-space:nowrap}
.bx-table .bx-hl{background:#0a1a2a}
.bx-table thead .bx-hl{background:#0f253d;color:#eef2f7}
.bx-table tr:last-child>*{border-bottom:0}
.bx-yes{color:#59edb9;font-weight:800}
.bx-no{color:#cf7a77;font-weight:800}
.bx-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bx-option{display:flex;flex-direction:column;padding:26px;border:1px solid #243c54;border-radius:20px;background:linear-gradient(180deg,#0e1f31,#091522)}
.bx-option small{color:var(--page-accent,#64c3ff);font-weight:900;letter-spacing:.14em;font-size:.72rem}
.bx-option h3{margin:8px 0 10px;color:#fff;font-size:1.3rem;line-height:1.2}
.bx-option p{margin:0 0 16px;color:#b7c9d8;font-size:.95rem}
.bx-option dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:auto 0 0;padding-top:16px;border-top:1px solid #1f3448;font-size:.88rem}
.bx-option dt{color:#7f98ad}
.bx-option dd{margin:0;color:#e6eff6}
.bx-scale{display:flex;gap:4px;margin:0 0 18px;align-items:end;height:34px}
.bx-scale i{flex:1;border-radius:4px 4px 1px 1px;background:#1d3348}
.bx-scale i.on{background:linear-gradient(180deg,var(--page-accent,#64c3ff),#2495ff)}
.bx-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:bx}
.bx-steps li{position:relative;padding:22px 18px;border:1px solid #25394a;border-radius:16px;background:#070b10;counter-increment:bx}
.bx-steps li:before{content:counter(bx,decimal-leading-zero);display:block;margin-bottom:10px;color:var(--page-accent,#2495ff);font-weight:900;letter-spacing:.08em}
.bx-steps h3{margin:0 0 6px;color:#e3ebf2;font-size:1.02rem}
.bx-steps p{margin:0;color:#acc4d7;font-size:.9rem;line-height:1.5}
.bx-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:40px}
.bx-partner{display:flex;gap:18px;align-items:center;margin-top:28px;padding:20px 22px;border:1px solid #25394a;border-radius:16px;background:#0a131c}
.bx-partner b{display:block;color:#e3ebf2}
.bx-partner p{margin:2px 0 0;color:#acc4d7;font-size:.93rem}
.content-band.dark .bx-partner{background:#0e1f31;border-color:#243c54}
.content-band.dark .bx-partner b{color:#fff}
.content-band.dark .bx-partner p{color:#b7c9d8}
.bx-deep{border-top:1px solid #223343;background:#0c1620}
.bx-deep>summary{list-style:none;cursor:pointer}
.bx-deep>summary::-webkit-details-marker{display:none}
.bx-deep>summary .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 0}
.bx-deep>summary h2{margin:6px 0 0;color:#e3ebf2;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.03em}
.bx-deep>summary p{margin:6px 0 0;color:#9bb6cf}
.bx-deep>summary .bx-toggle{flex:0 0 auto;padding:12px 18px;border:1px solid #2c4459;border-radius:999px;color:#e3ebf2;font-weight:800;font-size:.9rem}
.bx-deep[open]>summary .bx-toggle:after{content:" \2212"}
.bx-deep:not([open])>summary .bx-toggle:after{content:" +"}
.bx-deep>summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.cellular-page{--page-accent:#1a9fd0}
.private-page{--page-accent:#5b7cff}
.bx-split.bx-stack{grid-template-columns:1fr;gap:34px}.bx-split.bx-stack>div:first-child{max-width:860px}
@media(max-width:980px){.bx-cards{grid-template-columns:1fr 1fr}.bx-split,.bx-why,.bx-proof{grid-template-columns:1fr;gap:30px}.bx-options{grid-template-columns:1fr}.bx-steps{grid-template-columns:1fr 1fr}.bx-head{display:block}.bx-head p{margin-top:10px}}
@media(max-width:620px){.bx-cards{grid-template-columns:1fr}.bx-steps{grid-template-columns:1fr}.bx-diagram{padding:0}.bx-checklist{padding:22px}.bx-deep>summary .wrap{display:block}.bx-deep>summary .bx-toggle{display:inline-block;margin-top:14px}}

.wifi-page{--page-accent:#1f8fe0}
.wan-page{--page-accent:#12a3c4}
.managed-service-page{--page-accent:#1c9fe0}
.bx-pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:.8rem;font-weight:800;white-space:nowrap}
.bx-pill.us{background:#0e2136;color:#53a5f4}
.bx-pill.both{background:#112336;color:#5cebb5}
.bx-pill.you{background:#121e2b;color:#9bb6cf}
.bx-raci td{white-space:nowrap}
.bx-fitgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bx-fit{padding:28px;border-radius:20px;border:1px solid #25394a;background:#070b10}
.bx-fit h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#e3ebf2;font-size:1.25rem}
.bx-fit h3:before{content:"";flex:0 0 26px;height:26px;border-radius:50%;background:#0f8a5f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='#070b10' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.bx-fit.no h3:before{background:#8a97a6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='#070b10' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.bx-fit.yes{border-top:4px solid #0f8a5f}.bx-fit.no{border-top:4px solid #8a97a6;background:#0a1118}
.bx-fit ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.bx-fit li{color:#acc4d7;line-height:1.5}.bx-fit li b{color:#e3ebf2}
.bx-fitnote{margin:18px 0 0;padding-top:14px;border-top:1px solid #1f2d3d;color:#c6d6e4;font-size:.93rem}
.bx-options-4{grid-template-columns:repeat(4,minmax(0,1fr))}
a.bx-option{text-decoration:none;transition:border-color .2s,transform .2s}a.bx-option:hover{border-color:var(--page-accent,#64c3ff);transform:translateY(-2px)}
.bx-finder td,.bx-finder th{vertical-align:middle}.bx-finder tbody th{color:#53a5f4}.bx-finder td:first-child{color:#c6d6e4;font-style:italic}.bx-finder td:last-child{white-space:nowrap;text-align:right}
@media(max-width:980px){.bx-fitgrid{grid-template-columns:1fr}.bx-options-4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.bx-options-4{grid-template-columns:1fr}}
/* In-page menu (2026-09-28): readable sentence-case links, signal-bar title, and an underline that follows the section you are reading. */
.tech-jump{background:#070b10e6;border-bottom:1px solid #233945;box-shadow:0 6px 20px #10243a0a}
.tech-jump .wrap{min-height:56px;gap:4px;align-items:stretch}
.tech-jump span{display:flex;align-items:center;gap:9px;margin-right:14px;padding-right:22px;border-right:1px solid #223744;color:#dae3ed;font-size:.8rem;font-weight:800;letter-spacing:.02em;text-transform:none}
.tech-jump span:before{content:"";flex:none;width:13px;height:12px;background:linear-gradient(var(--page-accent,#2495ff),var(--page-accent,#2495ff)) 0 100%/3px 42% no-repeat,linear-gradient(var(--page-accent,#2495ff),var(--page-accent,#2495ff)) 5px 100%/3px 70% no-repeat,linear-gradient(var(--page-accent,#2495ff),var(--page-accent,#2495ff)) 10px 100%/3px 100% no-repeat}
.tech-jump a{position:relative;display:flex;align-items:center;padding:0 12px;color:#8faec9;font-size:.9rem;font-weight:500;letter-spacing:0;transition:color .15s ease}
.tech-jump a:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--page-accent,#2495ff);transform:scaleX(0);transition:transform .2s ease}
.tech-jump a:hover{color:#dae3ed}
.tech-jump a:hover:after{transform:scaleX(.45)}
.tech-jump a.is-active{color:#dae3ed;font-weight:600}
.tech-jump a.is-active:after{transform:scaleX(1)}
.tech-jump a:focus-visible{outline:2px solid var(--page-accent,#2495ff);outline-offset:-6px;border-radius:6px}
@media (max-width:760px){.tech-jump .wrap{gap:0}.tech-jump a{padding:0 10px;font-size:.86rem}}
/* Use cases (2026-09-28): situation cards, filters, signs, steps, changes and technical detail. */
.uc-page .uc-wifi{--uc:#1f8fe0}.uc-page .uc-private{--uc:#5b7cff}.uc-page .uc-cellular{--uc:#1a9fd0}.uc-page .uc-wan{--uc:#12a3c4}
.uc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.uc-card{position:relative;display:flex;flex-direction:column;min-height:250px;padding:24px 24px 22px;overflow:hidden;border:1px solid #25394a;border-radius:18px;background:#070b10;color:#e3ebf2;box-shadow:0 12px 30px #10243a0d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.uc-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--uc,#2495ff)}
.uc-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--uc,#2495ff) 45%,#25394a);box-shadow:0 18px 38px #10243a17}
.uc-card[hidden]{display:none}
.uc-card-tech{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-bottom:14px;color:var(--uc,#2495ff);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.uc-card-tech:before{content:"";width:13px;height:12px;background:linear-gradient(currentColor,currentColor) 0 100%/3px 42% no-repeat,linear-gradient(currentColor,currentColor) 5px 100%/3px 70% no-repeat,linear-gradient(currentColor,currentColor) 10px 100%/3px 100% no-repeat}
.uc-card h2,.uc-card h3{margin:0 0 10px;color:#e3ebf2;font-size:1.22rem;line-height:1.25;letter-spacing:-.01em}
.uc-card p{margin:0 0 14px;color:#acc4d7;font-size:.95rem;line-height:1.55}
.uc-card small{margin-top:auto;color:#8aabc7;font-size:.8rem;line-height:1.45}
.uc-card b{margin-top:14px;padding-top:14px;border-top:1px solid #1f2d3d;color:#53a5f4;font-size:.9rem}
.uc-filters{display:grid;gap:14px;margin-bottom:22px}
.uc-filters>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.uc-filters span{min-width:78px;color:#9bb6cf;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.uc-chip{padding:8px 14px;border:1px solid #283e51;border-radius:999px;background:#070b10;color:#ccdae7;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:.15s ease}
.uc-chip:hover{border-color:#2495ff}
.uc-chip.is-on{border-color:#0b1c2c;background:#0b1c2c;color:#fff}
.uc-chip:focus-visible{outline:3px solid #2495ff66;outline-offset:2px}
.uc-count{margin:0 0 16px;color:#9bb6cf;font-size:.92rem}
.uc-empty{padding:24px;border:1px dashed #283e51;border-radius:16px;color:#9bb6cf;text-align:center}
.uc-empty button{border:0;background:none;color:#53a5f4;font:inherit;font-weight:800;cursor:pointer}
.uc-signs{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.uc-signs li{position:relative;padding:14px 16px 14px 48px;border:1px solid #202f3f;border-radius:14px;background:#070b10;color:#c6d6e4;line-height:1.5}
.uc-signs li:before{content:"";position:absolute;left:16px;top:15px;width:20px;height:20px;border-radius:50%;background:#0c1d2f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5.5v5.5M10 14.2v.3' stroke='%23c2413c' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.uc-typical{margin:16px 0 0;color:#8aabc7;font-size:.84rem}
.uc-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.uc-changes h2{max-width:720px}
.uc-change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.uc-change-grid>div{padding:26px 24px;border:1px solid #243c54;border-radius:18px;background:linear-gradient(180deg,#0e1f31,#091522)}
.uc-change-grid h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#fff;font-size:1.2rem}
.uc-change-grid h3:before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:#3ee0a0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='%2305080d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.uc-change-grid p{margin:0;color:#b7c9d8;line-height:1.55}
.bx-fit li a{display:inline-block;margin-top:4px;color:#53a5f4;font-weight:800;font-size:.9rem}
.uc-technical{padding:6px 0 46px}
.uc-technical h3{margin:30px 0 14px;color:#e3ebf2;font-size:1.1rem}
.uc-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:uf}
.uc-flow li{position:relative;padding:18px;border:1px solid #25394a;border-radius:14px;background:#070b10}
.uc-flow small{display:block;margin-bottom:6px;color:#1f8fe0;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.uc-flow b{display:block;color:#e3ebf2;line-height:1.35}
.uc-flow span{display:block;margin-top:6px;color:#9bb6cf;font-size:.85rem;line-height:1.45}
.uc-tests{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:0;padding:0;list-style:none}
.uc-tests li{padding:12px 0;border-bottom:1px solid #223343;color:#acc4d7;line-height:1.5}
.uc-tests b{color:#e3ebf2}
.uc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.uc-next{margin:24px 0 0;color:#9bb6cf}
.uc-next a{color:#53a5f4;font-weight:800}
.uc-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.uc-guide a{display:flex;flex-direction:column;padding:24px;border:1px solid #25394a;border-top:4px solid var(--uc,#2495ff);border-radius:16px;background:#070b10;color:#e3ebf2;transition:transform .18s ease}
.uc-guide a:hover{transform:translateY(-3px)}
.uc-guide small{color:#8aabc7;font-size:.7rem;font-weight:900;letter-spacing:.14em}
.uc-guide h3{margin:8px 0;font-size:1.1rem;line-height:1.3}
.uc-guide p{margin:0 0 14px;color:#acc4d7;font-size:.92rem;line-height:1.5}
.uc-guide b{margin-top:auto;color:var(--uc,#53a5f4);font-size:.92rem}
@media(max-width:980px){.uc-grid,.uc-grid-3{grid-template-columns:1fr 1fr}.uc-steps,.uc-flow,.uc-guide{grid-template-columns:1fr 1fr}.uc-change-grid{grid-template-columns:1fr}}
@media(max-width:620px){.uc-grid,.uc-grid-3,.uc-steps,.uc-flow,.uc-guide,.uc-tests{grid-template-columns:1fr}.uc-filters span{width:100%}}
/* Technical drawings: drafting font for labels (class "mono"). */
.bx-diagram svg .mono text,.hero-art svg .mono text,.bx-diagram svg text.mono,.hero-art svg text.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
.uc-signs-grid{grid-template-columns:1fr 1fr}
.uc-drawing{margin:28px 0 0}
.uc-drawing-scroll{overflow-x:auto}
.uc-drawing svg{min-width:680px}
@media(max-width:760px){.uc-signs-grid{grid-template-columns:1fr}}

/* 2026-09-28 phones: no sideways scrolling inside the page */
@media (max-width:760px){
  /* tables as cards: one card per row, each value labelled with its column */
  .bx-table-wrap{overflow:visible;border:0;border-radius:0;background:none}
  .bx-table{min-width:0;font-size:.93rem}
  .bx-table thead{display:none}
  .bx-table,.bx-table tbody,.bx-table tr,.bx-table th,.bx-table td{display:block;width:auto}
  .bx-table tr{margin:0 0 12px;border:1px solid #25394a;border-radius:14px;background:#070b10;overflow:hidden}
  .bx-table tbody th{padding:12px 16px;background:#0b1622;border-bottom:1px solid #1f2d3d;white-space:normal}
  .bx-table td{padding:10px 16px}
  .bx-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:2px;color:#8faec9;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
  .bx-table tr>*:last-child{border-bottom:0}
  .bx-table .bx-hl{background:#0a1a2a}
  /* drawings shrink to fit the screen */
  .uc-drawing-scroll{overflow:visible}
  .uc-drawing svg{min-width:0;width:100%;height:auto}
}
