/* V0.8 accessibility and precision; the approved Foldline art direction is unchanged. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:absolute;z-index:100;top:-150px;left:16px;background:#22313A;color:#FFF8EC;padding:14px 18px;font-weight:800;text-decoration:none}
.skip-link:focus{top:10px}
.try-it{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin:-8px 0 23px;padding:12px 16px;border-top:1px solid #22313A;border-bottom:1px solid #22313A;font:750 10px/1.5 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.045em}
.try-it span{font:500 12px/1.6 "Avenir Next",Arial,sans-serif;letter-spacing:0}
.control-intro{font-size:12px;line-height:1.5;margin:0 0 22px;color:#41525A}.control-intro a{text-underline-offset:3px;font-weight:800}
.precision-panel{border:1px solid #8e9c96;margin:20px 0;padding:0;background:#F7F1E7}
.precision-panel summary{cursor:pointer;padding:15px 15px;font-weight:800;font-size:13px;display:list-item;list-style-position:inside;line-height:1.4}
.precision-panel summary span{font-weight:500;color:#516169;font-size:11px;margin-left:8px}
.precision-panel[open] summary{border-bottom:1px solid #a9b3ad}
.precision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}
.precision-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;line-height:1.4}
.precision-grid input{min-width:0;width:100%;min-height:40px;border:1px solid #657871;border-radius:0;background:white;color:#22313A;padding:7px 10px;font:700 15px/1.2 ui-monospace,Menlo,Consolas,monospace}
.precision-grid input:invalid{border-color:#b3503b}
.precision-help{font-size:11px;margin:0 16px 16px;color:#536166;line-height:1.5}
.map-cell:focus-visible,.material-finish-switch button:focus-visible,summary:focus-visible,.precision-grid input:focus-visible{outline:3px solid #B24C35;outline-offset:3px}
@media(max-width:560px){.try-it{margin:-4px 0 20px;padding:11px 12px}.precision-grid{grid-template-columns:1fr}.precision-panel summary span{display:block;margin-left:0;margin-top:3px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Mobile hero copy must never sit behind the fixed-position product illustration. */
@media(max-width:620px){.atlas-can-spot{top:385px}.atlas-dek{max-width:270px}}
@media(max-width:360px){.atlas-can-spot{top:408px}.atlas-dek{max-width:245px}}

/* Preserve a visible route back to the portfolio at every breakpoint. */
.atlas-nav .portfolio-return{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.script-notice{padding:20px 5vw;background:#fff8ec;color:#22313a;border-bottom:2px solid #22313a;font-size:16px;line-height:1.7}.script-notice strong{display:block}
@media(max-width:940px){.atlas-nav{flex-wrap:wrap;gap:12px}.atlas-nav .portfolio-return{display:inline-flex;margin-left:auto}.atlas-nav nav{flex-wrap:wrap}}
@media(max-width:560px){.atlas-nav .portfolio-return{font-size:11px;letter-spacing:0}.atlas-nav nav{order:3;width:100%;justify-content:space-between}.atlas-nav nav a{min-height:44px;display:flex;align-items:center}}
@media print{.portfolio-return,.script-notice{display:none!important}}