/* The place and shape of the interaction communicate its role. No global link symbols. */
.site-header nav a,.site-footer a{text-decoration:none}
.site-header nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.page-nav-inner{max-width:1280px}
.section-links a{color:#4a554b}
.section-links a[aria-current]{color:#285440}
.section-links a[aria-current]::after{content:'';height:3px;background:#52745c}
.nav-contact{background:var(--green);color:white;border-color:var(--green);padding:12px 22px}
.nav-contact:hover{background:var(--deep)}
.visual-lp a.text-link,.article-content a.inline-link{color:#365a43;text-decoration:none}
.visual-lp a.text-link:not(.material-source){border-bottom:1px solid #a4b1a1;padding-bottom:4px}
.visual-lp a.text-link:hover,.article-content a.inline-link:hover{color:#163b27;border-color:#365a43}
.visual-story-copy a.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #7e927d!important;padding:10px 22px!important;background:transparent;color:#34513b;font-weight:500}
.visual-story-copy a.text-link:hover{background:#e8eee3}
.visual-lp .paper-choice{display:flex;flex-direction:column;background:#f4f5f0;border:1px solid #dce1d6;min-height:100%;padding:12px 12px 16px;transition:background .18s,border-color .18s;color:var(--ink)}
.visual-lp .paper-choice img{max-width:180px;transform:none;outline:none}
.visual-lp .paper-choice h4{font-size:20px;margin:17px 0 8px;line-height:1.6}
.visual-lp .paper-choice .choice-more{font-size:16px;color:#365b42;margin:0;display:block;text-decoration:none;padding:0;line-height:1.6}
.visual-lp .paper-choice .choice-more::after{content:none}
.visual-lp .paper-choice:hover{background:#e4eadf;border-color:#6b8268}
.visual-lp .paper-choice:focus-visible{outline:3px solid #547b58;outline-offset:4px}
.visual-lp .paper-choice[aria-expanded="true"]{background:#e4eadf;border-color:#486c4d}
.visual-lp .paper-choice[aria-expanded="true"] img{outline:none}
.visual-comparison thead th{padding-inline:9px}
.visual-comparison{min-width:910px}
.visual-comparison .comparison-axis{width:110px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.visual-comparison .label-unit{display:inline-block;white-space:nowrap}
.visual-comparison tbody th{color:#35432f;font-weight:600;text-align:center;padding-inline:10px}
.visual-comparison .comparison-binary td{padding-block:11px;line-height:1}
.comparison-mark{display:inline-block;font-size:27px;line-height:1.25;font-weight:400}
.comparison-mark.is-yes{color:#3e6549}
.comparison-mark.is-no{color:#82877e}
.visual-comparison .comparison-description td{padding-block:18px;line-height:1.75}
.visual-lp .visual-selection{padding-bottom:54px}
.visual-selection .visual-section-heading h2>span{display:inline-block}

#uses .customer-voice-list {
  border-top: 1px solid #cbd4c9;
}

#uses .customer-voice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.85fr);
  gap: clamp(28px, 4.5vw, 58px);
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #d9dfd6;
}

#uses .customer-voice-context {
  display: flex;
  align-items: center;
  gap: 18px;
}

#uses .customer-voice-context svg {
  flex: none;
  fill: none;
  stroke: #587760;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#uses .customer-voice-context h3 {
  font-size: clamp(20px, 1.8vw, 23px);
  text-wrap: balance;
}

#uses .customer-voice-context p {
  margin-top: 6px;
  font-size: 16px;
  color: var(--muted);
}

#uses .customer-voice blockquote p {
  font-size: 18px;
  line-height: 1.9;
}

#uses .customer-voice blockquote strong {
  color: #2d533e;
  font-weight: 600;
}

#uses .customer-voice-other-use {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 18px;
  margin-top: 20px;
}

@media (max-width: 800px) {
  #uses .customer-voice {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 22px 0;
  }

  #uses .customer-voice-context {
    gap: 12px;
  }

  #uses .customer-voice-context svg {
    width: 46px;
    height: 46px;
  }

  #uses .customer-voice blockquote p {
    font-size: 17px;
  }
}

#environment {
  padding: 64px 0 40px;
  background: #eef2ef;
}

#environment .offset-heading {
  font-size: clamp(27px, 3.2vw, 40px);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

#environment .offset-intro {
  max-width: 50em;
  margin-top: 12px;
}

#environment .offset-intro span {
  white-space: nowrap;
}

#environment .offset-cost {
  margin-top: 12px;
}

#environment .offset-illustration {
  max-width: 900px;
  margin: 28px auto 38px;
}

#environment .offset-art {
  position: relative;
  container-type: inline-size;
}

#environment .offset-illustration img {
  display: block;
  width: 100%;
  height: auto;
}

#environment .offset-marker {
  position: absolute;
  display: grid;
  place-items: center;
  width: 8.75%;
  aspect-ratio: 1;
  translate: -50% -50%;
  border: 1px solid;
  border-radius: 50%;
  font: 650 clamp(10px, 2.85cqw, 26px)/1 system-ui, sans-serif;
}

#environment .offset-emission {
  left: 39.73%;
  top: 31.44%;
  background: #f8f0e7;
  border-color: #a68b75;
  color: #624635;
}

#environment .offset-absorption {
  left: 80.89%;
  top: 20.45%;
  background: #e4eee1;
  border-color: #779681;
  color: #325442;
}

@media (prefers-reduced-motion: no-preference) {
  #environment .offset-art.is-in-view .offset-emission {
    animation: offset-release 4s linear infinite;
  }

  #environment .offset-art.is-in-view .offset-absorption {
    animation: offset-uptake 4s linear infinite;
  }
}

@keyframes offset-release {
  0% {
    transform: translate(-20%, 62%) scale(.86);
    opacity: 0;
  }
  16% {
    transform: translate(-12%, 42%) scale(1);
    opacity: 1;
  }
  59% {
    transform: translate(10%, -32%) scale(1);
    opacity: 1;
  }
  84%, 100% {
    transform: translate(20%, -60%) scale(1.05);
    opacity: 0;
  }
}

@keyframes offset-uptake {
  0% {
    transform: translate(12%, -23%);
    opacity: 0;
  }
  16% {
    transform: translate(8%, -8%);
    opacity: 1;
  }
  51% {
    transform: translate(0, 45%) scale(.9);
    opacity: 1;
  }
  76%, 100% {
    transform: translate(-8%, 95%) scale(.22);
    opacity: 0;
  }
}

#environment .offset-labels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  color: #334a3e;
  text-align: center;
}

#environment .offset-labels strong {
  display: block;
  margin-bottom: 4px;
  font-size: clamp(17px, 2.1vw, 23px);
  line-height: 1.45;
}

#environment .offset-labels span {
  white-space: nowrap;
}

#environment .offset-equation {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: clamp(10px, 2vw, 26px);
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #b7c8bc;
  color: #294537;
  font-size: clamp(16px, 2vw, 23px);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

#environment .offset-operator {
  color: #537563;
}

#environment .offset-equation-outcome {
  display: inline-flex;
  align-items: baseline;
  gap: clamp(10px, 2vw, 26px);
}

#environment .offset-equation strong {
  padding-inline: .12em;
  background: linear-gradient(transparent 62%, #d9e69e 62%, #d9e69e 92%, transparent 92%);
  color: #20553b;
  font-size: clamp(21px, 3vw, 32px);
  white-space: nowrap;
}

#environment .offset-reference {
  margin-top: 18px;
  color: #526354;
  font-size: 16px;
  text-align: center;
}

#environment .offset-reference > a {
  display: inline-block;
  margin-inline-start: 1em;
  text-underline-offset: 4px;
}

@media (max-width: 680px) {
  #environment {
    padding: 40px 0 32px;
  }

  #environment .offset-illustration {
    margin: 16px auto 26px;
  }

  #environment .offset-labels strong {
    word-break: keep-all;
  }

  #environment .offset-equation {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 7px 8px;
    align-items: center;
    margin-top: 19px;
    padding-top: 14px;
    word-break: keep-all;
  }

  #environment .offset-equation-outcome {
    grid-column: 1 / -1;
    justify-self: center;
  }

  #environment .offset-cost strong {
    display: block;
  }

  #environment .offset-reference > a {
    margin-inline-start: 0;
  }
}

#printing .visual-section-heading {
  display: block;
}

#printing .visual-section-heading > p {
  margin-top: 12px;
  color: var(--ink);
}

#printing .visual-order-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
}

#printing .printing-request {
  margin-top: 32px;
  padding-bottom: 18px;
}

#printing .printing-request > .button {
  display: flex;
  width: fit-content;
  margin-inline: auto;
}

#printing .printing-guide-link {
  display: table;
  margin: 16px auto 0;
}

.diagram-type-picker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 18px;
  font-size: 17px;
}

.diagram-type-picker select {
  max-width: 100%;
  min-height: 44px;
  padding: 8px 36px 8px 12px;
  border: 1px solid #a9b59f;
  border-radius: 3px;
  background: white;
  color: var(--ink);
  font: inherit;
}

.diagram-type-picker select:focus-visible {
  outline: 3px solid #498a75;
  outline-offset: 3px;
}

#printing .printing-preparation {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(28px, 4vw, 54px);
  margin-bottom: 28px;
}

#printing .printing-office {
  padding: 24px clamp(20px, 2.8vw, 36px);
  background: #fff;
  border-top: 2px solid #587760;
}

#printing .printing-office h3 {
  text-wrap: balance;
}

#printing .office-pdf-flow {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) 30px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin: 18px 0;
  padding: 18px 0;
  border-block: 1px solid #dce1d6;
}

#printing .office-pdf-step {
  display: flex;
  align-items: center;
  gap: 12px;
}

#printing .office-pdf-step strong,
#printing .office-pdf-step span {
  display: block;
  line-height: 1.55;
}

#printing .office-pdf-step strong {
  font-size: clamp(17px, 1.6vw, 21px);
}

#printing .office-pdf-step span {
  font-size: 16px;
  color: var(--muted);
}

#printing .office-pdf-flow svg,
#printing .printing-option-icon {
  flex: none;
  fill: none;
  stroke: #587760;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#printing .printing-office .text-link {
  display: inline-block;
  margin-top: 8px;
}

#printing .printing-other-options {
  padding-top: 22px;
}

#printing .printing-other-options > section {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

#printing .printing-other-options h3 {
  margin-bottom: 8px;
  text-wrap: balance;
}

#printing .printing-other-options section + section {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #d3d7cb;
}

@media (max-width: 800px) {
  #printing .visual-order-summary {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-block: 16px;
  }

  #printing .visual-order-summary > div {
    display: grid;
    grid-template-columns: 5em 1fr;
    gap: 12px;
    align-items: baseline;
    padding: 0;
    border-left: 0;
  }

  #printing .visual-order-summary dt {
    margin: 0;
  }

  #printing .visual-order-summary dd {
    font-size: 18px;
  }

  #printing .printing-preparation {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  #printing .office-pdf-flow {
    grid-template-columns: minmax(0, 1.25fr) 22px minmax(0, 1fr);
    gap: 10px;
  }

  #printing .office-pdf-step {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  #printing .office-pdf-arrow {
    width: 22px;
  }

  #printing .printing-other-options {
    padding-top: 0;
  }
}

/* A separate reading destination, shown with the document it leads to. */
.request-and-reference{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;margin:40px 0 30px}
.request-next h3{font-size:23px!important;margin:0 0 12px}
.request-next p{max-width:25em;margin-bottom:24px}
.request-next .button{min-width:310px;min-height:56px;font-weight:500}
.document-entry{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:25px 24px;background:#fff;border:1px solid #d7d8cc;align-items:center;color:var(--ink);transition:border-color .18s,background .18s}
.document-entry>img{width:150px;background:white;object-fit:contain;border:1px solid #ebebe4;padding:6px}
.document-entry strong{display:block;font-size:23px;line-height:1.6;font-weight:500}
.document-description{display:block;font-size:16px;color:var(--muted);line-height:1.8;margin-top:8px}
.document-action{display:inline-flex;align-items:center;gap:20px;margin-top:15px;color:#365b42;font-size:16px;font-weight:500}
.document-action::after{content:'';width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.document-entry:hover{background:#f7f9f2;border-color:#778d74}
.order-conditions{border-top:1px solid #d1d5c8;margin-top:30px}
.order-conditions>summary{padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:17px;color:#4c5d4b;font-weight:500}
.fold-icon{position:relative;width:18px;height:18px;flex:none}
.fold-icon::before,.fold-icon::after{content:'';position:absolute;left:1px;top:8px;width:16px;height:1px;background:currentColor}
.fold-icon::after{transform:rotate(90deg)}
details[open]>summary .fold-icon::after{transform:none}
.order-conditions>summary:hover,.visual-details>summary:hover{color:#23472d;background:#edf0e7}
.order-conditions-body{padding:8px 0 28px}
.order-conditions-body>section{display:grid;grid-template-columns:260px 1fr;gap:40px;border-top:1px solid #dde0d4;padding:24px 0}
.order-conditions-body h3{font-size:19px!important;font-weight:500}
.order-conditions-body p{margin-bottom:15px;font-size:17px}
.order-conditions-body a.text-link{display:inline-block;margin:5px 25px 5px 0}
.visual-details>summary{color:#455c44;font-weight:500}
.visual-details>summary::after,.visual-details[open]>summary::after{content:none}
.disclosure-state{font-size:0;display:block;width:18px;height:18px;flex:none;position:relative}
.disclosure-state span{display:none}
.disclosure-state::before,.disclosure-state::after{content:'';position:absolute;left:1px;top:8px;width:16px;height:1px;background:currentColor}
.disclosure-state::after{transform:rotate(90deg)}
details[open]>summary .disclosure-state::after{transform:none}
.visual-lp .visual-details>summary{padding:22px 0;font-size:17px;text-decoration:none}
.visual-lp .voice-full>summary{font-size:16px}
.visual-environment .visual-details>div>a.text-link{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px 0;margin:0;border-bottom:1px solid #bdcbb8;font-size:17px}
.visual-environment .visual-details>div>a.text-link::after{content:'';width:8px;height:8px;border-top:1px solid #54724f;border-right:1px solid #54724f;transform:rotate(45deg);flex:none;margin-right:4px}
.visual-environment .visual-details>div>a.text-link:hover{background:#e0e9dc}

/* Three remaining purchase questions, with answers visible together. */
.visual-faq {
  padding: 64px 0;
  background: #fff;
}

.product-faq-list {
  border-top: 1px solid var(--line);
}

.product-faq-item {
  padding: 26px 0;
  border-bottom: 1px solid var(--line);
}

.product-faq-item h3 {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.7;
}

.product-faq-mark {
  color: var(--green);
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
}

.product-faq-item p {
  margin: 10px 0 0 44px;
  max-width: 58em;
  font-size: 17px;
  line-height: 1.9;
}

@media (max-width: 800px) {
  .visual-faq {
    padding: 40px 0;
  }

  .product-faq-item {
    padding: 24px 0;
  }

  .product-faq-item h3 {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    font-size: 18px;
  }

  .product-faq-mark {
    font-size: 22px;
  }

  .product-faq-item p {
    margin-left: 36px;
  }
}

/* Consultation is a deliberate destination, rather than a series of inline actions. */
#contact {
  padding: 64px 0 40px;
}

#contact .visual-section-heading h2 > span,
.contact-lead > span {
  display: inline-block;
}

.contact-invitation {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(36px, 5vw, 72px);
}

.contact-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 8 / 5;
  object-fit: cover;
}

.contact-copy p {
  font-size: 17px;
  line-height: 1.9;
}

.contact-copy .contact-lead {
  margin-bottom: 16px;
  font-size: clamp(21px, 1.9vw, 25px);
  line-height: 1.7;
  font-weight: 600;
  letter-spacing: .025em;
}

.contact-copy .button {
  width: 100%;
  max-width: 480px;
  margin-top: 26px;
  min-height: 72px;
  padding: 18px 24px;
  font-size: 18px;
  font-weight: 600;
}

.contact-order-flow {
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid #bcc5b5;
}

.contact-order-flow > h3 {
  font-size: 22px;
}

#contact .flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 20px 0 18px;
  border-top: 0;
}

#contact .flow h4 {
  font-size: 19px;
}

#contact .flow li:not(:last-child)::after {
  top: 22px;
  bottom: 15px;
  height: auto;
}

@media (max-width: 800px) {
  #contact {
    padding: 40px 0 28px;
  }

  .contact-invitation {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .contact-photo img {
    aspect-ratio: 3 / 2;
  }

  .contact-copy .contact-lead {
    font-size: 21px;
  }

  .contact-copy .button {
    margin-top: 22px;
    width: 100%;
    min-height: 66px;
    font-size: 17px;
    padding-inline: 14px;
  }

  #contact .flow {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  #contact .flow li {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 4px 16px;
    padding: 0;
  }

  #contact .flow li > span {
    grid-row: 1 / 3;
  }

  #contact .flow h4 {
    margin: 0;
  }

  #contact .flow p {
    grid-column: 2;
  }
}

.visual-lp .visual-contact-grid{gap:0;align-items:stretch;border-top:1px solid #bcc5b5}
.visual-contact .contact-option{border:0;padding:32px 44px 26px 0;gap:24px}
.visual-contact .contact-option+ .contact-option{border-left:1px solid #cbd0c1;padding-left:44px;padding-right:0}
.visual-contact .contact-option h3{font-size:24px}
.visual-contact .contact-option .button{min-height:58px;font-weight:500}
.visual-contact .contact-option .sample-note,.visual-contact .contact-option .contact-price-note{min-height:0}
.visual-order-flow{margin-top:32px}
.visual-lp .sample-photos{margin-bottom:22px}
.visual-lp .inquiry-fields ul{gap:0 30px}

/* Product specifications are a reader, with tabs and a single close affordance. */
#paper-dialog{width:min(1120px,calc(100% - 64px));height:min(880px,calc(100dvh - 64px));max-width:none;max-height:calc(100dvh - 64px);overflow:hidden;padding:0;border:0;color:var(--ink);background:#fff;overscroll-behavior:contain}
#paper-dialog[open]{display:flex;flex-direction:column}
#paper-dialog::backdrop{background:rgba(31,39,29,.52)}
.paper-dialog-header{position:relative;flex:none;z-index:3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:25px 36px 23px;border-bottom:1px solid #dce1d5;gap:25px}
.paper-dialog-header h2{font-size:23px;font-weight:500;letter-spacing:.02em;line-height:1.6}
.paper-dialog-close{display:flex;align-items:center;gap:10px;padding:7px 0 7px 20px;font-size:16px;line-height:1.6;min-height:44px;color:#3f543b;background:none;white-space:nowrap}
.paper-dialog-close::after{content:'×';font-size:27px;line-height:1;font-weight:300}
.paper-dialog-close:hover{color:#1f3520}
.paper-tabs{position:relative;flex:none;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 36px;background:#f7f8f3;gap:16px;border-bottom:1px solid #dce1d5}
.paper-tabs button{padding:20px 5px 17px;font-size:17px;border-bottom:3px solid transparent;color:#63705e;line-height:1.5;white-space:nowrap}
.paper-tabs button[aria-selected="true"]{border-bottom-color:#527353;color:#24462a;font-weight:600}
.paper-tabs button:hover{background:#e9eee2;color:#24462a}
.paper-dialog-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;padding:34px 36px 38px}
#paper-dialog .paper-details{border:0}
#paper-dialog .paper-detail[open]{background:none;padding:0;margin:0;border:0;scroll-margin-top:0}
#paper-dialog .paper-detail:not([open]){display:none}
#paper-dialog .paper-detail>summary,#paper-dialog .detail-close{display:none}
#paper-dialog .detail-panel-heading{margin-bottom:22px}
#paper-dialog .detail-panel-heading h3{font-size:26px;font-weight:500;line-height:1.5}
#paper-dialog .paper-detail-body{grid-template-columns:.9fr 1.25fr;gap:42px}
#paper-dialog .paper-detail-body>figure>img{max-height:420px;object-fit:contain;background:#f6f6f1}
#paper-dialog .paper-detail-body figcaption{font-size:16px}
#paper-dialog .detail-copy>p{font-size:17px;line-height:1.95;margin-bottom:18px}
#paper-dialog .spec-list dt,#paper-dialog .spec-list dd{font-size:16px;line-height:1.8}
#paper-dialog .spec-list>div{grid-template-columns:110px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #e2e6dc}
#paper-dialog .spec-list dt{color:#35432f;font-weight:600}
#paper-dialog .spec-list dd{color:var(--ink);font-weight:400}
#paper-dialog .material-source{display:block;padding:16px 0;margin:0 0 20px;border-block:1px solid #dce1d5;font-size:17px}
#paper-dialog .material-source::after{content:'›';float:right;font-size:24px;line-height:1.3}
#paper-dialog .detail-actions{display:grid;grid-template-columns:1fr;gap:20px;align-items:stretch;margin-top:25px}
#paper-dialog button[data-diagram]{display:flex;align-items:center;gap:20px;justify-content:flex-start;padding:12px 18px;text-align:left;background:#f7f8f2;border:1px solid #d9dece;color:#405d39;text-decoration:none;line-height:1.6}
#paper-dialog button[data-diagram] img{width:110px;height:65px;object-fit:contain;background:#fff}
#paper-dialog button[data-diagram]>span{font-size:17px}
#paper-dialog button[data-diagram] small{display:block;font-size:16px;font-weight:400;color:#667362;margin-top:5px}
#paper-dialog button[data-diagram]:hover{background:#eaf0e2;border-color:#9aac8e}
#paper-dialog .detail-actions .button{font-weight:500;min-height:55px;font-size:17px}
body:has(#paper-dialog[open]),body:has(#diagram-dialog[open]){overflow:hidden}
#diagram-dialog{overscroll-behavior:contain}
#diagram-dialog .dialog-close,.dialog-close{font-size:16px;min-height:44px;border:1px solid #acb9a5;padding:8px 18px;background:white}
.image-preview-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a9b59f;padding:12px 22px;font-size:16px;color:#365b42;min-height:44px}
.image-preview-action:hover{background:#edf2e6}
.diagram-reference>summary>.summary-label:first-child{font-size:19px;color:var(--ink);margin:0}
.diagram-reference .summary-meta{margin-left:auto;font-size:16px;color:var(--muted)}
.diagram-reference .disclosure-state{margin:0}
.diagram-reference[open]>summary>span:last-child{font-size:0}
.diagram-reference[open]>summary>span:last-child::after{content:'';font-size:0}
.article-content .text-link,.article-content .inline-link,.article-sources a{color:#365a43;text-decoration:underline;text-underline-offset:4px}
.article-toc a{border-bottom:1px solid #b6c2ac;padding-bottom:5px;text-decoration:none;color:#45633b}
.article-next .button{color:white;text-decoration:none}
.article-next .button-outline{color:var(--deep)}
.article-breadcrumb a{color:#53684b}
.article-toc-title{flex-basis:100%;font-size:16px!important;font-weight:500;margin:0!important;color:#5b6953}
.article-page .diagram-reference>div>.image-preview-action{margin:12px 24px 16px 0;text-decoration:none}
.article-page .diagram-reference>div>.diagram-product-link{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;margin:8px 0 0;border-block:1px solid #d9dfd0;text-decoration:none;font-size:17px}
.diagram-reference .diagram-product-link::after{content:'';width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-right:4px;flex:none}
.diagram-reference .diagram-product-link:hover{background:#f2f5ec}

@media(min-width:801px) and (max-width:1100px){
 .visual-lp .section-links{gap:24px}.visual-lp .section-links a{font-size:16px}.visual-lp .nav-contact{font-size:15px}
 .visual-lp .paper-choice{padding:9px 8px 14px}.visual-lp .paper-choice h4{font-size:19px}
 .request-and-reference{gap:35px;grid-template-columns:1fr 1fr}
 .document-entry{grid-template-columns:90px 1fr;gap:18px;padding:22px 18px}.document-entry>img{width:90px}.document-entry strong{font-size:21px}
 .request-next .button{min-width:0;width:100%;padding-inline:20px}
 .visual-contact .contact-option{padding-right:28px}.visual-contact .contact-option+ .contact-option{padding-left:28px}
}
@media(max-width:800px){
 .nav-contact{display:none}
 .visual-comparison .comparison-axis{position:static;z-index:auto;background:transparent}
 .visual-lp .paper-choice{padding:10px 8px 14px}.visual-lp .paper-choice h4{font-size:20px}
 .request-and-reference{grid-template-columns:1fr;gap:30px;margin:30px 0 20px}
 .request-next .button{min-width:0;width:100%;padding-inline:16px}
 .document-entry{grid-template-columns:100px 1fr;gap:18px;padding:20px 18px}.document-entry>img{width:100px}.document-entry strong{font-size:21px}
 .order-conditions-body>section{grid-template-columns:1fr;gap:14px;padding:22px 0}
 .visual-lp .visual-contact-grid{grid-template-columns:1fr}
 .visual-contact .contact-option{padding:26px 0}
 .visual-contact .contact-option+ .contact-option{padding:26px 0 8px;border-left:0;border-top:1px solid #cbd0c1}
 #paper-dialog{width:calc(100% - 24px);height:min(880px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}
 .paper-dialog-header{padding:15px 20px;gap:15px}.paper-dialog-header h2{font-size:20px}
 .paper-tabs{display:flex;overflow-x:auto;padding:0 20px;gap:20px}.paper-tabs button{font-size:16px;padding:17px 0 14px;flex:none}
 .paper-dialog-content{padding:24px 20px}
 #paper-dialog .paper-detail-body{grid-template-columns:1fr;gap:24px}
 #paper-dialog .paper-detail-body>figure>img{max-height:330px}
 #paper-dialog .detail-panel-heading h3{font-size:24px}
 #paper-dialog .spec-list>div{grid-template-columns:96px 1fr;gap:14px}
 #paper-dialog button[data-diagram]{padding:12px;gap:15px}
 #paper-dialog button[data-diagram] img{width:80px;height:55px}
 .diagram-reference .summary-label{font-size:18px}
}