.center-page { min-height: 100vh; color: #f4f8ff; background: #101c2e; }
.center-header { position: sticky; top: 0; z-index: 20; height: 78px; border-bottom: 1px solid rgba(190, 218, 255, .18); background: rgba(18, 33, 57, .97); box-shadow: 0 8px 28px rgba(2, 10, 22, .24); backdrop-filter: blur(14px); }
.center-header-inner { height: 100%; display: flex; align-items: center; gap: 32px; }
.center-header .brand img { width: 142px; display: block; }
.center-nav { display: flex; align-items: center; gap: 24px; margin-left: auto; }
.center-nav a { position: relative; padding: 28px 0; color: rgba(239, 246, 255, .68); font-size: 14px; transition: color .2s ease; }
.center-nav a::after { position: absolute; right: 0; bottom: 20px; left: 0; height: 2px; content: ''; background: #5de5ff; transform: scaleX(0); transition: transform .2s ease; }
.center-nav a:hover, .center-nav a.active { color: #fff; }.center-nav a:hover::after, .center-nav a.active::after { transform: scaleX(1); }
.center-actions { display: flex; align-items: center; gap: 14px; margin-left: 8px; }
.center-user { max-width: 130px; overflow: hidden; color: #5de5ff; font: 500 13px 'DM Mono', monospace; text-overflow: ellipsis; white-space: nowrap; }
.center-logout { padding: 9px 14px; border: 1px solid rgba(190, 218, 255, .26); border-radius: 999px; background: transparent; color: rgba(239, 246, 255, .82); font-size: 13px; cursor: pointer; transition: .2s ease; }
.center-logout:hover { border-color: #5de5ff; color: #fff; background: rgba(93, 229, 255, .1); }
.center-main { min-height: calc(100vh - 78px); padding: 64px 0 110px; background: linear-gradient(180deg, #14263e 0, #101c2e 420px); }
.center-content { display: grid; gap: 24px; }
.center-hero { display: flex; justify-content: space-between; align-items: end; gap: 30px; padding: 34px 0 20px; border-bottom: 1px solid rgba(190, 218, 255, .18); }
.center-kicker, .section-title p { margin: 0 0 12px; color: #5de5ff; font: 500 12px 'DM Mono', monospace; letter-spacing: 1.8px; }
.center-hero h1 { margin: 0; font-size: clamp(30px, 4vw, 52px); letter-spacing: 0; }.center-hero h1 em, .section-title h2 em { color: #5de5ff; font-style: normal; }
.center-lead { margin: 15px 0 0; color: #a9b9cf; font-size: 16px; }
.center-warning { margin: 12px 0 0; color: #ffca75; font-size: 13px; }
.center-hero-meta { display: flex; align-items: center; gap: 24px; min-width: 290px; padding: 18px 20px; border: 1px solid rgba(190, 218, 255, .18); background: rgba(14, 29, 49, .6); }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: #68edb1; box-shadow: 0 0 0 5px rgba(104, 237, 177, .13); }
.center-hero-meta div { display: grid; gap: 4px; }.center-hero-meta strong { font-size: 15px; }.center-hero-meta small { color: #8fa2bc; font-size: 12px; }
.center-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.center-stat { position: relative; min-height: 128px; padding: 22px; border: 1px solid rgba(190, 218, 255, .18); background: rgba(23, 41, 67, .72); overflow: hidden; }.center-stat::after { position: absolute; right: -24px; bottom: -30px; width: 100px; height: 100px; border: 1px solid currentColor; border-radius: 50%; opacity: .16; content: ''; }.center-stat span { display: block; color: #a9b9cf; font-size: 14px; }.center-stat strong { display: inline-block; margin-top: 13px; font: 700 32px 'DM Mono', monospace; }.center-stat small { margin-left: 7px; color: #a9b9cf; font-size: 13px; }.center-stat.cyan { color: #5de5ff; }.center-stat.blue { color: #75a8ff; }.center-stat.purple { color: #c5a4ff; }.center-stat.green { color: #70e4b2; }
.center-section { scroll-margin-top: 100px; padding: 30px; border: 1px solid rgba(190, 218, 255, .18); background: rgba(18, 36, 59, .74); }.section-title { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(190, 218, 255, .14); }.section-title p { margin-bottom: 8px; }.section-title h2 { margin: 0; font-size: 28px; }.section-title > span { color: #91a4bd; font-size: 13px; }
.profile-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px 30px; padding-top: 24px; }.profile-grid div { display: grid; gap: 7px; }.profile-grid span { color: #8fa2bc; font-size: 13px; }.profile-grid strong { color: #f5f8ff; font-size: 16px; }.profile-grid strong.ok { color: #70e4b2; }.profile-grid strong.muted { color: #a9b9cf; }
.data-columns, .support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-top: 20px; }.data-panel { min-width: 0; padding: 20px; border: 1px solid rgba(190, 218, 255, .16); background: rgba(11, 24, 42, .52); }.data-panel h3 { margin: 0 0 14px; font-size: 18px; }.data-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 0; border-top: 1px solid rgba(190, 218, 255, .1); }.data-row > div:first-child { min-width: 0; display: grid; gap: 5px; }.data-row strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }.data-row strong small { color: #91a4bd; font-size: 12px; font-weight: 400; }.data-row small { color: #91a4bd; font-size: 12px; }.row-right { display: grid; justify-items: end; gap: 5px; }.row-right b { color: #f4f8ff; font: 500 14px 'DM Mono', monospace; }.pill { display: inline-flex; align-items: center; min-height: 23px; padding: 2px 8px; border: 1px solid rgba(190, 218, 255, .22); border-radius: 999px; color: #c5d4e8; font-size: 11px; white-space: nowrap; }.pill.green { border-color: rgba(112, 228, 178, .4); color: #70e4b2; background: rgba(112, 228, 178, .08); }.pill.blue { border-color: rgba(117, 168, 255, .4); color: #9ec0ff; background: rgba(117, 168, 255, .08); }.pill.yellow { border-color: rgba(255, 202, 117, .42); color: #ffca75; background: rgba(255, 202, 117, .08); }.pill.muted { color: #a9b9cf; }.empty { padding: 32px 0; color: #91a4bd; font-size: 14px; text-align: center; }.amount { font: 500 14px 'DM Mono', monospace; }.amount.up { color: #70e4b2; }.amount.down { color: #ff9b9b; }
.product-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 18px; padding-top: 20px; }.product-side { min-height: 330px; padding: 20px 0; border: 1px solid rgba(190, 218, 255, .16); background: rgba(11, 24, 42, .52); }.product-side > strong { display: block; padding: 0 18px 18px; color: #cbd8e9; font-size: 20px; }.product-menu-group { padding: 13px 0; border-top: 1px solid rgba(190, 218, 255, .1); }.product-menu-title { display: block; padding: 0 18px 9px; color: #75a8ff; font-size: 14px; }.product-menu-group a { display: block; padding: 8px 18px 8px 31px; color: #98abc3; font-size: 13px; }.product-menu-group a:hover, .product-menu-group a.selected { color: #fff; background: rgba(67, 139, 255, .17); }.product-main { min-width: 0; padding: 0 20px 20px; border: 1px solid rgba(190, 218, 255, .16); background: rgba(11, 24, 42, .52); }.product-tabs { display: flex; gap: 28px; border-bottom: 1px solid rgba(190, 218, 255, .12); }.product-tabs span, .product-tabs a { padding: 18px 0 14px; color: #9fb1c9; font-size: 14px; }.product-tabs .active { border-bottom: 2px solid #5de5ff; color: #5de5ff; }.product-toolbar { display: flex; justify-content: space-between; padding: 18px 0; color: #91a4bd; font-size: 12px; }.product-table-head, .product-table-row { display: grid; grid-template-columns: 1.4fr 1.1fr .9fr 1fr; gap: 14px; align-items: center; }.product-table-head { padding: 10px 12px; color: #8fa2bc; background: rgba(23, 41, 67, .8); font-size: 12px; }.product-table-row { padding: 14px 12px; border-bottom: 1px solid rgba(190, 218, 255, .1); color: #b8c7da; font-size: 13px; }.product-table-row strong { min-width: 0; overflow-wrap: anywhere; color: #eef5ff; font: 500 12px 'DM Mono', monospace; line-height: 1.45; white-space: normal; }.product-table-row time { color: #91a4bd; font-size: 12px; }.legacy-news-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 18px; }.legacy-news-grid > div { padding: 20px; border: 1px solid rgba(190, 218, 255, .16); background: rgba(11, 24, 42, .52); }.legacy-news-grid h3 { margin: 0 0 10px; font-size: 17px; }.legacy-news-row { display: block; padding: 13px 0; border-top: 1px solid rgba(190, 218, 255, .1); }.legacy-news-row strong { display: block; color: #eef5ff; font-size: 13px; }.legacy-news-row small { display: block; margin-top: 4px; color: #5de5ff; font: 11px 'DM Mono', monospace; }.legacy-news-row p { margin: 5px 0 0; overflow: hidden; color: #9eb0c7; font-size: 12px; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }
.message-row { padding: 15px 0; border-top: 1px solid rgba(190, 218, 255, .1); }.message-row:first-of-type { border-top: 0; }.message-row strong { font-size: 14px; }.message-row > small { display: block; margin-top: 5px; color: #91a4bd; font-size: 12px; }.message-row p { margin: 8px 0 0; color: #a9b9cf; font-size: 13px; line-height: 1.7; }.message-row p.reply { color: #70e4b2; }.message-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.support-footer { display: flex; align-items: center; gap: 34px; margin-top: 16px; padding-top: 20px; border-top: 1px solid rgba(190, 218, 255, .14); }.support-footer div { display: grid; gap: 5px; }.support-footer span { color: #91a4bd; font-size: 12px; }.support-footer strong { font-size: 14px; }.center-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-left: auto; padding: 0 17px; border: 1px solid #438bff; border-radius: 999px; background: #438bff; color: #fff; font-size: 13px; transition: .2s ease; }.center-primary:hover { background: #5aa0ff; transform: translateY(-1px); }
.center-state { min-height: 55vh; display: grid; place-items: center; align-content: center; gap: 14px; color: #a9b9cf; text-align: center; }.center-state p { margin: 0; font-size: 15px; }.center-state h1 { margin: 0; color: #f4f8ff; font-size: 28px; }.error-state { gap: 18px; }.loader { width: 30px; height: 30px; border: 2px solid rgba(93, 229, 255, .22); border-top-color: #5de5ff; border-radius: 50%; animation: spin .8s linear infinite; }@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 900px) { .center-header-inner { gap: 18px; }.center-nav { gap: 14px; }.center-nav a { font-size: 13px; }.center-stats { grid-template-columns: repeat(2, 1fr); }.profile-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) { .center-header { height: auto; }.center-header-inner { flex-wrap: wrap; padding-top: 15px; padding-bottom: 15px; }.center-nav { order: 3; width: 100%; justify-content: space-between; margin: 0; overflow-x: auto; }.center-nav a { padding: 8px 0 11px; white-space: nowrap; }.center-nav a::after { bottom: 0; }.center-actions { margin-left: auto; }.center-user { display: none; }.center-main { padding-top: 28px; }.center-hero { display: block; padding-top: 12px; }.center-hero-meta { margin-top: 22px; min-width: 0; }.center-section { padding: 21px 17px; }.section-title { display: block; }.section-title > span { display: block; margin-top: 9px; }.data-columns, .support-grid { grid-template-columns: 1fr; }.profile-grid { gap: 19px 14px; }.profile-grid strong { font-size: 14px; }.support-footer { flex-wrap: wrap; gap: 18px; }.center-primary { width: 100%; margin: 6px 0 0; }.wrap { width: min(100% - 34px, 1220px); } }
@media (max-width: 680px) { .product-layout, .legacy-news-grid { grid-template-columns: 1fr; }.product-side { min-height: 0; }.product-menu-group { display: none; }.product-side > strong { padding-bottom: 0; }.product-table { overflow-x: auto; }.product-table-head, .product-table-row { min-width: 610px; } }
.product-tabs button { padding: 18px 0 14px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; outline: 0; background: transparent; color: #9fb1c9; font-size: 14px; cursor: pointer; }.product-tabs button.active { border-bottom-color: #5de5ff; color: #5de5ff; }

.machines-table .product-table-head, .machines-table .product-table-row { grid-template-columns: 1.55fr 1.1fr 1.2fr .8fr 1fr; }
@media (max-width: 680px) { .machines-table .product-table-head, .machines-table .product-table-row { min-width: 760px; } }
.product-tabs { overflow-x: auto; scrollbar-width: none; } .product-tabs::-webkit-scrollbar { display: none; } .product-tabs button { flex: 0 0 auto; white-space: nowrap; }
.center-content > * { min-width: 0; }
.legacy-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.legacy-news-grid > div { min-width: 0; }
.cards-table .product-table-head, .cards-table .product-table-row { grid-template-columns: minmax(250px, 1.6fr) 132px minmax(130px, .8fr) minmax(120px, .8fr) minmax(110px, .7fr); }
.card-actions { display: flex; align-items: center; gap: 8px; }
.card-actions button { min-width: 58px; height: 32px; padding: 0 12px; border: 1px solid rgba(93, 229, 255, .4); border-radius: 6px; background: rgba(93, 229, 255, .08); color: #8cecff; font-size: 13px; cursor: pointer; transition: border-color .18s ease, background .18s ease, color .18s ease; }
.card-actions button:hover { border-color: #5de5ff; background: #5de5ff; color: #071522; }
.card-actions button:focus-visible { outline: 2px solid #75a8ff; outline-offset: 2px; }
@media (max-width: 680px) { .legacy-news-grid { grid-template-columns: 1fr; } .cards-table .product-table-head, .cards-table .product-table-row { min-width: 900px; } }

/* Light theme companion for the developer center. */
html[data-theme="light"] .center-page { color: #17263d; background: #f5f8fc; }
html[data-theme="light"] .center-header { border-color: rgba(34, 70, 111, .14); background: rgba(255, 255, 255, .96); box-shadow: 0 8px 28px rgba(43, 76, 115, .1); }
html[data-theme="light"] .center-nav a, html[data-theme="light"] .center-logout { color: #5a6c83; }
html[data-theme="light"] .center-nav a:hover, html[data-theme="light"] .center-nav a.active, html[data-theme="light"] .center-logout:hover { color: #1d5db8; }
html[data-theme="light"] .center-logout { border-color: rgba(34, 70, 111, .2); }
html[data-theme="light"] .center-main { background: linear-gradient(180deg, #eef4fa 0, #f5f8fc 420px); }
html[data-theme="light"] .center-hero, html[data-theme="light"] .center-section, html[data-theme="light"] .product-main, html[data-theme="light"] .product-side, html[data-theme="light"] .data-panel, html[data-theme="light"] .legacy-news-grid > div { border-color: rgba(34, 70, 111, .14); }
html[data-theme="light"] .center-hero h1, html[data-theme="light"] .section-title h2, html[data-theme="light"] .profile-grid strong, html[data-theme="light"] .center-state h1, html[data-theme="light"] .data-row strong, html[data-theme="light"] .legacy-news-row strong { color: #172b48; }
html[data-theme="light"] .center-lead, html[data-theme="light"] .section-title > span, html[data-theme="light"] .profile-grid span, html[data-theme="light"] .product-toolbar, html[data-theme="light"] .product-table-row, html[data-theme="light"] .product-table-row time, html[data-theme="light"] .legacy-news-row p, html[data-theme="light"] .data-row small, html[data-theme="light"] .empty { color: #5f7087; }
html[data-theme="light"] .center-section, html[data-theme="light"] .center-hero-meta, html[data-theme="light"] .center-stat, html[data-theme="light"] .product-main, html[data-theme="light"] .product-side, html[data-theme="light"] .data-panel, html[data-theme="light"] .legacy-news-grid > div { background: rgba(255, 255, 255, .9); }
html[data-theme="light"] .center-stat span, html[data-theme="light"] .center-stat small { color: #5f7087; }
html[data-theme="light"] .product-menu-group a, html[data-theme="light"] .product-tabs button, html[data-theme="light"] .product-tabs span { color: #5a6c83; }
html[data-theme="light"] .product-menu-group a:hover, html[data-theme="light"] .product-menu-group a.selected { color: #1d5db8; background: rgba(40, 111, 228, .09); }
html[data-theme="light"] .product-table-head { color: #56708e; background: #e7eff8; }
html[data-theme="light"] .product-table-row { border-color: rgba(34, 70, 111, .1); }
html[data-theme="light"] .product-table-row strong { color: #1b3557; }
html[data-theme="light"] .data-row, html[data-theme="light"] .message-row { border-color: rgba(34, 70, 111, .1); }
html[data-theme="light"] .card-actions button { background: #edf6ff; color: #1767c7; border-color: rgba(40, 111, 228, .3); }
html[data-theme="light"] .card-actions button:hover { background: #286fe4; color: #fff; }

/* Version protection applications in the member center. */
.protection-apply-hero h1 span { color: #286fe4; }
.protection-apply-section, .protection-application-section { background: rgba(255, 255, 255, .94); }
.protection-apply-form { display: grid; gap: 18px; padding-top: 24px; }
.protection-apply-form .form-grid { display: grid; align-items: start; gap: 16px; }
.protection-apply-form .form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.protection-apply-form label { display: grid; gap: 8px; color: #526781; font-size: 13px; }
.protection-apply-form label > span { font-weight: 600; }
.protection-apply-form label b { color: #d14b58; }
.protection-apply-form input, .protection-apply-form select, .protection-apply-form textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid rgba(34, 70, 111, .18); border-radius: 8px; outline: 0; background: #fff; color: #213b5c; font: inherit; resize: vertical; transition: border-color .18s ease, box-shadow .18s ease; }
.protection-apply-form input:focus, .protection-apply-form select:focus, .protection-apply-form textarea:focus { border-color: #438bff; box-shadow: 0 0 0 3px rgba(67, 139, 255, .12); }
.protection-period-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; color: #526781; font-size: 13px; }
.protection-period-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 32px; }
.protection-apply-form .protection-period-heading > label { display: block; font-weight: 600; }
.protection-apply-form .protection-platform-field > span { display: flex; align-items: center; min-height: 32px; }
.protection-period-modes { display: inline-flex; flex-shrink: 0; border: 1px solid rgba(34, 70, 111, .18); border-radius: 6px; overflow: hidden; }
.protection-period-modes button { min-height: 30px; padding: 0 12px; border: 0; background: transparent; color: #647a96; font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; }
.protection-period-modes button[aria-pressed="true"] { background: #eaf2ff; color: #2468d6; }
.protection-period-modes button:focus-visible { outline: 2px solid #438bff; outline-offset: -2px; }
.protection-period-feedback { min-height: 20px; margin: 0; color: #647a96; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.protection-period-feedback.invalid { color: #c23b42; }
.protection-apply-form input[aria-invalid="true"] { border-color: #c23b42; }
.protection-apply-form input[readonly] { background: #f7f9fc; color: #647a96; }
html[data-theme="dark"] .protection-period-modes { border-color: #3d5676; }
html[data-theme="dark"] .protection-period-modes button, html[data-theme="dark"] .protection-period-feedback { color: #a9b9cf; }
html[data-theme="dark"] .protection-period-modes button[aria-pressed="true"] { background: #203657; color: #9bc3ff; }
html[data-theme="dark"] .protection-period-feedback.invalid { color: #ff9da3; }
html[data-theme="dark"] .protection-apply-form input[aria-invalid="true"] { border-color: #e68696; }
.protection-upload-grid { display: grid; grid-template-columns: minmax(190px, .7fr) minmax(0, 1.3fr); gap: 16px; }
.protection-upload-card { min-height: 190px; display: flex; flex-direction: column; gap: 12px; padding: 18px; border: 1px dashed rgba(34, 70, 111, .22); border-radius: 10px; background: #f8fbff; color: #526781; }
.protection-cover-preview { height: 125px; display: grid; place-items: center; overflow: hidden; border-radius: 7px; background: #e9f0f8; color: #93a5ba; }
.protection-cover-preview img { width: 100%; height: 100%; object-fit: cover; }
.upload-trigger { align-self: flex-start; cursor: pointer; }
.protection-apply-form label.upload-trigger { display: inline-flex; align-items: center; gap: 0; }
.center-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 15px; border: 1px solid rgba(34, 70, 111, .2); border-radius: 999px; background: #fff; color: #31577f; font-size: 13px; cursor: pointer; transition: .18s ease; }
.center-secondary:hover { border-color: #438bff; color: #1d5db8; background: #eef5ff; }
.upload-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.protection-screenshot-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
.protection-screenshot-list figure { position: relative; height: 120px; margin: 0; overflow: hidden; border-radius: 7px; background: #e9f0f8; }
.protection-screenshot-list img { width: 100%; height: 100%; object-fit: cover; }
.protection-screenshot-list button { position: absolute; right: 6px; bottom: 6px; padding: 4px 7px; border: 0; border-radius: 5px; background: rgba(17, 37, 61, .78); color: #fff; font-size: 11px; cursor: pointer; }
.upload-empty { margin: auto 0; color: #8a9bb0; font-size: 13px; }
.protection-notice { margin: 0; padding: 12px 14px; border: 1px solid rgba(67, 139, 255, .2); border-radius: 7px; background: #eef5ff; color: #31577f; font-size: 13px; line-height: 1.6; }
.protection-form-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 4px; }
.protection-form-actions .center-primary { margin-left: 0; }
.protection-application-list { display: grid; gap: 12px; padding-top: 20px; }
.protection-application-list article { display: grid; grid-template-columns: 100px minmax(0, 1fr) auto; align-items: start; gap: 16px; padding: 16px; border: 1px solid rgba(34, 70, 111, .13); border-radius: 9px; background: #fbfdff; }
.application-cover { width: 100px; height: 74px; display: grid; place-items: center; overflow: hidden; border-radius: 7px; background: #e9f0f8; color: #7c8fa7; font: 700 18px 'DM Mono', monospace; }
.application-cover img { width: 100%; height: 100%; object-fit: cover; }
.application-main { min-width: 0; }
.application-heading { display: flex; align-items: center; gap: 10px; }
.application-heading h3 { margin: 0; color: #1b3557; font-size: 17px; }
.application-main > p { margin: 7px 0 0; color: #75879c; font-size: 12px; }
.application-description { margin-top: 10px; color: #536a84; font-size: 13px; line-height: 1.65; white-space: pre-line; }
.application-shots { display: flex; gap: 7px; margin-top: 12px; overflow-x: auto; }
.application-shots img { width: 72px; height: 52px; flex: 0 0 auto; border-radius: 5px; object-fit: cover; }
.application-link { min-height: 35px; white-space: nowrap; }
.pill.red { border-color: rgba(209, 75, 88, .35); color: #c23b42; background: rgba(209, 75, 88, .07); }
.protection-empty { padding: 44px 0; }
@media (max-width: 680px) { .protection-apply-form .form-grid.two { grid-template-columns: 1fr; } .protection-upload-grid { grid-template-columns: 1fr; } .protection-application-list article { grid-template-columns: 72px minmax(0, 1fr); } .application-cover { width: 72px; height: 58px; } .application-link { grid-column: 1 / -1; justify-self: start; } .protection-form-actions { justify-content: stretch; } .protection-form-actions > * { flex: 1; } }