/* How We Work: shared production layouts for the homepage, gallery and development. */
.work-icon  { display:block; flex-shrink:0; color:var(--accent); }
.work-preview  { max-width:1120px; padding-block:44px; border-top:1px solid var(--line); }
.work-preview .c-section-heading  { margin-bottom:28px; }
.work-preview .c-section-heading .c-eyebrow  { margin-bottom:10px; }
.work-preview h2  { font-size:30px; }
.v5-path  { display:flex; flex-direction:column; min-width:0; border-top:1px solid var(--accent); padding-top:20px; }
.v5-path-label  { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.v5-path-label .c-eyebrow  { margin:0; font-size:10px; }
.v5-path-label .work-icon  { width:26px; height:26px; }
.v5-path-body  { flex:1; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:22px; }
.v5-path-copy  { display:flex; flex-direction:column; min-width:0; padding-block:20px 8px; }
.v5-path-copy h3  { font-size:32px; margin-bottom:16px; }
.v5-path-copy p  { margin-bottom:22px; font-size:15px; color:var(--muted); max-width:27ch; }
.v5-path-copy .c-text-link  { align-self:flex-start; margin-top:auto; }
.v5-photo  { margin:0; min-width:0; }
.v5-photo img  { display:block; width:100%; height:auto; }
.v5-path .v5-photo  { width:100%; aspect-ratio:3/4; background:var(--tone); }
.v5-path .v5-photo img  { width:100%; height:100%; object-fit:cover; object-position:44% 50%; }
.v5-path .v5-photo--garment img  { object-fit:contain; }
.v5-facts  { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; border-top:1px solid var(--line); margin-top:32px; padding-top:24px; }
.v5-fact  { display:grid; grid-template-columns:22px minmax(0,1fr); gap:12px; }
.v5-fact .work-icon  { width:22px; height:22px; }
.v5-fact h3  { font-size:21px; margin-bottom:10px; }
.v5-fact p  { font-size:12px; line-height:1.65; color:var(--muted); }
.v5-fact p+p  { margin-top:4px; }
.v5-fact .caption  { font-size:11px; }
/* Shared detail pages: retain the site shell, add only local composition. */
.work-page .c-wrap  { max-width:1120px; }
.work-page .c-footer  { max-width:1328px; }
.v5-breadcrumb  { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-block:22px 0; font-size:12px; color:var(--muted); }
.v5-breadcrumb>div  { display:flex; gap:12px; flex-wrap:wrap; }
.v5-breadcrumb .c-text-link  { font-size:12px; }
.v5-styles-intro,.v5-closing  { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding-block:40px 44px; align-items:center; }
.v5-styles-intro h1  { font-size:clamp(36px,3.5vw,50px); font-weight:400; color:var(--ink); }
.v5-styles-intro .c-eyebrow  { margin-bottom:18px; }
.v5-styles-intro>div>p:last-child,.v5-closing>div>p:not(.c-eyebrow)  { color:var(--muted); margin-top:22px; max-width:43ch; font-size:16px; }
.v5-styles-contact>h2  { font-size:25px; margin-bottom:14px; font-weight:400; }
.v5-contact-list .v5-contact-item  { display:grid; grid-template-columns:100px minmax(0,1fr); gap:14px; padding-block:14px; border-top:1px solid var(--line); }
.v5-contact-label  { display:flex; align-items:flex-start; gap:10px; padding-top:2px; }
.v5-contact-label .work-icon  { width:18px; height:18px; }
.v5-contact-list h3  { font:13px/1.6 Arial,Helvetica,sans-serif; margin:0; }
.v5-contact-list .contact-address  { font:16px/1.65 Arial,Helvetica,sans-serif; margin:0; overflow-wrap:anywhere; }
.v5-contact-list .contact-address a  { display:flex; justify-content:space-between; gap:12px; }
.v5-contact-list .contact-address a>span  { color:var(--accent); }
.v5-copy-row  { display:flex; align-items:center; gap:14px; }
.v5-contact-list .c-text-link  { font-size:11px; padding-block:4px; min-height:32px; }
.v5-contact-list .contact-copy-status  { margin:0; min-height:0; font-size:11px; color:var(--accent); }
.v5-closing  { border-top:1px solid var(--line); padding-block:56px; }
.v5-closing h2  { font-size:38px; }
.v5-closing .c-text-link  { margin-top:22px; }
.v5-closing .v5-contact-list .c-text-link  { margin-top:0; }
/* Keep the original gallery markup, media frames, hover and product destinations. */
.v5-styles .products-gallery  { padding-block:0 56px; }
.v5-styles .products-gallery>.container  { width:calc(100% - 64px); max-width:1120px; padding:0; margin-inline:auto; }
.v5-styles .topic-references  { border-top:1px solid var(--line); padding-top:32px; margin-top:0; }
.v5-styles .topic-references>.topic-section-heading  { margin-bottom:18px; }
.v5-styles .topic-section-heading h2  { font:36px/1.13 Georgia,serif; color:var(--ink); }
.v5-styles .topic-section-heading .seo-eyebrow  { font:10px/1.6 Arial,sans-serif; letter-spacing:.13em; color:var(--accent); margin-bottom:12px; }
.v5-category-index  { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:13px; color:var(--muted); margin-bottom:26px; }
.v5-gallery-note  { font-size:14px; color:var(--muted); margin-top:28px; }
.v5-styles .material-actions  { padding-block:18px 28px; margin:0; }
.v5-styles .topic-references .material-actions  { padding-block:0 24px; }
.v5-styles .material-actions a  { font:13px/1.5 Arial,sans-serif; border:0; border-bottom:1px solid var(--accent); border-radius:0; background:none; color:var(--accent); padding:7px 0; box-shadow:none; }
/* Development: inputs converge on one numbered map, including a visible sample loop. */
.v5-dev-intro  { padding-block:34px 28px; }
.v5-dev-intro .c-eyebrow  { margin-bottom:16px; }
.v5-dev-intro h1  { font-size:clamp(34px,3.5vw,50px); max-width:28ch; }
.v5-dev-intro>p:last-child  { color:var(--muted); margin-top:20px; font-size:16px; max-width:66ch; }
.v5-start h2  { font-size:24px; margin-bottom:18px; }
.v5-inputs  { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; margin:0; padding:0; list-style:none; }
.v5-inputs li  { display:flex; align-items:center; gap:10px; font-size:13px; padding-block:14px; border-block:1px solid var(--line); }
.v5-inputs .work-icon  { width:23px; height:23px; }
.v5-input-merge  { position:relative; height:42px; padding-top:12px; color:var(--accent); width:calc(100% - 20px); margin-left:20px; border-left:1px solid var(--line); }
.v5-input-merge::before  { content:''; display:block; position:absolute; left:0; right:10%; top:0; border-top:1px solid var(--line); }
.v5-input-merge  { font-size:20px; line-height:1; text-indent:-6px; }
.v5-map  { padding-bottom:8px; }
.v5-step  { position:relative; display:grid; grid-template-columns:40px minmax(0,1fr); gap:24px; padding-bottom:40px; }
.v5-step::before  { content:''; position:absolute; left:20px; top:30px; bottom:0; border-left:1px solid var(--line); }
.v5-step:last-child::before  { bottom:40px; }
.v5-step-number  { position:relative; z-index:1; display:flex; justify-content:center; align-items:center; width:40px; height:30px; background:var(--paper); color:var(--accent); font-size:12px; letter-spacing:.1em; }
.v5-step-content  { min-width:0; }
.v5-step .c-eyebrow  { margin:4px 0 12px; }
.v5-step h2  { font-size:32px; margin-bottom:14px; }
.v5-step-content>p:not(.c-eyebrow)  { max-width:70ch; font-size:15px; color:var(--muted); }
.v5-recipe .v5-step-content  { background:var(--tone); padding:28px; }
.v5-recipe h2  { font-size:36px; }
.v5-recipe-grid  { display:grid; grid-template-columns:1fr; gap:32px; align-items:center; margin-top:26px; }
.v5-dimensions  { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.v5-dimensions .work-icon  { width:24px; height:24px; margin-bottom:12px; }
.v5-dimensions h3  { font-size:21px; margin-bottom:10px; }
.v5-dimensions p  { font-size:13px; color:var(--muted); }
.v5-recipe-grid>.v5-photo img  { aspect-ratio:4/3; object-fit:cover; }
.v5-recipe .v5-photo figcaption  { font-size:11px; }
.v5-specialists  { display:grid; grid-template-columns:1fr 112px; gap:28px; border-top:1px solid var(--line); padding-top:24px; margin-top:26px; align-items:center; }
.v5-specialists h3  { font-size:24px; margin-bottom:12px; }
.v5-specialists p  { font-size:14px; color:var(--muted); max-width:65ch; }
/* Sampling has two explicit outcomes. Only approval proceeds to production. */
.v6-specialist-space  { width:112px; min-height:150px; }.v6-production-flow  { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin:0; padding:0; }.v6-production-flow>li  { position:relative; padding-top:18px; border-top:1px solid var(--accent); }.v6-production-flow>li+li::before  { content:'→'; position:absolute; left:-29px; top:40px; color:var(--accent); font-size:20px; }
.v6-flow-label  { display:block; color:var(--accent); font-size:10px; letter-spacing:.1em; line-height:1.5; margin-bottom:12px; }.v6-production-flow h3  { font-size:25px; margin-bottom:12px; }.v6-production-flow p  { font-size:14px; color:var(--muted); max-width:35ch; }
.v6-production-flow  { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:28px; gap:32px; }
.v6-production-flow h3  { font-size:23px; }
.v6-production-flow p  { font-size:13px; }
.v6-production-flow>li+li::before  { left:-25px; }
#sample-review,#approve-produce  { scroll-margin-top:100px; }
@media (min-width:768px) and (max-width:1023px) {
 .v5-path-body  { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:16px; }
 .v5-path-copy  { padding-top:4px; }
 .v5-path-copy h3  { font-size:28px; }
 .v5-path-copy p  { font-size:14px; }
 .v5-path-copy p  { margin-bottom:18px; }
 .v5-path-copy .c-text-link  { margin-top:auto; gap:12px; }
 .v5-path .v5-photo  { height:100%; min-height:250px; }
 .v5-facts  { gap:20px; }
 .v5-fact  { display:block; }
 .v5-fact .work-icon  { margin-bottom:10px; }
 .v5-fact h3  { font-size:20px; }
 .v5-styles-intro,.v5-closing  { gap:32px; }
 .v5-contact-list .v5-contact-item  { grid-template-columns:1fr; gap:6px; padding-block:12px; }
 .v5-contact-list .contact-address  { font-size:15px; }
 .v5-inputs  { gap:12px; }
 .v5-inputs li  { flex-direction:column; align-items:flex-start; font-size:12px; }
 .v5-recipe-grid  { grid-template-columns:1fr; }
 .v5-recipe-grid>.v5-photo  { max-width:420px; }
}
@media (max-width:767px) {
 .work-preview  { padding-block:36px; }
 .work-preview h2  { font-size:27px; }
 .work-preview .c-section-heading  { margin-bottom:24px; }
 .v5-paths  { gap:26px; }
 .v5-paths>.v5-path+.v5-path  { margin:0; }
 .v5-path  { padding-top:18px; }
 .v5-path-label  { margin-bottom:16px; }
 .v5-path-body  { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:18px; }
 .v5-path-copy  { padding-block:0 4px; }
 .v5-path-copy h3  { font-size:28px; margin-bottom:14px; }
 .v5-path-copy p  { font-size:14px; }
 .v5-path-copy p  { margin-bottom:16px; }
 .v5-path-copy .c-text-link  { min-height:44px; margin-top:auto; gap:10px; font-size:12px; }
 .v5-path .v5-photo  { height:100%; min-height:230px; }
 .v5-facts  { grid-template-columns:1fr; gap:20px; margin-top:26px; padding-top:22px; }
 .v5-fact  { grid-template-columns:22px minmax(0,1fr); gap:12px; }
 .v5-fact h3  { font-size:21px; margin-bottom:8px; }
 .v5-fact p  { font-size:13px; }
 .v5-fact .caption  { font-size:12px; }
 .v5-breadcrumb  { align-items:flex-start; padding-top:18px; gap:16px; }
 .v5-breadcrumb .c-text-link  { font-size:11px; padding-top:0; gap:8px; max-width:110px; }
 .v5-styles-intro,.v5-closing  { grid-template-columns:1fr; gap:28px; padding-block:28px 32px; }
 .v5-styles-intro h1  { font-size:36px; }
 .v5-styles-intro>div>p:last-child,.v5-closing>div>p:not(.c-eyebrow)  { font-size:15px; margin-top:18px; }
 .v5-styles-contact>h2  { font-size:24px; margin-bottom:14px; }
 .v5-contact-list .v5-contact-item  { grid-template-columns:80px minmax(0,1fr); gap:10px; padding-block:12px; }
 .v5-contact-label  { gap:7px; }
 .v5-contact-list h3  { font-size:12px; }
 .v5-contact-list .contact-address  { font-size:14px; }
 .v5-contact-list .c-text-link  { min-height:44px; }
 .v5-copy-row  { flex-wrap:wrap; gap:0 12px; }
 .v5-styles .products-gallery>.container  { width:calc(100% - 40px); }
 .v5-styles .topic-references  { padding-top:26px; }
 .v5-styles .topic-section-heading h2  { font-size:30px; }
 .v5-category-index  { gap:10px 20px; font-size:12px; margin-bottom:22px; }
 .v5-closing h2  { font-size:32px; }
 .v5-dev-intro  { padding-block:28px 24px; }
 .v5-dev-intro h1  { font-size:34px; }
 .v5-dev-intro h1 br  { display:none; }
 .v5-dev-intro>p:last-child  { font-size:15px; margin-top:18px; }
 .v5-start h2  { font-size:23px; margin-bottom:16px; }
 .v5-inputs  { grid-template-columns:1fr 1fr; gap:0 16px; }
 .v5-inputs li  { font-size:12px; gap:8px; padding-block:12px; border-top:0; }
 .v5-inputs .work-icon  { width:20px; height:20px; }
 .v5-input-merge  { height:30px; width:calc(100% - 12px); margin-left:12px; }
 .v5-step  { grid-template-columns:24px minmax(0,1fr); gap:12px; padding-bottom:28px; }
 .v5-step::before  { left:12px; }
 .v5-step-number  { width:24px; font-size:10px; }
 .v5-step h2  { font-size:27px; }
 .v5-step .c-eyebrow  { font-size:10px; margin-bottom:10px; }
 .v5-step-content>p:not(.c-eyebrow)  { font-size:14px; }
 .v5-recipe .v5-step-content  { padding:20px 18px; }
 .v5-recipe h2  { font-size:29px; }
 .v5-recipe-grid  { grid-template-columns:1fr; gap:22px; margin-top:22px; }
 .v5-dimensions  { grid-template-columns:1fr; gap:20px; }
 .v5-dimensions section  { position:relative; padding-left:34px; }
 .v5-dimensions .work-icon  { position:absolute; left:0; top:2px; width:21px; height:21px; }
 .v5-dimensions h3  { font-size:21px; margin-bottom:8px; }
 .v5-specialists  { grid-template-columns:1fr; gap:18px; padding-top:20px; margin-top:22px; }
 .v5-specialists h3  { font-size:24px; }
 .v5-specialists p  { font-size:13px; }
}

@media (min-width:768px) and (max-width:1023px) {
 .v6-production-flow  { grid-template-columns:1fr 1fr; gap:28px 40px; }
 .v6-production-flow>li:nth-child(3)::before  { content:none; }
}
@media (max-width:767px) {
 .v5-path-copy h3  { font-size:26px; }
 .v6-specialist-space  { min-height:100px; }.v6-production-flow  { grid-template-columns:1fr; gap:34px; }.v6-production-flow>li+li::before  { content:'↓'; left:0; top:-31px; }.v6-production-flow h3  { font-size:24px; }.v6-production-flow p  { font-size:14px; }
}

/* Development overview: show the whole journey before opening the details. */
.v5-development .v5-dev-intro  { padding-bottom:30px; }
.v5-development .v5-dev-intro h1  { max-width:24ch; }
.v5-development .v5-dev-intro>p:last-child  { max-width:67ch; }
.v7-overview  { padding:28px 0 30px; border-block:1px solid var(--line); }
.v7-overview h2  { font-size:24px; margin-bottom:26px; }
.v7-overview ol  { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; list-style:none; padding:0; margin:0; }
.v7-overview li  { position:relative; min-width:0; }
.v7-overview li+li::before  { content:'→'; position:absolute; top:42px; left:-30px; font-size:22px; color:var(--accent); }
.v7-overview li>a  { text-decoration:none; display:block; position:relative; height:100%; }
.v7-overview-number  { display:block; font-size:11px; color:var(--accent); letter-spacing:.1em; margin-bottom:14px; }
.v7-overview h3  { font-size:27px; margin:0 0 12px; }
.v7-overview li p  { font-size:14px; line-height:1.6; color:var(--muted); margin:0; max-width:26ch; min-height:45px; }
.v7-overview-result  { display:block; font-size:11px; color:var(--accent); margin-top:18px; }
.v7-stage-link  { position:absolute; right:0; top:0; font-size:13px; color:var(--accent); }
.v7-overview li>a:hover  { text-decoration:none; }
.v7-overview li>a:hover h3  { color:var(--accent); text-decoration:underline; text-underline-offset:5px; }
.v7-overview a:focus-visible  { outline:2px solid var(--accent); outline-offset:6px; }
.v7-explore  { margin-top:28px; font-size:12px; }
.v7-details-intro  { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding-block:54px 32px; }
.v7-details-intro .c-eyebrow  { margin-bottom:12px; }
.v7-details-intro h2  { font-size:32px; }
.v7-details-intro>a  { font-size:12px; flex-shrink:0; }
.v5-development .v5-start  { margin-top:26px; }
.v5-development .v5-start h3  { font-size:22px; margin-bottom:14px; }
.v5-development .v5-step  { scroll-margin-top:100px; }
#process-overview,#process-details  { scroll-margin-top:100px; }
@media (min-width:768px) and (max-width:1023px) {
 .v7-overview ol  { gap:24px; }
 .v7-overview h3  { font-size:23px; min-height:52px; }
 .v7-overview li p  { font-size:13px; min-height:64px; }
 .v7-overview li+li::before  { left:-21px; font-size:18px; }
}
@media (max-width:767px) {
 .v5-development .v5-dev-intro  { padding-block:24px; }
 .v5-development .v5-dev-intro h1  { font-size:36px; }
 .v5-development .v5-dev-intro h1 br  { display:block; }
 .v5-development .v5-dev-intro>p:last-child  { font-size:14px; margin-top:14px; }
 .v7-overview  { padding-block:22px; }
 .v7-overview h2  { font-size:23px; margin-bottom:22px; }
 .v7-overview ol  { grid-template-columns:1fr; gap:22px; }
 .v7-overview li>a  { display:grid; grid-template-columns:24px 1fr; gap:12px; padding-right:20px; }
 .v7-overview-number  { margin:5px 0 0; font-size:10px; }
 .v7-overview h3  { font-size:24px; margin-bottom:5px; }
 .v7-overview li p  { font-size:13px; min-height:0; max-width:none; }
 .v7-overview-result  { font-size:10px; margin-top:6px; }
 .v7-overview li+li::before  { content:'↓'; top:-24px; left:4px; font-size:15px; }
 .v7-stage-link  { top:3px; }
 .v7-explore  { margin-top:24px; font-size:12px; min-height:36px; }
 .v7-details-intro  { align-items:flex-start; padding-block:36px 26px; gap:18px; }
 .v7-details-intro h2  { font-size:27px; }
 .v7-details-intro>a  { font-size:10px; max-width:94px; flex-shrink:1; gap:6px; }
 .v5-development .v5-start  { margin-top:22px; }
 .v5-development .v5-start h3  { font-size:21px; }
}

/* User-supplied d1–d4 illustrate the existing four-stage overview. */
.v8-overview-image  { display:block; width:100%; max-width:180px; height:auto; aspect-ratio:4/3; object-fit:contain; margin-bottom:18px; }
.v7-overview li+li::before  { top:96px; }
@media (min-width:768px) and (max-width:1023px) {
 .v8-overview-image  { max-width:140px; }
 .v7-overview li+li::before  { top:76px; }
}
@media (max-width:767px) {
 .v7-overview li>a  { grid-template-columns:20px minmax(0,1fr) 80px; gap:10px; padding-right:0; align-items:start; }
 .v7-overview-number  { grid-column:1; grid-row:1; }
 .v8-overview-copy  { grid-column:2; grid-row:1; }
 .v8-overview-image  { grid-column:3; grid-row:1; width:80px; margin:4px 0 0; align-self:center; }
 .v7-overview h3  { font-size:22px; }
 .v7-overview-result  { margin-top:5px; }
 .v7-stage-link  { display:none; }
 .v7-overview li+li::before  { top:-24px; }
}
@media (max-width:359px) {
 .v7-overview li>a  { grid-template-columns:18px minmax(0,1fr) 64px; gap:8px; }
 .v8-overview-image  { width:64px; }
 .v7-overview h3  { font-size:20px; }
}

/* Step 03 demo: one main sequence and one review-to-sample loop. */
#sample-refine .pd-sample-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; list-style:none; padding:0 0 100px; margin:28px 0 0; }
#sample-refine .pd-sample-steps>li { position:relative; min-width:0; padding-top:17px; border-top:1px solid var(--line); }
#sample-refine .pd-sample-steps>li+li::before { content:'→'; position:absolute; left:-25px; top:53px; color:var(--accent); font-size:18px; }
#sample-refine .pd-sample-steps>.pd-sample-review { border-color:var(--accent); }
#sample-refine .pd-sample-step-number { display:none; }
#sample-refine .pd-sample-label { display:flex; align-items:center; gap:10px; color:var(--accent); font-size:10px; line-height:1.5; letter-spacing:.08em; margin-bottom:13px; }
#sample-refine .pd-sample-label .work-icon { width:22px; height:22px; }
#sample-refine .pd-sample-node h3 { font-size:24px; margin:0 0 10px; line-height:1.18; }
#sample-refine .pd-sample-node>p { font-size:14px; line-height:1.65; color:var(--muted); margin:0; max-width:27ch; }
#sample-refine .pd-sample-approval { text-decoration:none; }
#sample-refine .pd-sample-approval span { font-family:Arial,sans-serif; color:var(--accent); font-size:17px; white-space:nowrap; }
#sample-refine .pd-sample-approval:hover { color:var(--accent); text-decoration:underline; text-underline-offset:5px; }
#sample-refine .pd-sample-approval:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
#sample-refine .pd-sample-loop { position:absolute; left:calc(-100% - 32px); top:calc(100% + 10px); width:calc(200% + 32px); text-align:center; color:var(--accent); }
#sample-refine .pd-sample-loop-line { display:block; width:100%; height:38px; }
#sample-refine .pd-sample-loop p { margin:0; font-size:12px; line-height:1.6; }
#sample-refine .pd-sample-loop .pd-sample-loop-title { font-size:13px; color:var(--accent); margin-bottom:4px; }
#sample-refine .pd-sample-loop p:last-child { color:var(--muted); }
#sample-refine .pd-sample-loop-mark { display:none; }
#sample-refine .pd-sample-facts { display:flex; flex-wrap:wrap; gap:8px 30px; border-top:1px solid var(--line); padding-top:16px; margin-top:20px; }
#sample-refine .pd-sample-facts p { margin:0; font-size:12px; line-height:1.65; color:var(--muted); }
#sample-refine .pd-sample-facts strong { font-weight:400; color:var(--ink); }
@media (max-width:1023px) {
 #sample-refine .pd-sample-steps { grid-template-columns:1fr; gap:20px; padding-bottom:0; margin-top:24px; }
 #sample-refine .pd-sample-steps>li { display:grid; grid-template-columns:22px minmax(0,1fr); gap:12px; padding:0; border:0; }
 #sample-refine .pd-sample-step-number { display:block; padding-top:2px; color:var(--accent); font-size:10px; }
 #sample-refine .pd-sample-steps>li+li::before { content:none; }
 #sample-refine .pd-sample-steps>li:not(:last-child)::after { content:''; position:absolute; top:23px; bottom:-12px; left:6px; border-left:1px solid var(--line); }
 #sample-refine .pd-sample-label { font-size:10px; margin-bottom:7px; }
 #sample-refine .pd-sample-label .work-icon { display:none; }
 #sample-refine .pd-sample-node h3 { font-size:24px; margin-bottom:7px; }
 #sample-refine .pd-sample-node>p { max-width:none; }
 #sample-refine .pd-sample-review .pd-sample-node { border-left:1px solid var(--accent); padding-left:14px; }
 #sample-refine .pd-sample-loop { position:static; grid-column:2; width:auto; text-align:left; margin-top:-1px; }
 #sample-refine .pd-sample-loop-line { display:none; }
 #sample-refine .pd-sample-loop-mark { display:inline-block; margin-right:8px; font-size:16px; }
 #sample-refine .pd-sample-loop p:last-child { margin-left:23px; }
 #sample-refine .pd-sample-facts { display:block; margin-top:22px; padding-top:14px; }
 #sample-refine .pd-sample-facts p+p { margin-top:8px; }
}
@media (max-width:359px) {
 #sample-refine .pd-sample-node h3 { font-size:22px; }
}