/* Shared phone layout, loaded after page-specific styles. */

.cm-studio-home{max-width:1280px;margin:32px auto;padding:32px;background:#102638;color:white;border-radius:12px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;box-sizing:border-box}
.cm-studio-home h2{font-size:clamp(28px,4vw,42px);margin:8px 0}.cm-studio-home p{line-height:1.6;color:#c8dbe8}.cm-studio-home a{color:white}
.cm-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.cm-studio-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.cm-studio-links .cm-studio-button{flex-basis:100%;text-align:center}
.cm-studio-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;background:#0965b4;border:1px solid #368acf;color:#fff!important;border-radius:6px;text-decoration:none;font-weight:700;box-sizing:border-box}
.cm-studio-integration{padding:36px max(16px,calc((100% - 1360px)/2));background:#071420;color:#e4eff5}.cm-studio-intro{max-width:1100px;margin:0 auto 24px}.cm-studio-intro h2{font-size:clamp(26px,3vw,38px);margin:8px 0}.cm-studio-intro p{line-height:1.6}.cm-studio-intro a{color:#9bdcf7;margin:6px 16px 6px 0}
.cm-studio-frame{display:block;width:100%;border:0;background:#071420;min-height:700px}
@media(max-width:700px){
 html{scroll-padding-top:16px}body{overflow-wrap:break-word}
 .carter-standard-header{position:static!important;top:auto!important}
 .carter-standard-header>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px!important;padding:10px 16px!important}
 .carter-standard-header>div>a:first-child{max-width:100%!important;grid-column:1;grid-row:1}.carter-standard-header>div>a:first-child img{width:160px;max-width:100%;height:auto;max-height:48px}
 .carter-standard-header .cm-menu-toggle{grid-column:2;grid-row:1;min-height:44px;margin:0!important}
 .carter-standard-header .phone,.carter-standard-header .header-phone,.carter-standard-header .resource-phone{grid-column:1;grid-row:2;margin:0!important;min-height:36px;display:flex;align-items:center;font-size:14px!important}
 .carter-standard-header .cm-language-control{grid-column:2;grid-row:2;margin:0!important;max-width:140px;padding:0}.carter-standard-header .cm-language-control select{width:120px;max-width:100%;min-height:36px;font-size:16px!important}.carter-standard-header .cm-language-label,.carter-standard-header .cm-language-icon{display:none}
 .carter-standard-header nav.primary-nav{grid-column:1/-1;grid-row:3;margin:0!important;width:100%;min-width:0}
 .carter-standard-header[data-nav-open=true] nav.primary-nav{max-height:65dvh!important;overflow-y:auto!important;overscroll-behavior:contain}
 .carter-standard-header nav.primary-nav>a,.carter-standard-header .nav-dropdown>summary,.carter-standard-header .nav-submenu a{min-height:44px!important;white-space:normal!important}
 .carter-standard-header .cm-mega>.nav-submenu{grid-template-columns:minmax(0,1fr)}
 main,.wrap,.shell,.hero-inner,.grid,.cards,.form-grid{min-width:0;max-width:100%;box-sizing:border-box}
 input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.dp-search input{font-size:16px!important;min-height:44px;max-width:100%;min-width:0;box-sizing:border-box}
 button,.btn,.button{min-height:44px}img,video{max-width:100%}
 .filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.filter-fields>label{display:flex!important;flex-direction:column!important;gap:5px}.filter-fields label>span{display:block!important;font-size:13px!important}.filter-fields #resetFilters{display:block!important}
 .cm-page-links{position:static!important;overflow-x:auto;max-width:100%;box-sizing:border-box}
 .cm-studio-home{margin:20px 14px;padding:24px;grid-template-columns:1fr;gap:12px}.cm-studio-integration{padding:24px 12px}.cm-studio-intro{padding:0 4px}
 .cm-studio-links>a{min-height:44px;display:inline-flex;align-items:center}
 .dp-search{min-width:0}.dp-search input{width:100%}.dp-search button{min-height:44px;flex-shrink:0}
}
@media(max-width:420px){.filter-fields{grid-template-columns:minmax(0,1fr)!important}.cm-studio-links .cm-studio-button{padding:12px}.carter-standard-header>div{padding:10px 12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}}

.cm-approved-ten-render{position:relative;width:min(100%,900px);aspect-ratio:941/820;overflow:hidden;margin:auto;background:#071420}.ten-render .cm-approved-ten-render img{position:absolute;left:0;top:-82.317%;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:initial}

@media(max-width:760px){.filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter-field{min-width:0}.filter-fields label{position:static!important;display:block!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:0 0 6px;font-size:14px}.filter-fields select{width:100%;font-size:16px!important;min-height:44px}.filter-fields .reset-button{display:block!important;min-height:44px}}
@media(max-width:420px){.filter-fields{grid-template-columns:minmax(0,1fr)!important}}

/* Intrinsic dimensions reserve space without stretching responsive artwork. */
img{height:auto}.carter-standard-header>div>a:first-child img{object-fit:contain;object-position:left center}
/* Tooling overview and related categories share the catalogue layout. */
.cm-tooling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cm-tooling-card{display:flex;flex-direction:column;min-width:0}
.cm-tooling-card strong{margin-top:auto;padding-top:12px;color:#c8e9ff}
.cm-tooling-crumb{max-width:1240px;margin:0 auto;padding:22px 24px 0;display:flex;flex-wrap:wrap;gap:7px;font-size:14px;line-height:1.6;color:#c0d3e0}
.cm-tooling-crumb a{color:#b9e2ff;text-decoration:underline;text-underline-offset:3px}
.cm-related-tooling{max-width:1192px;margin:36px auto;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#172d3e;border:1px solid #49667c;border-radius:5px;color:#edf4f9;box-sizing:border-box}
.cm-related-tooling>div{min-width:0}.cm-related-tooling h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:6px 0 12px}.cm-related-tooling p{max-width:720px;line-height:1.65;margin:0}
.cm-related-tooling .eyebrow{color:#b5d8f1;font-size:13px}
.cm-tooling-actions{display:grid;gap:10px;flex:0 1 280px}.cm-tooling-actions a{display:block;padding:12px 16px;min-height:44px;background:#0964b8;border:1px solid #3687ca;border-radius:3px;color:#fff;font-weight:700;line-height:1.4;text-decoration:none;box-sizing:border-box}.cm-tooling-actions a:last-child{background:transparent}
.cm-tooling-actions a:hover{background:#1475c9}.cm-tooling-actions a:focus-visible,.cm-tooling-card:focus-visible{outline:3px solid #b7dbf7;outline-offset:3px}
.cm-tooling-support{margin-top:28px;padding-top:24px;border-top:1px solid #49667c}.cm-tooling-support p{line-height:1.65}
@media(max-width:700px){.cm-tooling-grid{grid-template-columns:minmax(0,1fr)}.cm-related-tooling{margin:24px 14px;padding:22px;display:block}.cm-tooling-actions{margin-top:20px}.cm-tooling-crumb{padding:18px 18px 0}}
