/* Bulk PDF tour adapter. Designer owns layout; Home supplies terracotta #be523d
 * and warm glow #f4e2d2 from its Bulk PDF product artwork. */
.bulk-window { background: #f5f5f7; border: 1px solid #e5e5ea; border-radius: 20px; box-shadow: 0 28px 65px -32px #674a3740; overflow: hidden; transform: rotate(-2deg); }
.bulk-window-bar { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid #e5e5ea; font-size: 11px; background: #fafafa; }
.bulk-window-bar b { font-weight: 500; }.bulk-dots { color: #c6c6cc; letter-spacing: 3px; }
.bulk-art { padding: 28px 40px 24px; background: radial-gradient(ellipse at 50% 55%, #f4e2d2, #f5f5f7 70%); }
.bulk-source { display: flex; align-items: center; gap: 12px; background: white; border-radius: 12px; padding: 14px; box-shadow: 0 4px 16px #22222206; }
.bulk-file-icon { display: grid; place-items: center; width: 35px; height: 42px; border-radius: 6px; background: #fcf5ed; color: #be523d; font: 14px monospace; }.bulk-source b, .bulk-source div span { display: block; }.bulk-source b { font-size: 13px; font-weight: 600; }.bulk-source div span { font-size: 10px; color: #6e6e73; margin-top: 3px; }.bulk-source-arrow { margin-left: auto; color: #86868b; }
.bulk-flow { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 10px; font-size: 9px; letter-spacing: 1px; color: #6e6e73; }.bulk-flow i { height: 10px; width: 1px; background: #dfc7b5; }
.bulk-paper-stack { position: relative; width: 240px; margin: 8px auto 24px; }.bulk-paper-back, .bulk-paper-middle { position: absolute; inset: 0; background: #fff; border: 1px solid #dedee4; border-radius: 3px; transform: rotate(9deg); }.bulk-paper-middle { transform: rotate(4deg); }
.bulk-paper { position: relative; background: #fffefb; padding: 23px; border: 1px solid #dedee4; border-radius: 3px; box-shadow: 0 15px 30px #69441e18; color: #262624; }.bulk-label-top { display: flex; justify-content: space-between; align-items: center; }.bulk-label-top b { font-size: 22px; letter-spacing: -1px; }.bulk-label-top span { font-size: 6px; }.bulk-label-rule { height: 1px; background: #292929; margin: 12px 0; }.bulk-paper p { font-size: 7px; letter-spacing: 1px; margin-bottom: 9px; }.bulk-paper > strong { display: block; font-size: 28px; line-height: 1.05; letter-spacing: -1px; }.bulk-label-address { font-size: 6px; line-height: 1.8; margin: 17px 0; }.bulk-barcode { height: 34px; background: repeating-linear-gradient(90deg,#252525 0 2px,transparent 2px 4px,#252525 4px 5px,transparent 5px 8px,#252525 8px 12px,transparent 12px 14px,#252525 14px 16px,transparent 16px 19px); }.bulk-label-bottom { display: flex; justify-content: space-between; font-size: 6px; margin-top: 7px; }.bulk-pdf-badge { position: absolute; right: -29px; bottom: 28px; padding: 13px 14px; border-radius: 10px; background: #be523d; color: white; font-size: 13px; box-shadow: 0 5px 20px #79281422; }.bulk-pdf-badge span { margin-left: 15px; }
.bulk-output { display: flex; align-items: center; gap: 8px; font-size: 10px; }.bulk-output b { font-weight: 500; }.bulk-output > span:last-child { margin-left: auto; color: #6e6e73; }.bulk-output-icon { color: #be523d; font-size: 20px; }
.bulk-tour { --purple: #be523d; --purple-dark: #a44331; --purple-soft: #fbefe7; --glow: #f4e2d2; }
.bulk-tour .chapter-tab[aria-selected=true] { background: #fcf5ed; border-color: #d8a58c; box-shadow: 0 0 0 2px #fff,0 0 0 3px #f4e2d2; }
.bulk-tour .bulk-artwork { display: grid; place-items: center; }
.bulk-tour .bulk-window { width: 480px; transform: rotate(-2deg); }
.bulk-tour .bulk-art { padding: 20px 40px; }
.bulk-tour .batch-board { width: 540px; background: #fff; border: 1px solid #e8d9cc; border-radius: 18px; overflow: hidden; box-shadow: 0 25px 65px -25px #69441e26; }
.bulk-tour .batch-toolbar { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; background: #fffcf8; border-bottom: 1px solid #e8e8ed; font-size: 10px; }
.bulk-tour .batch-toolbar > span { color: #998575; font-size: 8px; }
.bulk-tour .batch-drop { margin: 30px; padding: 30px; border: 1px dashed #d8b99e; border-radius: 14px; text-align: center; background: #fffcf8; }
.bulk-tour .batch-drop > span { display: block; color: #be523d; font-size: 56px; margin-bottom: 20px; }
.bulk-tour .batch-drop > b { display: block; font-size: 28px; letter-spacing: -.8px; }
.bulk-tour .batch-drop > p { font-size: 14px; color: #6e6e73; margin: 10px 0 25px; }
.bulk-tour .batch-file { display: flex; align-items: center; gap: 16px; padding: 18px; border-radius: 10px; background: white; text-align: left; border: 1px solid #ecdccf; font-size: 14px; }
.bulk-tour .batch-file > b { color: #be523d; font: 22px monospace; }.bulk-tour .batch-file i { margin-left: auto; color: #be523d; }.bulk-tour small { display: block; font-size: 10px; color: #6e6e73; margin-top: 5px; }
.bulk-tour .batch-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; padding: 28px; background: #fcf5ed; }
.bulk-tour .mini-label { background: #fffefa; padding: 16px 13px; border: 1px solid #e5e5e0; border-radius: 3px; box-shadow: 0 4px 6px #26364b06; }.bulk-tour .mini-label b { font-size: 16px; letter-spacing: -.7px; }.bulk-tour .mini-label strong { display: block; font-size: 20px; line-height: 1.1; margin: 14px 0; letter-spacing: -.5px; }.bulk-tour .mini-label .bulk-barcode { height: 24px; }.bulk-tour .mini-label > span { display: block; font-size: 6px; margin-top: 8px; }
.bulk-tour .order-flow { padding: 30px; }.bulk-tour .order-row { display: flex; align-items: center; gap: 20px; margin: 16px 0; padding: 22px; border-radius: 12px; background: #fcf5ed; }.bulk-tour .order-row > span { display: grid; place-items: center; width: 48px; height: 56px; border-radius: 5px; border: 1px solid #e5d0bd; background: white; font-size: 20px; color: #be523d; }.bulk-tour .order-row b { font-size: 20px; }.bulk-tour .order-row i { margin-left: auto; color: #be523d; }.bulk-tour .order-result { background: #f4e8d9; color: #be523d; text-align: center; padding: 20px; font-size: 14px; }
.bulk-tour .export-art { position: relative; width: 420px; }.bulk-tour .export-stack { width: 280px; margin: 0 auto; transform: rotate(-5deg); }.bulk-tour .export-stack .bulk-paper { padding: 32px; }.bulk-tour .export-stack .bulk-paper > strong { font-size: 36px; }.bulk-tour .export-file { position: relative; margin-top: -15px; display: flex; align-items: center; gap: 14px; background: white; border: 1px solid #e5d0bd; border-radius: 14px; box-shadow: 0 14px 40px #674a3720; padding: 22px; }.bulk-tour .export-file > span { background: #be523d; color: white; border-radius: 7px; padding: 14px 10px; font-size: 14px; }.bulk-tour .export-file > b { font-size: 18px; }.bulk-tour .export-file small { margin-left: auto; font-size: 9px; }
.bulk-tour .final-art { text-align: center; }.bulk-tour .final-icon { display: flex; flex-direction: column; align-items: start; justify-content: space-between; width: 190px; height: 210px; padding: 30px; background: linear-gradient(140deg,#dd9874,#be523d); border-radius: 38px; color: white; transform: rotate(-7deg); box-shadow: 0 25px 50px #79281430; margin: 0 auto 40px; }.bulk-tour .final-icon span { font-size: 28px; letter-spacing: -1px; }.bulk-tour .final-icon b { align-self: end; font-size: 72px; line-height: 1; }.bulk-tour .final-art > strong { display: block; font-size: 30px; font-weight: 600; letter-spacing: -1px; }.bulk-tour .final-art > span { display: block; font-size: 14px; color: #6e6e73; margin-top: 6px; }.bulk-tour .final-art > p { margin-top: 26px; color: #6e6e73; font-size: 14px; }
/* Docs introduction type; owner requests Bulk's Home terracotta accent. */
html:root .bulk-tour .eyebrow { color: #be523d; font-size: 14px; font-weight: 600; line-height: 1.45; letter-spacing: 0; margin-bottom: 12px; }
.bulk-tour .scene .story-title { font-family: var(--sans); font-size: clamp(48px,5.6vw,80px); line-height: 1.05; letter-spacing: -.04em; margin-bottom: 26px; }
.bulk-tour .scene .story-description { font-family: var(--sans); font-size: clamp(19px,2.1vw,21px); line-height: 1.42; letter-spacing: .011em; max-width: 44ch; }
@media(max-width:734px) { .bulk-tour .scene .story-title { font-size: clamp(40px,6.5vw,48px); } }
@media(max-width:60rem) {
  .bulk-tour .shell { min-height: calc(100dvh - var(--nav-h)); }
  .bulk-tour .main { min-height: 0; }
  .bulk-tour .scene { grid-template-rows: auto minmax(10rem,1fr); padding-top: .75rem; }
  .bulk-tour .story-visual { min-height: 10rem; }
  .bulk-tour .art-stage { min-height: 6rem; }
  .bulk-tour .story-actions { margin-top: 1rem; }
  .bulk-tour .feature-note { margin-top: .5rem; }
}