.device-categories { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.device-categories a { min-height:44px; display:inline-flex; align-items:center; padding:9px 20px; border:1px solid #dedee4; border-radius:99px; color:#424247; background:#fff; font-size:15px; }
.device-categories a[aria-current] { background:#1d1d1f; color:#fff; border-color:#1d1d1f; }
.device-categories a:hover { border-color:#0066cc; }
.dvc-heading { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:16px; margin-bottom:24px; }
.dvc-heading p,.dvc-filter-count { color:#68686f; font-size:15px; }
.dvc-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:24px; background:#f5f5f7; border-radius:20px; margin-bottom:16px; }
.dvc-search { grid-column:1/-1; }
.dvc-selected { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0; }
.dvc-selected h2 { font-size:21px; line-height:1.3; margin:0 0 18px; }
.dvc-selected .workspace-field { margin-bottom:16px; }
.dvc-card-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.dvc-art { height:130px; display:grid; place-items:center; background:linear-gradient(145deg,#f5f5f7,#edf2fa); border-radius:14px; margin-bottom:24px; }
.dvc-art>span { display:block; width:67px; height:100px; border:4px solid #3b3b40; border-radius:13px; background:linear-gradient(150deg,#b5cff5,#e4eafd 55%,#c0c8e1); box-shadow:0 8px 18px #3331; position:relative; }
.dvc-art.ipad>span { width:122px; height:86px; border-radius:8px; }
.dvc-art.iphone>span:after { content:''; position:absolute; width:22px; height:5px; border-radius:4px; background:#3b3b40; left:50%; top:5px; transform:translateX(-50%); }
.dvc-model-card h2 { min-height:2.5em; }
.dvc-quick { font-size:15px; color:#68686f; min-height:1.5em; }
.dvc-spec-list small,.dvc-table small { display:block; margin-top:8px; font-size:13px; line-height:1.55; color:#62626a; font-weight:400; }
.dvc-spec-list dd { overflow-wrap:anywhere; }
.dvc-field-sources { margin:16px 0; font-size:13px; }
.dvc-field-sources summary { min-height:44px; padding:12px 0; }
.dvc-field-sources p { margin:8px 0; }
.dvc-table { table-layout:fixed; min-width:650px; }
.dvc-table th:first-child { width:170px; }
.dvc-table th,.dvc-table td { overflow-wrap:anywhere; vertical-align:top; line-height:1.65; }
.dvc-table thead strong,.dvc-table thead span { display:block; }
.dvc-table thead strong { font-size:18px; margin-top:8px; }
.dvc-table thead span,.dvc-group { display:block; font-size:12px; font-weight:500; color:#68686f; margin-bottom:6px; }
.dvc-table .dvc-baseline { background:#f1f6fe; }
.dvc-table td.dvc-difference { box-shadow:inset 0 -2px 0 #c8d8f0; }
.dvc-same { display:block; width:max-content; font-size:12px; margin-top:8px; padding:2px 7px; color:#6b6b73; background:#eeeeef; border-radius:6px; }
.dvc-mobile { display:none; }
.apple-device-teaser { padding-top:16px; padding-bottom:64px; }
.apple-device-teaser .device-categories { margin-top:24px; }
@media (max-width:900px) { .dvc-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:759px) {
  .device-categories { gap:6px; }
  .device-categories a { padding:9px 16px; font-size:14px; }
  .dvc-desktop { display:none; }
  .dvc-mobile { display:block; }
  .dvc-mobile>.workspace-field { margin:20px 0; }
  #device-app .dvc-mobile .dvc-table { min-width:0; width:100%; font-size:14px; }
  #device-app .dvc-mobile .dvc-table thead th:first-child,
  #device-app .dvc-mobile .dvc-table tbody th { width:25%; }
  #device-app .dvc-mobile .dvc-table th,
  #device-app .dvc-mobile .dvc-table td { min-width:0; padding:12px 8px; font-size:14px; }
  #device-app .dvc-mobile .dvc-table thead strong { font-size:14px; }
  .dvc-mobile .workspace-row-help summary { font-size:12px; }
  .dvc-mobile .workspace-table-scroll { overflow-x:auto; }
  .dvc-selected { grid-template-columns:1fr; }
  .dvc-filters { padding:18px; gap:12px; }
  .dvc-spec-list small,.dvc-table small { font-size:12px; }
  .dvc-table .workspace-row-help p { max-width:100%; }
}
@media (prefers-reduced-motion:no-preference) { .dvc-art>span { transition:transform .25s ease; } .dvc-model-card:hover .dvc-art>span { transform:translateY(-3px); } }