/* Customer ordering guide. Shared layout, with each storefront's own palette. */
body.brand-blueprint .order-page { padding:28px 6% 80px; }
body.brand-blueprint .order-page :is(p,li,dt,dd) { font-size:19px !important; line-height:1.7; }
body.brand-blueprint .order-page :is(a,button) { font-size:18px !important; }
body.brand-blueprint .order-page :is(p,dl) { margin:0 0 20px; }
body.brand-blueprint .order-page :is(section,aside,article) { min-width:0; }
body.brand-blueprint .order-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:17px; margin-bottom:42px; }
body.brand-blueprint .order-breadcrumb a { padding-block:6px; }
body.brand-blueprint .order-breadcrumb span { align-self:center; }
body.brand-blueprint .order-heading { max-width:960px; padding:0 0 42px; }
body.brand-blueprint .order-heading h1 { font-size:clamp(40px,4.7vw,72px); line-height:1.1; margin:14px 0 24px; }
body.brand-blueprint .order-heading>p:not(.eyebrow) { font-size:23px !important; max-width:60ch; line-height:1.6; color:var(--muted); }
body.brand-blueprint .order-heading-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 30px; margin-top:28px; }
body.brand-blueprint .order-index { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-block:1px solid var(--line); margin-bottom:56px; }
body.brand-blueprint .order-index a { display:flex; flex-direction:column; gap:10px; padding:22px 14px; line-height:1.45; text-decoration:none; border-right:1px solid var(--line); }
body.brand-blueprint .order-index a:first-child { padding-left:0; }
body.brand-blueprint .order-index a:last-child { border-right:0; }
body.brand-blueprint .order-index a:hover { background:var(--surface); }
body.brand-blueprint .order-index span { font-size:19px; color:var(--accent); font-weight:600; }
body.brand-blueprint .order-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:7%; align-items:start; }
body.brand-blueprint .order-process>ol { list-style:none; margin:0; padding:0; }
body.brand-blueprint .order-process>ol>li { display:grid; grid-template-columns:54px minmax(0,1fr); gap:22px; padding:0 0 42px; position:relative; scroll-margin-top:120px; }
body.brand-blueprint .order-process>ol>li+li { padding-top:34px; }
body.brand-blueprint .order-process>ol>li:not(:last-child)>section { border-bottom:1px solid var(--line); padding-bottom:38px; }
body.brand-blueprint .order-process h2 { font-size:clamp(27px,2.4vw,36px); line-height:1.25; margin:8px 0 22px; }
body.brand-blueprint .order-stage-number { display:grid; place-items:center; width:54px; height:54px; background:var(--surface); border:1px solid var(--line); border-radius:50%; color:var(--accent); font-size:22px; font-weight:600; }
body.brand-blueprint .order-stage-note { border-left:2px solid var(--accent); padding-left:20px; margin:26px 0 18px; color:var(--muted); }
body.brand-blueprint .order-stage-note p { margin:0; }
body.brand-blueprint .order-process section>a { display:inline-flex; align-items:center; gap:12px; padding-block:10px; text-decoration:underline; text-underline-offset:5px; }
body.brand-blueprint .order-sidebar { align-self:start; }
body.brand-blueprint .order-sidebar h2 { font-size:25px; line-height:1.3; margin:0 0 18px; }
body.brand-blueprint .order-quote-checklist { padding:28px; background:var(--surface); border:1px solid var(--line); }
body.brand-blueprint .order-quote-checklist>p { color:var(--muted); }
body.brand-blueprint .order-quote-checklist dl { margin:26px 0; }
body.brand-blueprint .order-quote-checklist dl>div { padding:16px 0; border-top:1px solid var(--line); }
body.brand-blueprint .order-quote-checklist dt { font-weight:600; margin-bottom:4px; }
body.brand-blueprint .order-quote-checklist dd { margin:0; color:var(--muted); }
body.brand-blueprint .order-quote-checklist .btn { width:100%; white-space:normal; text-align:center; justify-content:center; padding:14px; }
body.brand-blueprint .order-existing { margin-top:32px; padding:0 4px; }
body.brand-blueprint .order-existing>a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); }
body.brand-blueprint .order-questions { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1fr); gap:8%; border-top:1px solid var(--line); padding-top:44px; scroll-margin-top:120px; }
body.brand-blueprint .order-questions h2 { font-size:36px; line-height:1.25; margin:14px 0 22px; }
body.brand-blueprint .order-questions details { border-bottom:1px solid var(--line); }
body.brand-blueprint .order-questions summary { cursor:pointer; padding:22px 0; font-size:21px !important; line-height:1.5; }
body.brand-blueprint .order-questions details p { margin:0 0 26px; }
body.brand-blueprint .order-questions details a { text-decoration:underline; text-underline-offset:4px; }
body.brand-blueprint .order-policy-links { display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:22px; }
body.brand-blueprint .order-policy-links a { padding-block:10px; text-decoration:underline; text-underline-offset:4px; }
body.brand-blueprint .order-next { display:flex; align-items:center; justify-content:space-between; gap:38px; background:var(--surface); border-top:2px solid var(--accent); margin-top:64px; padding:38px; }
body.brand-blueprint .order-next h2 { font-size:32px; line-height:1.25; margin:0 0 18px; }
body.brand-blueprint .order-next p { max-width:58ch; margin:0; }
body.brand-blueprint .order-next>div:last-child { display:flex; flex-direction:column; align-items:stretch; gap:14px; flex-shrink:0; }
body.brand-blueprint .order-next .text-link { justify-content:center; padding:10px; }
@media(max-width:1150px){
 body.brand-blueprint .order-layout { grid-template-columns:minmax(0,1fr) 280px; gap:36px; }
 body.brand-blueprint .order-index { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body.brand-blueprint .order-index a:nth-child(3n) { border-right:0; }
 body.brand-blueprint .order-index a:nth-child(n+4) { border-top:1px solid var(--line); }
 body.brand-blueprint .order-index a:first-child { padding-left:14px; }
 body.brand-blueprint .order-quote-checklist { padding:24px; }
}
@media(max-width:900px){
 body.brand-blueprint .order-layout { grid-template-columns:minmax(0,1fr); }
 body.brand-blueprint .order-sidebar { position:static; display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-bottom:46px; }
 body.brand-blueprint .order-existing { margin:0; }
 body.brand-blueprint .order-questions { grid-template-columns:minmax(0,1fr); gap:18px; }
 body.brand-blueprint .order-next { align-items:flex-start; flex-direction:column; }
 body.brand-blueprint .order-next>div:last-child { flex-direction:row; flex-wrap:wrap; }
}
@media(max-width:600px){
 body.brand-blueprint .order-page { padding:22px 5% 54px; }
 body.brand-blueprint .order-breadcrumb { margin-bottom:28px; }
 body.brand-blueprint .order-heading>p:not(.eyebrow) { font-size:21px !important; }
 body.brand-blueprint .order-index { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:38px; }
 body.brand-blueprint .order-index a { border-right:1px solid var(--line); }
 body.brand-blueprint .order-index a:nth-child(3n) { border-right:1px solid var(--line); }
 body.brand-blueprint .order-index a:nth-child(2n) { border-right:0; }
 body.brand-blueprint .order-index a:nth-child(n+3) { border-top:1px solid var(--line); }
 body.brand-blueprint .order-process>ol>li { grid-template-columns:38px minmax(0,1fr); gap:14px; padding-bottom:24px; }
 body.brand-blueprint .order-process>ol>li+li { padding-top:16px; }
 body.brand-blueprint .order-stage-number { width:38px; height:38px; font-size:19px; }
 body.brand-blueprint .order-process h2 { margin-top:2px; font-size:27px; }
 body.brand-blueprint .order-stage-note { padding-left:14px; }
 body.brand-blueprint .order-sidebar { grid-template-columns:minmax(0,1fr); }
 body.brand-blueprint .order-next { padding:28px 22px; }
 body.brand-blueprint .order-next h2 { font-size:28px; }
 body.brand-blueprint .order-next>div:last-child { flex-direction:column; width:100%; }
}
@media print{
 body.brand-blueprint .order-page { padding:0; color:#000; background:#fff; }
 body.brand-blueprint :is(.order-index,.order-sidebar,.order-heading-actions,.order-next) { display:none; }
 body.brand-blueprint .order-layout { display:block; }
 body.brand-blueprint .order-process>ol>li { break-inside:avoid; }
}