/* Stage 12E local roll-tooling candidate; only .roll-page. */
.roll-page .fx-hero h1{max-width:760px}
.roll-page .fx-hero-photo{background:#e6edf0}
.roll-page .fx-hero-photo img{height:auto;aspect-ratio:2/1;object-fit:contain}
.roll-page .fx-hero-photo figcaption{line-height:1.35}
.roll-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:start}
.roll-intro-grid>div p{font-size:17px;line-height:1.72;color:#4f6673;margin:0 0 18px}
.roll-intro-grid aside{background:#eaf1f3;border-top:4px solid #d5943d;padding:27px 30px}
.roll-intro-grid aside span,.roll-comparison-grid article span,.roll-requirements-grid article>span{font-size:11px;letter-spacing:.15em;color:#b67c35;font-weight:900}
.roll-intro-grid aside strong{display:block;font-size:23px;line-height:1.25;color:#183d50;margin:12px 0}
.roll-intro-grid aside p{font-size:14px;line-height:1.65;color:#536b77}
.roll-intro-grid aside a,.roll-requirements-grid a{display:inline-flex;min-height:44px;align-items:center;color:#0e5f83;font-size:14px;font-weight:850;text-decoration:underline;text-underline-offset:4px}
.roll-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.roll-comparison-grid article{background:#fff;border-top:4px solid #d5943d;min-width:0}
.roll-comparison-grid figure{margin:0;background:#eef3f5;padding:15px}
.roll-comparison-grid img{width:100%;height:240px;object-fit:contain}
.roll-comparison-grid article>div{padding:28px 30px}
.roll-comparison-grid h3{font-size:26px;line-height:1.2;margin:12px 0;color:#17394d}
.roll-page .roll-comparison-grid p{font-size:15px;line-height:1.65;color:#526976}
.roll-page .roll-comparison-grid .roll-decision{border-top:1px solid #e4eaed;margin-top:20px;padding-top:15px}
.roll-page .roll-note{font-size:14px;line-height:1.65;margin-top:20px;background:#e6edf0;border-left:4px solid #b4813c;padding:16px 20px;color:#3f5d6b}
.roll-technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.roll-technical-grid div{background:#eaf0f2;padding:25px 22px;min-height:210px}
.roll-technical-grid b{color:#b67c35;font-size:12px}
.roll-technical-grid h3{font-size:20px;margin:14px 0 10px;color:#17394d}
.roll-page .roll-technical-grid p{font-size:14px;line-height:1.62;margin:0}
.roll-requirements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.roll-requirements-grid article{background:#fff;border:1px solid #d7e1e5;padding:30px 32px;min-width:0}
.roll-requirements-grid h3{font-size:25px;line-height:1.2;margin:13px 0 18px;color:#16384a}
.roll-requirements-grid ul{padding-left:21px;margin:0 0 14px}
.roll-requirements-grid li{line-height:1.6;margin:9px 0;color:#4c6572}
.roll-page .roll-requirements-grid p{font-size:14px;border-top:1px solid #e0e8eb;padding-top:14px;margin:14px 0 0}
.roll-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.roll-scope-grid div{background:#fff;color:#17384c;padding:25px 23px;min-height:175px;display:flex;flex-direction:column;gap:12px}
.roll-scope-grid strong{font-size:18px;line-height:1.3}
.roll-scope-grid span{font-size:14px;line-height:1.6;color:#526976}
.roll-page .roll-scope-note{color:#d4e2e8;font-size:13px;margin:20px 0 0}
.roll-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.roll-related-grid a{background:#eaf0f2;border-top:4px solid #d5943d;padding:24px;display:flex;flex-direction:column;gap:13px;min-height:125px;color:#17384c}
.roll-related-grid strong{font-size:19px}
.roll-related-grid span{font-size:14px;color:#376783;text-decoration:underline;text-underline-offset:4px}
.roll-page :target{scroll-margin-top:90px}
@media(max-width:900px){.roll-intro-grid{grid-template-columns:1fr;gap:22px}.roll-technical-grid,.roll-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.roll-page .fx-hero h1{font-size:41px}.roll-comparison-grid,.roll-technical-grid,.roll-requirements-grid,.roll-scope-grid,.roll-related-grid{grid-template-columns:1fr}.roll-comparison-grid img{height:185px}.roll-comparison-grid article>div,.roll-requirements-grid article{padding:24px}.roll-technical-grid div,.roll-scope-grid div,.roll-related-grid a{min-height:0}.roll-intro-grid aside{padding:25px}}
.roll-shapes-grid,.roll-projects-grid,.roll-compat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.roll-shapes-grid article,.roll-projects-grid article{background:#fff;border-top:4px solid #d5943d;padding:28px;min-width:0}
.roll-shapes-grid span,.roll-projects-grid span{font-size:11px;letter-spacing:.14em;color:#b67c35;font-weight:900}
.roll-shapes-grid h3,.roll-projects-grid h3{font-size:23px;line-height:1.2;margin:14px 0;color:#17394d}
.roll-shapes-grid p,.roll-projects-grid p{font-size:15px;line-height:1.65;color:#526976}
.roll-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.roll-schedule-grid div,.roll-compat-grid div{background:#eaf0f2;padding:26px;min-width:0}
.roll-schedule-grid b{font-size:11px;letter-spacing:.14em;color:#b67c35}
.roll-schedule-grid h3{font-size:22px;color:#17394d;margin:12px 0}
.roll-schedule-grid p,.roll-compat-grid p{font-size:15px;line-height:1.65;color:#526976;margin:0}
.roll-projects-grid ul{padding-left:21px;margin:0 0 15px}
.roll-projects-grid li{line-height:1.6;color:#526976;margin:8px 0}
.roll-projects-grid a{display:inline-flex;align-items:center;min-height:44px;color:#0e5f83;font-weight:850;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.roll-compat-grid strong{display:block;font-size:19px;color:#17394d;margin-bottom:12px}
@media(max-width:900px){.roll-shapes-grid,.roll-projects-grid,.roll-compat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:570px){.roll-shapes-grid,.roll-projects-grid,.roll-compat-grid,.roll-schedule-grid{grid-template-columns:1fr}.roll-shapes-grid article,.roll-projects-grid article,.roll-schedule-grid div,.roll-compat-grid div{padding:24px}}
