/* This sheet is loaded only for mobile interior pages. */
html[data-sb-language] body :is(#sanbo-site[data-page], .ab) {
  --sb-inner-card: 14px;
  --sb-inner-gap: 9px;
  --sb-inner-copy: 13px;
  --sb-inner-leading: 1.32;
}

/* Keep the keyboard shortcut available without exposing it in the resting layout. */
#sanbo-site[data-page] > .skip-link:not(:focus) {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
#sanbo-site[data-page] > .skip-link:focus-visible {
  position: fixed; inset: 8px auto auto 8px; z-index: 10000; padding: 7px 11px;
  color: #fff; background: #23313a; border-radius: 6px;
}

html[data-sb-language] body #sanbo-site :is(.quality-shell,.catalog-shell) :is(
  .quality-inquiry,.detail-inquiry,.contact-resource,.guide-sidebar,.guide-content,.contact-guide
) { border-radius: var(--sb-inner-card); }
html[data-sb-language] body #sanbo-site[data-page] :is(.quality-shell,.catalog-shell) .catalog-purchase {
  min-height: 34px; padding: 6px 11px; font-size: 12px; line-height: 1.22;
}
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-card { border-radius: var(--sb-inner-card); }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell figure.quality-photo { padding: 0; overflow: hidden; }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-photo img { display: block; width: 100%; }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-photo figcaption {
  max-width: calc(100% - 12px); font-size: 10px; line-height: 1.2; overflow-wrap: anywhere;
}
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-section { padding-block: 13px; }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-section-head { margin-bottom: 9px; }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-rows { margin: 7px 0 0; }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-rows > div { padding-block: 7px; }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell :is(.quality-rows dt,.quality-faq summary) {
  font-size: 14px; line-height: 1.24; overflow-wrap: anywhere;
}
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-rows dd {
  margin: 3px 0 0; font-size: var(--sb-inner-copy); line-height: var(--sb-inner-leading);
}
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-faq details { padding-block: 7px; }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell .quality-faq summary { padding-block: 3px; }
html[data-sb-language] body #sanbo-site[data-page] .quality-shell :is(.quality-check,.project-card-body,.quality-panel,.quality-faq) p {
  margin-block: 4px; font-size: var(--sb-inner-copy); line-height: var(--sb-inner-leading);
}
html[data-sb-language] body #sanbo-site[data-page] .quality-shell :is(.quality-check,.project-card-body,.quality-panel) h3 {
  margin-block: 4px 5px; line-height: 1.18;
}
html[data-sb-language] body #sanbo-site[data-page="packaging-logistics"] .quality-shell .delivery-steps {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
html[data-sb-language] body #sanbo-site[data-page="packaging-logistics"] .quality-shell .delivery-steps > li { padding: 9px; }
html[data-sb-language] body #sanbo-site[data-page="packaging-logistics"] .quality-shell .delivery-steps h3 { min-height: 0; margin: 4px 0; }
html[data-sb-language] body #sanbo-site[data-page="projects"] .project-jump { gap: 5px; margin-block: 10px 0; }
html[data-sb-language] body #sanbo-site[data-page="projects"] .project-jump a {
  min-height: 32px; padding: 5px 8px; font-size: 12px; line-height: 1.2;
}
html[data-sb-language] body #sanbo-site[data-page="projects"] .project-card { padding: 0; overflow: hidden; }
html[data-sb-language] body #sanbo-site[data-page="projects"] .project-card-body { padding: 11px; }
html[data-sb-language] body #sanbo-site[data-page="projects"] .project-card :is(.quality-rows, .project-card-body ul) { margin-block: 6px; }
html[data-sb-language] body #sanbo-site[data-page="project"] main .page-intro { padding-block-end: 10px; }
html[data-sb-language] body #sanbo-site[data-page="project"] main #scenario-detail { padding-block: 4px 14px; }
html[data-sb-language] body #sanbo-site[data-page="project"] #scenario-detail .scenario-mark {
  display: block; margin: 0; line-height: 1.25;
}
html[data-sb-language] body #sanbo-site[data-page="project"] #scenario-detail .split-section { gap: 10px; margin-block: 6px 0; }
html[data-sb-language] body #sanbo-site[data-page="project"] #scenario-detail .photo {
  height: auto; min-height: 0; aspect-ratio: 4 / 3; margin: 0; border-radius: var(--sb-inner-card); overflow: hidden;
}
html[data-sb-language] body #sanbo-site[data-page="project"] #scenario-detail .photo img { height: 100%; width: 100%; object-fit: cover; }
html[data-sb-language] body #sanbo-site[data-page="project"] main #scenario-detail .split-section h2 {
  margin-block: 0 6px; line-height: 1.18;
}
html[data-sb-language] body #sanbo-site[data-page="project"] main #scenario-detail .split-section p {
  margin-block: 0 7px; font-size: var(--sb-inner-copy); line-height: var(--sb-inner-leading);
}
html[data-sb-language] body #sanbo-site[data-page="project"] main #scenario-detail .split-section .draft-note {
  margin-block: 8px 0; padding: 5px 0 5px 9px; font-size: 12px;
}
html[data-sb-language] body #sanbo-site[data-page="project"] #scenario-detail .editorial-grid { gap: 6px; margin-top: 10px !important; }
html[data-sb-language] body #sanbo-site[data-page="project"] #scenario-detail .editorial-grid article { padding-block: 8px; }
html[data-sb-language] body #sanbo-site[data-page="project"] #scenario-detail .editorial-grid h3 { margin-block: 4px; line-height: 1.2; }
html[data-sb-language] body #sanbo-site[data-page="project"] main #scenario-detail .editorial-grid p {
  margin-block: 0; font-size: var(--sb-inner-copy); line-height: var(--sb-inner-leading);
}
html[data-sb-language] body #sanbo-site[data-page="project"] main .closing { margin-block: 12px 23px; padding: 13px; }
html[data-sb-language] body #sanbo-site.inner-site:is([data-page="project"],[data-page="privacy"]) main section.page-intro > p.lead {
  margin: 5px 0 0; font-size: 13px; line-height: 1.34;
}

html[data-sb-language] body .sb-about-hero h1,
html[data-sb-language] body .ab .ab-statement { font-family: system-ui,sans-serif; }
html[data-sb-language] body .sb-about-hero h1 { font-weight: 650; text-wrap: balance; }
html[data-sb-language] body .ab .ab-intro { padding-block: 17px; }
html[data-sb-language] body .ab .ab-statement { margin-block: 8px 12px; font-size: 15px; line-height: 1.4; }
html[data-sb-language] body .ab .ab-statement span { opacity: 1; }
html[data-sb-language] body .ab .ab-brand-caption {
  display: grid; gap: 4px; justify-items: start; padding-block: 8px;
}
html[data-sb-language] body .ab .ab-brand-caption strong { font: 650 15px/1.22 system-ui,sans-serif; }
html[data-sb-language] body .ab .ab-brand-caption span { font-size: 11px; line-height: 1.22; }
html[data-sb-language] body .ab .ab-section-head { margin-bottom: 10px; }
html[data-sb-language] body .ab .ab-section { padding-block: 14px; }
html[data-sb-language] body .ab .ab-card-copy { padding: 11px; }
html[data-sb-language] body .ab .ab-card-copy h3 { margin-block: 3px 5px; }
html[data-sb-language] body .ab .ab-process-steps li { padding-block: 8px; }

html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-mfg-band { padding-block: 17px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-rows article { padding-block: 9px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-rows article h3 { margin-block: 3px 5px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] :is(.sx-two,.sx-process,.sx-batch) { gap: 10px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-process { margin-top: 12px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-process article { margin: 0; padding: 8px 0; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-process article span { font-size: 24px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-process article h3 { margin-block: 5px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-faq details { padding-block: 9px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-faq summary { font-size: 14px; line-height: 1.24; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-faq details p { margin-top: 5px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] .sx-batch { padding-block: 19px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] #sx-batch-form { padding: 13px; border-radius: var(--sb-inner-card); }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] #sx-batch-form .sx-batch-fields { gap: 8px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] #sx-batch-form .sx-batch-fields label { gap: 3px; font-size: 12px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] #sx-batch-form .sx-batch-fields input { min-height: 36px; padding-block: 6px; }
html[data-sb-language] body #sanbo-site.sx[data-page="custom-manufacturing"] #sx-batch-form .sx-batch-fields textarea { min-height: 78px; padding-block: 6px; }

html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] :is(.tp-heading,.tc-faq,.tc-newsletter) h2 {
  margin: 0 0 6px; font-size: clamp(18px,4.8vw,25px); line-height: 1.15;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tp-hero-copy .tp-lead {
  margin: 5px auto 0; font-size: 13px; line-height: 1.32;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-download {
  margin: 11px 16px 18px; min-height: 0; padding: 13px; gap: 10px; border-radius: var(--sb-inner-card);
  grid-template-columns: minmax(0,1fr);
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-download h3 {
  margin: 0 0 5px; font-size: 17px; line-height: 1.18;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-download p {
  margin: 0 0 7px; color: #4d5c67; font-size: 13px; line-height: 1.32;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-paper {
  width: 100%; max-width: none; padding: 9px 10px; transform: none; border-radius: 8px;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-paper h4 { margin: 4px 0; font-size: 14px; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-paper i { margin-top: 4px; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] :is(.tc-download,.tc-newsletter) .tp-button {
  min-height: 33px; padding: 6px 10px; font-size: 12px; line-height: 1.22; text-align: center;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tp-heading { padding: 0 16px; margin: 14px 0 10px; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-doc-grid {
  padding: 0 16px 16px; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr));
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-doc-grid article {
  min-height: 0; min-width: 0; padding: 9px; border-radius: var(--sb-inner-card); overflow-wrap: anywhere;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-doc-grid article > span { margin-bottom: 4px; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-doc-grid h3 { margin-bottom: 5px; font-size: 14px; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-doc-grid p { margin: 0; color: #4d5c67; font-size: 12px; line-height: 1.28; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-doc-grid small { margin-block: 6px; color: #4d5c67; line-height: 1.22; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] :is(.tc-faq,.tc-newsletter) {
  padding: 14px 16px; gap: 9px;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-newsletter { clip-path: none; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-faq summary {
  padding: 9px 0; gap: 8px; font-size: 14px; line-height: 1.24;
}
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-faq summary span { font-size: 19px; }
html[data-sb-language] body #sanbo-site.corp-site.inner-site.tp-site.tc-site[data-page="certifications"] .tc-faq details p { padding: 0 10px 8px 0; font-size: 13px; line-height: 1.32; }

html[data-sb-language] body #sanbo-site[data-page="resources"] .resource-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
html[data-sb-language] body #sanbo-site[data-page="resources"] .resource-guide { min-height: 0; padding-bottom: 0; border-radius: var(--sb-inner-card); }
html[data-sb-language] body #sanbo-site[data-page="resources"] .resource-guide .catalog-card-copy { padding: 8px; gap: 5px; }
html[data-sb-language] body #sanbo-site[data-page="resources"] .resource-guide .catalog-card-copy h3 { margin: 0; font-size: 13px; line-height: 1.2; }
html[data-sb-language] body #sanbo-site[data-page="resources"] .resource-guide .catalog-card-copy p { margin: 0; font-size: 12px; line-height: 1.28; }
html[data-sb-language] body #sanbo-site[data-page="resources"] .resource-guide-action { padding: 0; font-size: 12px; line-height: 1.2; }
html[data-sb-language] body #sanbo-site:is([data-page="resources"],[data-page="contact"]) .contact-resource-grid { gap: 8px; }
html[data-sb-language] body #sanbo-site:is([data-page="resources"],[data-page="contact"]) .contact-resource ul { margin: 5px 0 0; }
html[data-sb-language] body #sanbo-site:is([data-page="resources"],[data-page="contact"]) .contact-resource a { min-height: 28px; padding-block: 4px; font-size: 13px; line-height: 1.25; }
html[data-sb-language] body #sanbo-site[data-page="contact"] .detail-faq details { padding-block: 7px; }
html[data-sb-language] body #sanbo-site[data-page="contact"] .detail-faq summary { padding-block: 3px; font-size: 14px; line-height: 1.24; }
html[data-sb-language] body #sanbo-site[data-page="article"] .guide-layout { margin-top: 12px; gap: var(--sb-inner-gap); }
html[data-sb-language] body #sanbo-site[data-page="article"] .guide-sidebar :is(ol,ul) { margin-top: 5px; }
html[data-sb-language] body #sanbo-site[data-page="article"] .guide-sidebar a { min-height: 30px; padding-block: 4px; font-size: 13px; line-height: 1.25; }
html[data-sb-language] body #sanbo-site[data-page="article"] .guide-section { grid-template-columns: 1.5em minmax(0,1fr); gap: 6px; padding-block: 7px; }
html[data-sb-language] body #sanbo-site[data-page="article"] .guide-section + .guide-section { margin-top: 5px; padding-top: 9px; }
html[data-sb-language] body #sanbo-site[data-page="article"] .guide-section h2 { scroll-margin-top: calc(var(--sb-language-header,49px) + 22px); }

html[data-sb-language] body #sanbo-site:is([data-page="blog"],[data-page="blog-article"]) .sb-blog-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;
}
html[data-sb-language] body #sanbo-site:is([data-page="blog"],[data-page="blog-article"]) .sb-blog-card,
html[data-sb-language] body #sanbo-site:is([data-page="blog"],[data-page="blog-article"]) .sb-blog-card-photo { border-radius: var(--sb-inner-card); }
html[data-sb-language] body #sanbo-site:is([data-page="blog"],[data-page="blog-article"]) .sb-blog-card-photo { border-end-start-radius: 0; border-end-end-radius: 0; }
html[data-sb-language] body #sanbo-site:is([data-page="blog"],[data-page="blog-article"]) .sb-blog-card-copy { padding: 8px; }
html[data-sb-language] body #sanbo-site:is([data-page="blog"],[data-page="blog-article"]) main .sb-blog-card h2 { font-size: 13.5px; line-height: 1.18; text-wrap: pretty; }
html[data-sb-language] body #sanbo-site:is([data-page="blog"],[data-page="blog-article"]) main .sb-blog-card .sb-blog-summary { margin-bottom: 6px; font-size: 12px; line-height: 1.27; }
html[data-sb-language] body #sanbo-site[data-page="blog-article"] .sb-blog-body { border-radius: var(--sb-inner-card); }
html[data-sb-language] body #sanbo-site[data-page="blog-article"] .sb-blog-hero { margin-bottom: 14px; }

html[data-sb-language] body #sanbo-site[data-page="privacy"] .in-toc {
  display: grid; gap: 0; margin: 0 0 12px; padding: 10px 11px;
  border: 1px solid #d7e0e5; border-radius: var(--sb-inner-card); background: #e9edf0; color: #23353f;
}
html[data-sb-language] body #sanbo-site[data-page="privacy"] .in-toc strong { margin: 0 0 4px; color: #23353f; font-size: 13px; font-weight: 650; }
html[data-sb-language] body #sanbo-site[data-page="privacy"] .in-toc a {
  display: flex; align-items: center; min-height: 29px; padding: 4px 0; border-top: 1px solid #d3dde2;
  color: #234e61; font-size: 13px; line-height: 1.23; text-decoration: underline; text-underline-offset: 2px;
}
html[data-sb-language] body #sanbo-site[data-page="privacy"] .policy-body { padding-bottom: 22px; }
html[data-sb-language] body #sanbo-site[data-page="privacy"] .policy-body h2 { margin-block: 13px 5px; scroll-margin-top: calc(var(--sb-language-header,49px) + 22px); }
html[data-sb-language] body #sanbo-site[data-page="privacy"] .policy-body p { margin-block: 5px 8px; }