.sinjo-application-visual .sav-needs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:32px 0 0}
.sinjo-application-visual .sav-needs li{border-top:2px solid #246448;padding:20px 0 0}
.sinjo-application-visual .sav-needs span{display:block;color:#246448;font-size:14px;margin-bottom:18px}
.sinjo-application-visual .sav-needs h3{font-size:19px;line-height:1.45}
.sinjo-application-visual .sav-context-copy{font-size:21px;max-width:650px;align-self:center}
.sinjo-application-visual .sav-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.sinjo-application-visual .sav-zone-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid #d4e0d9;border-radius:8px;background:#fff}.sinjo-application-visual .sav-zone-label{margin:0 0 10px;color:#246448;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.sinjo-application-visual .sav-zone-card h3{margin:0 0 10px;color:#183b47;font-size:20px}.sinjo-application-visual .sav-zone-card p:not(.sav-zone-label){margin:0;color:#526174;line-height:1.65}.sinjo-application-visual .sav-zone-card a{margin-top:auto;padding-top:18px;color:#006b30;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sinjo-application-visual .sav-verify-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.sinjo-application-visual .sav-verify-grid article{padding-top:18px;border-top:2px solid #246448}.sinjo-application-visual .sav-verify-grid h3{margin:0 0 9px;color:#183b47;font-size:19px}.sinjo-application-visual .sav-verify-grid p{margin:0;color:#526174;line-height:1.65}
.sinjo-application-visual .sav-brief-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,80px);align-items:start}.sinjo-application-visual .sav-brief-layout h2{margin-top:0}.sinjo-application-visual .sav-brief-layout>div>p:last-child{color:#526174;line-height:1.7}.sinjo-application-visual .sav-brief-list{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:savbrief}.sinjo-application-visual .sav-brief-list li{counter-increment:savbrief;position:relative;padding:14px 12px 14px 48px;border-bottom:1px solid #dce5e1;color:#314b58;line-height:1.55}.sinjo-application-visual .sav-brief-list li::before{position:absolute;left:6px;top:14px;color:#246448;content:'0' counter(savbrief);font-size:12px;font-weight:800;letter-spacing:.08em}
@media(max-width:1000px){.sinjo-application-visual .sav-needs{grid-template-columns:repeat(2,minmax(0,1fr))}.sinjo-application-visual .sav-zone-grid,.sinjo-application-visual .sav-verify-grid{grid-template-columns:1fr 1fr}.sinjo-application-visual .sav-brief-layout{grid-template-columns:1fr}}
@media(max-width:600px){.sinjo-application-visual .sav-needs,.sinjo-application-visual .sav-zone-grid,.sinjo-application-visual .sav-verify-grid{grid-template-columns:1fr;gap:16px}.sinjo-application-visual .sav-needs li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding-top:16px}.sinjo-application-visual .sav-needs span{margin:3px 0 0}.sinjo-application-visual .sav-context-copy{font-size:18px}.sinjo-application-visual .sav-zone-card{padding:18px}}
.sinjo-application-visual .sav-showcase-hero{width:100%;max-width:none;padding-inline:max(20px,calc((100vw - 1320px)/2));background:linear-gradient(120deg,#08293a 0%,#0c3a4c 55%,#0b4139 100%);color:#fff}.sinjo-application-visual .sav-showcase-hero h1,.sinjo-application-visual .sav-showcase-hero>div>p:not(.sinjo-eyebrow){color:#fff}.sinjo-application-visual .sav-showcase-hero .sinjo-eyebrow{color:#8fe0b6}.sinjo-application-visual .sav-showcase-hero figcaption{color:#d6e5e8}.sinjo-application-visual .sav-showcase-hero figure{padding:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:8px}.sinjo-application-visual .sav-hero-points{display:flex;flex-wrap:wrap;gap:10px 20px;margin:24px 0 0;padding:0;list-style:none;color:#d5e7e6;font-size:13px}.sinjo-application-visual .sav-hero-points li:before{content:'✓';color:#77d6aa;margin-right:7px;font-weight:900}
.sinjo-application-visual .sav-requirements{padding-block:34px}.sinjo-application-visual .sav-requirement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.sinjo-application-visual .sav-requirement-grid article{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:20px;background:#fff;border:1px solid #dce5e2;border-radius:7px}.sinjo-application-visual .sav-requirement-grid article>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#e5f5ee;color:#197554;font-size:11px;font-weight:800}.sinjo-application-visual .sav-requirement-grid h3{font-size:17px;margin:0 0 6px}.sinjo-application-visual .sav-requirement-grid p{font-size:13px;line-height:1.5;margin:0}
.sinjo-application-visual .sav-zone-section{padding-block:48px}.sinjo-application-visual .sav-zone-layout{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);gap:24px;align-items:stretch}.sinjo-application-visual .sav-garment-visual{position:relative;height:100%;padding:18px 18px 14px;background:linear-gradient(160deg,#eaf3f4,#f8fbfa);border:1px solid #d7e2df;border-radius:8px;overflow:hidden}.sinjo-application-visual .sav-garment-figure{max-width:330px;margin:0 auto}.sinjo-application-visual .sav-garment-figure svg{display:block;width:100%;height:auto}.sinjo-application-visual .sav-zone-callout{position:absolute;display:flex;align-items:center;gap:7px;max-width:145px;padding:7px 9px;background:rgba(255,255,255,.96);border:1px solid #cfe0db;border-radius:6px;box-shadow:0 5px 18px rgba(21,58,66,.08);color:#254652;font-size:11px;line-height:1.25}.sinjo-application-visual .sav-zone-callout span{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border-radius:50%;background:#e2f4ed;color:#147455;font-size:10px;font-weight:800}.sinjo-application-visual .sav-zone-callout strong{font-size:11px}.sinjo-application-visual .sav-zone-callout-1{left:12px;top:24%}.sinjo-application-visual .sav-zone-callout-2{right:12px;top:57%}.sinjo-application-visual .sav-zone-callout-3{left:12px;top:72%}.sinjo-application-visual .sav-garment-legend{display:none}.sinjo-application-visual .sav-garment-note{margin:4px 0 0;text-align:center;font-size:10.5px;line-height:1.4;color:#66777d}.sinjo-application-visual .sav-zone-table{overflow:hidden;border:1px solid #d7e2df;border-radius:7px;background:#fff}.sinjo-application-visual .sav-zone-table article{display:grid;grid-template-columns:44px 1.15fr .85fr;gap:14px;align-items:center;padding:16px 17px;border-bottom:1px solid #e5ece9}.sinjo-application-visual .sav-zone-table article:last-child{border-bottom:0}.sinjo-application-visual .sav-zone-index{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#e4f4ee;color:#176b4e;font-size:10px;font-weight:800}.sinjo-application-visual .sav-zone-table strong{display:block;color:#173c48}.sinjo-application-visual .sav-zone-table p{font-size:12.5px;line-height:1.45;margin:4px 0 0}.sinjo-application-visual .sav-zone-table a{display:inline-block;margin-top:4px;color:#176b4e;font-size:12px;font-weight:750;text-decoration:none}

.sinjo-application-visual .sav-garment-guide{display:flex;height:100%;margin:0;flex-direction:column;overflow:hidden;border:1px solid #d7e2df;border-radius:8px;background:#f7faf9}.sinjo-application-visual .sav-garment-guide img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f7faf9}.sinjo-application-visual .sav-garment-guide figcaption{margin-top:auto;padding:10px 14px 12px;border-top:1px solid #e1e9e6;color:#66777d;font-size:10.5px;line-height:1.45}
.sinjo-application-visual .sav-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sinjo-application-visual .sav-direction-card{overflow:hidden;border:1px solid #dce4e2;border-radius:7px;background:#fff}.sinjo-application-visual .sav-direction-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}.sinjo-application-visual .sav-direction-card>div{padding:15px 16px 16px}.sinjo-application-visual .sav-direction-card h3{font-size:18px;margin:7px 0}.sinjo-application-visual .sav-direction-card p{font-size:14px;line-height:1.55}.sinjo-application-visual .sav-direction-card a{color:#176b4e;font-size:14px;font-weight:750;text-decoration:none}.sinjo-application-visual .sav-direction-tag{display:inline-block;padding:3px 8px;border-radius:999px;background:#e9f5f2;color:#1d6e58;font-size:11px;font-weight:750}
.sinjo-application-visual .sav-workflow-faq{background:#f2f6f5}.sinjo-application-visual .sav-workflow-faq-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px}.sinjo-application-visual .sav-workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0 0;padding:0;list-style:none;counter-reset:savflow}.sinjo-application-visual .sav-workflow li{counter-increment:savflow;padding-top:16px;border-top:2px solid #237456}.sinjo-application-visual .sav-workflow li:before{content:counter(savflow,decimal-leading-zero);display:block;color:#237456;font-size:12px;font-weight:800;margin-bottom:10px}.sinjo-application-visual .sav-workflow h3{font-size:15px;margin-bottom:6px}.sinjo-application-visual .sav-workflow p{font-size:12px;line-height:1.5;margin:0}.sinjo-application-visual .sav-faq{display:grid;gap:8px;margin-top:28px}.sinjo-application-visual .sav-faq details{background:#fff;border:1px solid #dce5e2;border-radius:5px;padding:0 15px}.sinjo-application-visual .sav-faq summary{cursor:pointer;padding:13px 24px 13px 0;font-size:14px;font-weight:700}.sinjo-application-visual .sav-faq p{font-size:13px;padding:0 0 14px;margin:0}
@media(max-width:1000px){.sinjo-application-visual .sav-requirement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sinjo-application-visual .sav-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sinjo-application-visual .sav-zone-layout{grid-template-columns:1fr}.sinjo-application-visual .sav-garment-visual{display:block;min-height:470px}.sinjo-application-visual .sav-workflow-faq-grid{grid-template-columns:1fr}.sinjo-application-visual .sav-workflow{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}}
@media(max-width:600px){.sinjo-application-visual .sav-requirement-grid,.sinjo-application-visual .sav-direction-grid{grid-template-columns:1fr}.sinjo-application-visual .sav-garment-visual{display:block;min-height:0;padding:14px}.sinjo-application-visual .sav-garment-figure{max-width:260px}.sinjo-application-visual .sav-zone-callout{display:none}.sinjo-application-visual .sav-garment-legend{display:grid}.sinjo-application-visual .sav-zone-table article{grid-template-columns:40px 1fr}.sinjo-application-visual .sav-zone-table article>div:last-child{grid-column:2}.sinjo-application-visual .sav-workflow{grid-template-columns:1fr;overflow:visible}.sinjo-application-visual .sav-workflow li{border-top:0;border-left:2px solid #237456;padding:0 0 18px 18px}}

.sinjo-application-visual .sav-reference-section{padding-block:46px}
.sinjo-application-visual .sav-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.sinjo-application-visual .sav-reference-card{overflow:hidden;border:1px solid #d9e3e0;border-radius:7px;background:#fff}
.sinjo-application-visual .sav-reference-media{display:block;overflow:hidden;background:#f3f7f6}
.sinjo-application-visual .sav-reference-media img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:0}
.sinjo-application-visual .sav-reference-copy{padding:15px 16px 17px}
.sinjo-application-visual .sav-reference-copy .sinjo-eyebrow{font-size:10px;margin-bottom:5px}
.sinjo-application-visual .sav-reference-copy h3{margin:0 0 7px;font-size:16px;line-height:1.35}
.sinjo-application-visual .sav-reference-copy h3 a{color:#173c48;text-decoration:none}
.sinjo-application-visual .sav-reference-copy p:not(.sinjo-eyebrow){min-height:1.4em;margin:0 0 9px;color:#596b72;font-size:12.5px;line-height:1.45}
.sinjo-application-visual .sav-reference-link{color:#176b4e;font-size:12.5px;font-weight:750;text-decoration:none}
/* Curated application references: actual samples carry the strongest visual weight. */
.sinjo-application-visual .sav-reference-grid-curated{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.sinjo-application-visual .sav-reference-card-curated{display:flex;flex-direction:column}
.sinjo-application-visual .sav-reference-card-curated .sav-reference-copy{display:flex;flex:1;flex-direction:column;padding:18px}
.sinjo-application-visual .sav-reference-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between;margin-bottom:10px;color:#66787e;font-size:10.5px}
.sinjo-application-visual .sav-reference-source{padding:3px 7px;border-radius:999px;background:#e7f4ee;color:#176b4e;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.sinjo-application-visual .sav-reference-role{margin:0 0 6px;color:#176b4e;font-size:12px;font-weight:800}
.sinjo-application-visual .sav-reference-code{margin:2px 0 9px;color:#687a80;font-size:11.5px;font-weight:700;letter-spacing:.04em}
.sinjo-application-visual .sav-reference-specs{margin:0 0 10px!important;color:#425960!important;font-size:12.5px!important}
.sinjo-application-visual .sav-reference-reason{margin:0 0 16px!important;color:#536970!important;font-size:12.5px!important;line-height:1.55!important}
.sinjo-application-visual .sav-reference-actions{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:auto}
.sinjo-application-visual .sav-reference-actions a{color:#176b4e;font-size:12px;font-weight:800;text-decoration:none}
.sinjo-application-visual .sav-knowledge-section{padding-block:40px}

@media(max-width:1000px){.sinjo-application-visual .sav-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sinjo-application-visual .sav-reference-grid{grid-template-columns:1fr}}
/* Real supplier sample archive for Application pages. Kept separate from verified SKU cards. */
.sinjo-application-visual .sav-archive-section{padding-block:48px;background:#f6faf8}
.sinjo-application-visual .sav-archive-groups{display:grid;gap:34px;margin-top:28px}
.sinjo-application-visual .sav-archive-group{padding-top:22px;border-top:1px solid #d8e4df}
.sinjo-application-visual .sav-archive-group:first-child{padding-top:0;border-top:0}
.sinjo-application-visual .sav-archive-group-head{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:28px;align-items:start;margin-bottom:18px}
.sinjo-application-visual .sav-archive-group-head h3{margin:0;color:#183b47;font-size:21px;line-height:1.3}
.sinjo-application-visual .sav-archive-group-head p{margin:0;color:#5b6d73;font-size:13.5px;line-height:1.6}
.sinjo-application-visual .sav-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sinjo-application-visual .sav-archive-card{margin:0;overflow:hidden;border:1px solid #d9e3e0;border-radius:7px;background:#fff}
.sinjo-application-visual .sav-archive-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#eef3f1}
.sinjo-application-visual .sav-archive-card figcaption{display:flex;flex-direction:column;gap:4px;margin:0;padding:13px 15px 15px}
.sinjo-application-visual .sav-archive-card figcaption strong{color:#173c48;font-size:14px;line-height:1.35}
.sinjo-application-visual .sav-archive-card figcaption span{color:#66777d;font-size:12px;line-height:1.45}
@media(max-width:1000px){
  .sinjo-application-visual .sav-archive-group-head{grid-template-columns:1fr;gap:8px}
  .sinjo-application-visual .sav-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .sinjo-application-visual .sav-archive-section{padding-block:38px}
  .sinjo-application-visual .sav-archive-groups{gap:28px}
  .sinjo-application-visual .sav-archive-grid{grid-template-columns:1fr}
}
.sinjo-application-visual .sav-garment-guide-realistic{background:#fff}
.sinjo-application-visual .sav-garment-guide-realistic img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff}
.sinjo-application-visual .sav-garment-guide-realistic figcaption{font-size:11.5px;line-height:1.5}
.sinjo-application-visual .sav-garment-guide-clean img{aspect-ratio:3/2;object-fit:cover;object-position:center;background:#edf2f1}

@media(max-width:600px){
  .sinjo-application-visual .sav-garment-guide-realistic{border-radius:7px}
  .sinjo-application-visual .sav-garment-guide-realistic figcaption{font-size:11px}
}
/* Keep the application hero and first buyer-requirement section fully rendered.
   Deeper decision-support sections can skip initial layout/paint until they
   approach the viewport, reducing mobile main-thread variance on long pages. */
@supports(content-visibility:auto){
  .sinjo-application-visual>section:nth-of-type(n+2){content-visibility:auto;contain-intrinsic-size:auto 900px}
}