@layer components{.standards-hero>p,.calculator-head>p,.standards-section-head>p,.standard-page-title>p{margin:0;color:var(--c-primary);font-size:var(--text-label);font-weight:var(--w-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase} .standards-index,.standard-page,.calculator-page{display:grid;gap:var(--space-8);width:min(100%,var(--page-max));margin:0 auto;padding:var(--space-6) var(--page-pad) var(--space-12)} .standards-hero,.calculator-head{display:grid;gap:var(--space-2);max-width:920px} .standards-hero h1,.calculator-head h1,.standard-page-title h1{margin:0;color:var(--c-ink);font-size:var(--text-heading-lg);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-ui);text-wrap:balance} .standards-hero>span,.calculator-head>span,.standard-page-title>span{color:var(--c-text-muted);font-size:var(--text-body);line-height:var(--lh-copy);text-wrap:pretty} .standards-group-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--c-line-08);border-radius:var(--radius-card);background:var(--c-surface-soft)} .standards-group-nav a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-h-sm);padding:0 var(--space-3);border:1px solid var(--c-primary-12);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-primary);font-size:var(--text-label);text-decoration:none} .standards-group-nav a:hover,.standards-group-nav a:focus-visible{border-color:var(--c-control-line-strong);background:var(--c-control-bg)} .standards-group-nav a b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--c-primary-06);color:var(--c-text-muted);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--w-regular)} .standards-section-head{display:grid;gap:var(--space-1);max-width:920px} .standards-section-head h2{margin:0;color:var(--c-ink);font-size:var(--text-heading-sm);font-weight:var(--w-semibold);letter-spacing:var(--ls-ui)} .standards-section-head>span,.standards-section-head>p:not(:first-child){margin:0;color:var(--c-text-muted);font-size:var(--text-body);line-height:var(--lh-ui)} .standards-calculators,.standards-library,.standard-catalog,.standard-related{display:grid;gap:var(--space-4)} .standards-calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)} .standards-calculator-card{display:grid;grid-template-columns:var(--icon-xl) minmax(0,1fr);gap:var(--space-3);min-height:142px;padding:var(--space-4);border:1px solid var(--c-primary-16);border-radius:var(--radius-card);background:linear-gradient(145deg,var(--c-primary-05),var(--c-surface));color:var(--c-ink);text-decoration:none} .standards-calculator-card:hover,.standards-calculator-card:focus-visible{border-color:var(--c-primary-30);background:linear-gradient(145deg,var(--c-primary-08),var(--c-surface))} .standards-calculator-card>svg{width:var(--icon-xl);height:var(--icon-xl);color:var(--c-primary)} .standards-calculator-card>span{display:grid;align-content:start;gap:var(--space-1)} .standards-calculator-card strong{font-size:var(--text-body-lg);font-weight:var(--w-semibold);line-height:var(--lh-title)} .standards-calculator-card small{color:var(--c-text-muted);font-size:var(--text-label);line-height:var(--lh-ui)} .standards-calculator-card>b{grid-column:2;color:var(--c-primary);font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--w-regular)} .standards-library-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:var(--space-5);max-width:none} .standards-library-head>div{display:grid;gap:var(--space-1)} .standards-library-head>div h2{margin:0;font-size:var(--text-heading-sm);font-weight:var(--w-semibold)} .standards-filter{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-h-lg);padding:0 var(--space-3);border:1px solid var(--c-control-line);border-radius:var(--radius-control);background:var(--c-control-bg)} .standards-filter:focus-within{border-color:var(--c-control-line-strong);box-shadow:0 0 0 3px var(--c-primary-04)} .standards-filter svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--c-text-faint)} .standards-filter input{width:100%;border:0;outline:0;background:transparent;color:var(--c-ink);font:inherit;font-size:var(--text-control)} .standards-group{display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--c-line-08);scroll-margin-top:calc(var(--secondary-results-offset,120px) + var(--space-4))} .standards-group>header{display:grid;gap:var(--space-1)} .standards-group h3{margin:0;color:var(--c-ink);font-size:var(--text-body-lg);font-weight:var(--w-semibold)} .standards-group>header p{margin:0;color:var(--c-text-muted);font-size:var(--text-label);line-height:var(--lh-ui)} .standards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)} .standard-card{display:grid;grid-template-columns:132px minmax(0,1fr) var(--icon-sm);align-items:center;gap:var(--space-3);min-height:132px;padding:var(--space-3);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface);color:var(--c-ink);text-decoration:none} .standard-card:hover,.standard-card:focus-visible{border-color:var(--c-control-line-strong);background:var(--c-control-bg)} .standard-card-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);height:104px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--c-primary-04),var(--c-primary-10));color:var(--c-primary);text-align:center} .standard-card-visual img{display:block;width:100%;height:100%;object-fit:contain;padding:var(--space-2)} .standard-card-visual b{font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--w-semibold)} .standard-card-visual small{color:var(--c-text-muted);font-size:var(--text-caption)} .standard-card-copy{display:grid;gap:var(--space-1);min-width:0} .standard-card-group{width:max-content;max-width:100%;overflow:hidden;color:var(--c-text-faint);font-size:var(--text-caption);line-height:var(--lh-ui);text-overflow:ellipsis;white-space:nowrap} .standard-card-copy>strong{color:var(--c-primary);font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--w-semibold)} .standard-card-copy>b{font-size:var(--text-body);font-weight:var(--w-semibold);line-height:var(--lh-title)} .standard-card-copy>small{display:-webkit-box;overflow:hidden;color:var(--c-text-muted);font-size:var(--text-label);line-height:var(--lh-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical} .standard-card>svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--c-text-faint)} .standards-empty,.standards-notice{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--c-surface-soft);color:var(--c-text-muted);font-size:var(--text-label);line-height:var(--lh-ui)} .standard-page-head{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:var(--space-7);align-items:stretch} .standard-page-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:260px;border:1px solid var(--c-line-10);border-radius:var(--radius-panel);background:linear-gradient(145deg,var(--c-primary-03),var(--c-surface));color:var(--c-primary)} .standard-page-visual img{display:block;width:100%;max-height:360px;object-fit:contain;padding:var(--space-4)} .standard-page-visual b{font-family:var(--font-mono);font-size:var(--text-heading-md);font-weight:var(--w-semibold)} .standard-page-visual span{color:var(--c-text-muted);font-size:var(--text-label)} .standard-page-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-2)} .standard-page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-2);color:var(--c-text-muted);font-size:var(--text-label)} .standard-page-meta a{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--c-primary);text-decoration:none} .standard-page-meta svg{width:var(--icon-xs);height:var(--icon-xs)} .standard-quick{display:grid;gap:var(--space-3)} .standard-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:1px;margin:0;padding:1px;border-radius:var(--radius-card);overflow:hidden;background:var(--c-line-08)} .standard-quick-grid>div{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--c-surface)} .standard-quick-grid dt{color:var(--c-text-faint);font-size:var(--text-caption);font-weight:var(--w-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase} .standard-quick-grid dd{margin:0;color:var(--c-ink);font-size:var(--text-label);line-height:var(--lh-ui)} .standard-quick-grid a{color:var(--c-primary);text-decoration:none} .standard-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)} .standard-section{padding:var(--space-5);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface)} .standard-section h2{margin:0 0 var(--space-3);font-size:var(--text-heading-sm);font-weight:var(--w-semibold)} .standard-section p,.standard-section li{color:var(--c-text-muted);font-size:var(--text-body);line-height:var(--lh-copy)} .standard-section p{margin:0} .standard-section ul{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-5)} .standard-practical{display:grid;gap:var(--space-4)} .standard-practical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)} .standard-practical-card{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--c-primary-12);border-radius:var(--radius-card);background:linear-gradient(145deg,var(--c-primary-03),var(--c-surface))} .standard-practical-card h3{margin:0;color:var(--c-ink);font-size:var(--text-body-lg);font-weight:var(--w-semibold);line-height:var(--lh-title)} .standard-practical-card ul{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-5)} .standard-practical-card li{color:var(--c-text-muted);font-size:var(--text-body);line-height:var(--lh-copy)} .standard-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)} .standard-category-grid a{display:grid;grid-template-columns:minmax(0,1fr) var(--icon-xs);gap:var(--space-1) var(--space-2);padding:var(--space-3);border:1px solid var(--c-line-10);border-radius:var(--radius-control);color:var(--c-ink);text-decoration:none} .standard-category-grid a:hover,.standard-category-grid a:focus-visible{border-color:var(--c-control-line-strong);background:var(--c-control-bg)} .standard-category-grid strong{font-size:var(--text-label);font-weight:var(--w-semibold)} .standard-category-grid small{color:var(--c-text-muted);font-size:var(--text-caption)} .standard-category-grid svg{grid-column:2;grid-row:1 / span 2;width:var(--icon-xs);height:var(--icon-xs);color:var(--c-text-faint)} .standard-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)} .standard-related-grid a{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-control);background:var(--c-surface-soft);color:var(--c-ink);text-decoration:none} .standard-related-grid strong{color:var(--c-primary);font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--w-semibold)} .standard-related-grid span{font-size:var(--text-label);line-height:var(--lh-ui)} .calculator-head code{width:max-content;max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--c-primary-06);color:var(--c-primary);font-family:var(--font-mono);font-size:var(--text-label)} .calculator-panel{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--c-line-10);border-radius:var(--radius-panel);background:var(--c-surface)} .calculator-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)} .calculator-fields label{display:grid;gap:var(--space-2);color:var(--c-text-muted);font-size:var(--text-label);font-weight:var(--w-semibold)} .calculator-fields input,.calculator-fields select{width:100%;min-height:var(--control-h-lg);padding:0 var(--space-3);border:1px solid var(--c-control-line);border-radius:var(--radius-control);outline:0;background:var(--c-control-bg);color:var(--c-ink);font:inherit;font-size:var(--text-control)} .calculator-fields input:focus,.calculator-fields select:focus{border-color:var(--c-control-line-strong);box-shadow:0 0 0 3px var(--c-primary-04)} .calculator-hint{margin:0;color:var(--c-text-muted);font-size:var(--text-label);line-height:var(--lh-ui)} .calculator-result{display:flex;align-items:baseline;gap:var(--space-2);min-height:74px;padding:var(--space-4);border-radius:var(--radius-card);background:var(--c-primary-06);color:var(--c-primary);font-size:var(--text-heading-md);font-weight:var(--w-semibold)} .calculator-result small{color:var(--c-text-muted);font-size:var(--text-label);font-weight:var(--w-regular)} .calculator-context{display:grid;gap:var(--space-2);max-width:900px} .calculator-context h2{margin:0;font-size:var(--text-heading-sm);font-weight:var(--w-semibold)} .calculator-context p{margin:0;color:var(--c-text-muted);font-size:var(--text-body);line-height:var(--lh-copy)} .calculator-context a{width:max-content;color:var(--c-primary);font-size:var(--text-label);text-decoration:none}} @layer responsive{@media (max-width:980px){.standards-calculator-grid,.standard-practical-grid,.standard-category-grid,.standard-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.standard-page-head{grid-template-columns:260px minmax(0,1fr)}.calculator-fields{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:700px){.standards-index,.standard-page,.calculator-page{gap:var(--space-6);padding-top:var(--space-4)}.standards-calculator-grid,.standards-grid,.standard-page-grid,.standard-practical-grid,.standard-category-grid,.standard-related-grid,.calculator-fields{grid-template-columns:1fr}.standards-library-head{grid-template-columns:1fr;align-items:stretch}.standard-card{grid-template-columns:92px minmax(0,1fr) var(--icon-sm);min-height:112px}.standard-card-visual{height:84px}.standard-page-head{grid-template-columns:1fr}.standard-page-visual{min-height:180px}.calculator-panel{padding:var(--space-4)}}} @layer components{.standards-compatibility-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--c-primary-16);border-radius:var(--radius-panel);background:linear-gradient(145deg,var(--c-primary-06),var(--c-surface))} .standards-compatibility-entry>div:nth-child(2){display:grid;gap:var(--space-1)} .standards-compatibility-entry p{margin:0;color:var(--c-primary);font-size:var(--text-label);font-weight:var(--w-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase} .standards-compatibility-entry h2{margin:0;font-size:var(--text-heading-sm);font-weight:var(--w-semibold)} .standards-compatibility-entry>div:nth-child(2)>span{color:var(--c-text-muted);font-size:var(--text-body);line-height:var(--lh-ui)} .standards-compatibility-entry>a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-h-lg);padding:0 var(--space-4);border:1px solid var(--c-primary-22);border-radius:var(--radius-control);background:var(--c-surface);color:var(--c-primary);font-size:var(--text-label);font-weight:var(--w-semibold);text-decoration:none} .standards-compatibility-entry>a:hover,.standards-compatibility-entry>a:focus-visible{background:var(--c-control-bg);border-color:var(--c-control-line-strong)} .standards-compatibility-entry>a svg{width:var(--icon-xs);height:var(--icon-xs)} .standards-compatibility-symbol{display:flex;align-items:center;gap:var(--space-2);color:var(--c-primary)} .standards-compatibility-symbol span{display:grid;place-items:center;width:var(--control-h-lg);height:var(--control-h-lg);border:1px solid var(--c-primary-22);border-radius:var(--radius-control);background:var(--c-surface);font-family:var(--font-mono);font-size:var(--text-body-lg);font-weight:var(--w-semibold)} .standards-compatibility-symbol b{font-size:var(--text-body);font-weight:var(--w-regular)} .compatibility-page{display:grid;gap:var(--space-8);width:min(100%,var(--page-max));margin:0 auto;padding:var(--space-6) var(--page-pad) var(--space-12)} .compatibility-hero{display:grid;gap:var(--space-2);max-width:980px} .compatibility-hero>p{margin:0;color:var(--c-primary);font-size:var(--text-label);font-weight:var(--w-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase} .compatibility-hero h1{margin:0;color:var(--c-ink);font-size:var(--text-heading-lg);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-ui);text-wrap:balance} .compatibility-hero>span{color:var(--c-text-muted);font-size:var(--text-body);line-height:var(--lh-copy);text-wrap:pretty} .compatibility-sources{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)} .compatibility-sources a{display:grid;gap:var(--space-1);min-width:180px;padding:var(--space-2) var(--space-3);border:1px solid var(--c-line-10);border-radius:var(--radius-control);background:var(--c-surface);color:var(--c-ink);text-decoration:none} .compatibility-sources strong{color:var(--c-primary);font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--w-semibold)} .compatibility-sources span{font-size:var(--text-caption);color:var(--c-text-muted)} .compatibility-checker{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--c-primary-16);border-radius:var(--radius-panel);background:linear-gradient(145deg,var(--c-primary-04),var(--c-surface))} .compatibility-checker-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--space-3)} .compatibility-checker-grid label{display:grid;gap:var(--space-2);color:var(--c-text-muted);font-size:var(--text-label);font-weight:var(--w-semibold)} .compatibility-checker-grid input{width:100%;min-height:var(--control-h-lg);padding:0 var(--space-3);border:1px solid var(--c-control-line);border-radius:var(--radius-control);outline:0;background:var(--c-surface);color:var(--c-ink);font-family:var(--font-mono);font-size:var(--text-control);text-transform:uppercase} .compatibility-checker-grid input:focus{border-color:var(--c-control-line-strong);box-shadow:0 0 0 3px var(--c-primary-04)} .compatibility-arrow{display:grid;place-items:center;width:var(--control-h-lg);height:var(--control-h-lg);color:var(--c-primary);font-size:var(--text-body-lg)} .compatibility-example-row{display:flex;flex-wrap:wrap;gap:var(--space-2)} .compatibility-example-row button{min-height:var(--control-h-sm);padding:0 var(--space-3);border:1px solid var(--c-line-10);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-text-muted);font-family:var(--font-mono);font-size:var(--text-caption);cursor:pointer} .compatibility-example-row button:hover,.compatibility-example-row button:focus-visible{border-color:var(--c-control-line-strong);color:var(--c-primary)} .compatibility-result{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:82px;padding:var(--space-4);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface);color:var(--c-ink)} .compatibility-result>span:first-child{display:grid;gap:var(--space-1)} .compatibility-result strong{font-size:var(--text-body-lg);font-weight:var(--w-semibold)} .compatibility-result small{color:var(--c-text-muted);font-size:var(--text-label);line-height:var(--lh-ui)} .compatibility-result.is-success{border-color:var(--c-success-line);background:var(--c-success-soft)} .compatibility-result.is-error{border-color:var(--c-danger-line);background:var(--c-danger-soft)} .compatibility-result.is-warning{border-color:var(--c-warning-line);background:var(--c-warning-soft)} .compatibility-result.is-info{border-color:var(--c-primary-16);background:var(--c-primary-04)} .compatibility-result-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)} .compatibility-result-meta b{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-text-muted);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--w-regular)} .compatibility-read{display:grid;gap:var(--space-4)} .compatibility-read-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)} .compatibility-read-grid article{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface)} .compatibility-read-grid code{width:max-content;max-width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);background:var(--c-primary-06);color:var(--c-primary);font-family:var(--font-mono);font-size:var(--text-label)} .compatibility-read-grid h3{margin:0;font-size:var(--text-body-lg);font-weight:var(--w-semibold)} .compatibility-read-grid p{margin:0;color:var(--c-text-muted);font-size:var(--text-body);line-height:var(--lh-copy)} .compatibility-families{display:grid;gap:var(--space-4)} .compatibility-family-grid{display:grid;gap:var(--space-3)} .compatibility-family{display:grid;grid-template-columns:112px minmax(220px,1.2fr) minmax(180px,1fr) minmax(220px,1fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface);scroll-margin-top:var(--space-12)} .compatibility-shape{display:grid;place-items:center;align-content:center;gap:var(--space-1);width:112px;height:96px;border-radius:var(--radius-card);background:linear-gradient(145deg,var(--c-primary-05),var(--c-primary-10));color:var(--c-primary);text-align:center} .compatibility-shape b{font-family:var(--font-mono);font-size:var(--text-heading-md);font-weight:var(--w-semibold)} .compatibility-shape span{font-size:var(--text-caption);color:var(--c-text-muted)} .compatibility-family-copy{display:grid;gap:var(--space-1)} .compatibility-family-copy h3{margin:0;font-size:var(--text-body-lg);font-weight:var(--w-semibold)} .compatibility-family-copy p{margin:0;color:var(--c-text-muted);font-size:var(--text-label);line-height:var(--lh-ui)} .compatibility-family-column{display:grid;align-content:start;gap:var(--space-2)} .compatibility-family-column>strong{font-size:var(--text-caption);font-weight:var(--w-semibold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:var(--ls-caps)} .compatibility-family-column>small{color:var(--c-text-faint);font-size:var(--text-caption);line-height:var(--lh-ui)} .compatibility-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)} .compatibility-chips a,.compatibility-chips span{display:inline-flex;align-items:center;min-height:var(--control-h-sm);padding:0 var(--space-2);border:1px solid var(--c-primary-16);border-radius:var(--radius-pill);background:var(--c-primary-04);color:var(--c-primary);font-family:var(--font-mono);font-size:var(--text-caption);text-decoration:none} .compatibility-chips.is-neutral span{border-color:var(--c-line-10);background:var(--c-surface-soft);color:var(--c-text-muted)} .compatibility-holder-link{display:inline-flex;align-items:center;gap:var(--space-1);width:max-content;color:var(--c-primary);font-size:var(--text-caption);font-weight:var(--w-semibold);text-decoration:none} .compatibility-holder-link svg{width:var(--icon-xs);height:var(--icon-xs)}} @layer responsive{@media (max-width:980px){.standards-compatibility-entry{grid-template-columns:auto minmax(0,1fr)}.standards-compatibility-entry>a{grid-column:1 / -1;width:max-content}.compatibility-family{grid-template-columns:96px minmax(0,1fr) minmax(180px,1fr)}.compatibility-shape{width:96px}.compatibility-family-column:last-child{grid-column:2 / -1}} @media (max-width:700px){.standards-compatibility-entry{grid-template-columns:1fr}.standards-compatibility-symbol{display:none}.standards-compatibility-entry>a{grid-column:auto;width:100%;justify-content:center}.compatibility-page{gap:var(--space-6);padding-top:var(--space-4)}.compatibility-checker{padding:var(--space-4)}.compatibility-checker-grid{grid-template-columns:1fr}.compatibility-arrow{width:100%;height:auto}.compatibility-result{align-items:flex-start;flex-direction:column}.compatibility-result-meta{justify-content:flex-start}.compatibility-read-grid{grid-template-columns:1fr}.compatibility-family{grid-template-columns:78px minmax(0,1fr);align-items:start}.compatibility-shape{width:78px;height:78px}.compatibility-family-column{grid-column:1 / -1}.compatibility-family-column:last-child{grid-column:1 / -1}}} @media (max-width:700px){.standards-group-nav{flex-wrap:nowrap;overflow-x:auto;padding:var(--space-2);scrollbar-width:none}.standards-group-nav::-webkit-scrollbar{display:none}.standards-group-nav a{flex:0 0 auto}} .standards-group-page{display:grid;gap:var(--space-7);width:min(100%,var(--page-max));margin:0 auto;padding:var(--space-6) var(--page-pad) var(--space-8)} .standards-search-form{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--c-line-08);border-radius:var(--radius-card);background:var(--c-surface-soft)} .standards-search-form>label{color:var(--c-ink);font-size:var(--text-label);font-weight:var(--w-semibold)} .standards-search-form>div{display:grid;grid-template-columns:var(--icon-md) minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--c-primary-12);border-radius:var(--radius-control);background:var(--c-surface)} .standards-search-form svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--c-text-muted)} .standards-search-form input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--c-ink);font:inherit} .standards-search-form button,.standards-clear-search,.standards-group-all,.standards-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h-sm);padding:0 var(--space-3);border:1px solid var(--c-primary-12);border-radius:var(--radius-control);background:var(--c-surface);color:var(--c-primary);font-size:var(--text-label);font-weight:var(--w-medium);text-decoration:none} .standards-search-form button:hover,.standards-search-form button:focus-visible,.standards-clear-search:hover,.standards-clear-search:focus-visible,.standards-group-all:hover,.standards-group-all:focus-visible,.standards-pagination a:hover,.standards-pagination a:focus-visible{border-color:var(--c-control-line-strong);background:var(--c-control-bg)} .standards-search-form small{color:var(--c-text-muted);font-size:var(--text-caption);line-height:var(--lh-ui)} .standards-group-preview>header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-4)} .standards-group-preview>header>div{display:grid;gap:var(--space-1)} .standards-group-all{white-space:nowrap} .standards-group-nav a[aria-current="page"]{border-color:var(--c-primary);background:var(--c-primary-06)} .standards-group-hero{position:relative} .standards-group-stat{display:inline-flex;align-items:baseline;gap:var(--space-2);width:max-content;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--c-primary-06);color:var(--c-text-muted)} .standards-group-stat b{color:var(--c-primary);font-family:var(--font-mono);font-size:var(--text-body-lg);font-weight:var(--w-semibold)} .standards-pagination{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--c-line-08)} .standards-pagination a:first-child{justify-self:start}.standards-pagination a:last-child{justify-self:end} .standards-pagination span{color:var(--c-text-muted);font-size:var(--text-label);text-align:center} .standards-search-results{scroll-margin-top:calc(var(--secondary-results-offset,120px) + var(--space-4))} .standards-empty{margin:0;padding:var(--space-5);border:1px dashed var(--c-primary-12);border-radius:var(--radius-card);color:var(--c-text-muted);text-align:center} @media (max-width:700px){.standards-group-page{gap:var(--space-6);padding-top:var(--space-4)}.standards-search-form{padding:var(--space-3)}.standards-search-form>div{grid-template-columns:var(--icon-sm) minmax(0,1fr);padding-right:var(--space-3)}.standards-search-form button{grid-column:1/-1;width:100%}.standards-group-preview>header{grid-template-columns:1fr;align-items:start}.standards-group-all{width:100%}.standards-pagination{grid-template-columns:1fr 1fr}.standards-pagination span{grid-column:1/-1;grid-row:1}.standards-pagination a:first-of-type{grid-column:1;grid-row:2;width:100%}.standards-pagination a:last-of-type{grid-column:2;grid-row:2;width:100%}}