/* JunPus three-product full-main-column release. Root-scoped except the explicit guarded CL1 gallery correction. */ /* dl700 */ #jp-dl700-release-content{container-type:inline-size;background:#fff;color:#20394b;font-family:Arial,sans-serif;line-height:1.65}#jp-dl700-release-content *{box-sizing:border-box}#jp-dl700-release-content section{padding:38px 30px}#jp-dl700-release-content .intro{background:linear-gradient(145deg,#fff,#edf4f6)}#jp-dl700-release-content .eyebrow{font-size:9px;font-weight:700;letter-spacing:.14em;color:#548096;margin:0 0 15px}#jp-dl700-release-content h2{font-size:34px;line-height:1.14;letter-spacing:-1px;font-weight:500;margin:0 0 22px}#jp-dl700-release-content h3{font-size:15px;line-height:1.4;margin:0 0 8px}#jp-dl700-release-content p{font-size:13px;margin:0 0 17px}#jp-dl700-release-content .lead{font-size:15px;color:#587586}#jp-dl700-release-content figure{margin:24px -10px 16px}#jp-dl700-release-content figure img{width:100%;height:auto;display:block}#jp-dl700-release-content .fine{font-size:10px;color:#718792;line-height:1.6}#jp-dl700-release-content .dark{background:#102d40;color:#fff}#jp-dl700-release-content .dark .eyebrow{color:#98c8d5}#jp-dl700-release-content .dark p{color:#bbd2dd}#jp-dl700-release-content .facts{padding:0;list-style:none;margin:25px 0}#jp-dl700-release-content .facts li{padding:20px 0;border-top:1px solid #375669}#jp-dl700-release-content .value{font-size:30px;line-height:1.2;color:#fff;display:block;margin:8px 0}#jp-dl700-release-content .value small{font-size:13px;color:#a8c5d4}#jp-dl700-release-content .steps{padding:0;list-style:none;}#jp-dl700-release-content .steps li{display:grid;grid-template-columns:1fr;gap:16px;padding:20px 0;border-top:1px solid #d9e4e9}#jp-dl700-release-content .steps li:before{content:none}#jp-dl700-release-content .steps p{font-size:12px;color:#5f7b8a;margin:0}#jp-dl700-release-content .next{background:#e6f1f5}#jp-dl700-release-content .next h2{font-size:29px}#jp-dl700-release-content .next a{font-size:12px;font-weight:700;color:#1e566f;text-decoration:none;border-bottom:1px solid #608a9e;padding-bottom:5px}#jp-dl700-release-content .labels{display:flex;justify-content:space-around;gap:8px;font-size:10px;color:#537887;margin-bottom:14px}#jp-dl700-release-content .notice{background:#f2f6f7;border-left:3px solid #95b8c3;padding:16px;font-size:12px}#jp-dl700-release-content a:focus-visible{outline:3px solid #db9c4a;outline-offset:5px}@container (max-width:400px){#jp-dl700-release-content section{padding:30px 23px}#jp-dl700-release-content h2{font-size:29px}#jp-dl700-release-content .lead{font-size:13px}#jp-dl700-release-content .value{font-size:26px}}/* Revision 02 */ #jp-dl700-release-content .intro{background:linear-gradient(155deg,#fff,#e9f3f7)}#jp-dl700-release-content .intro h2{font-size:38px;line-height:1.08}#jp-dl700-release-content .intro figure{margin:18px -20px 10px}#jp-dl700-release-content .mini-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:15px 0 20px}#jp-dl700-release-content .mini-labels b{display:block;color:#294e64;font-size:11px}#jp-dl700-release-content .mini-labels span{display:block;font-size:10px;color:#6e8793;line-height:1.5;margin-top:4px}#jp-dl700-release-content .range{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:28px 0 18px;padding:23px 0;border-block:1px solid #476479}#jp-dl700-release-content .range strong{font-size:42px;font-weight:400;line-height:1.15}#jp-dl700-release-content .range strong small{font-size:16px;color:#b7d2df}#jp-dl700-release-content .range span{height:2px;flex:1;background:linear-gradient(90deg,#77bdd4,#dbb190);position:relative}#jp-dl700-release-content .range span:after{content:'';position:absolute;inset:-5px 0;border-inline:1px solid #a9c5d2}#jp-dl700-release-content .source-note{font-size:10px;line-height:1.6;color:#6c8593;margin-top:20px}#jp-dl700-release-content .dark .source-note{color:#a9c3d0}#jp-dl700-release-content .source-note a{color:inherit;text-underline-offset:3px}#jp-dl700-release-content .facts.compact{margin:15px 0}#jp-dl700-release-content .facts.compact li{padding:16px 0}#jp-dl700-release-content .facts.compact .value{font-size:26px}#jp-dl700-release-content .chart-block{padding:24px 0;border-top:1px solid #d4e2e8}#jp-dl700-release-content .chart-block h3{font-size:17px}#jp-dl700-release-content .chart-intro{font-size:11px;color:#5a7789}#jp-dl700-release-content .legend{display:flex;gap:18px;margin:15px 0 20px;font-size:10px}#jp-dl700-release-content .legend span:before{content:'';display:inline-block;width:9px;height:9px;background:#8bb9c9;margin-right:6px}#jp-dl700-release-content .legend span:last-child:before{background:#285d7c}#jp-dl700-release-content .pressure-group{display:grid;grid-template-columns:47px 1fr;align-items:center;gap:10px;margin:15px 0}#jp-dl700-release-content .pressure-group>b{font-size:11px;font-weight:500;color:#456575}#jp-dl700-release-content .bar-pair{display:grid;gap:7px;border-left:1px solid #bccfd9;padding:2px 0}#jp-dl700-release-content .reading{display:flex;align-items:center;gap:8px;min-height:17px}#jp-dl700-release-content .reading i{height:14px;background:#8bb9c9;width:var(--bar);display:block;min-width:1px}#jp-dl700-release-content .reading:last-child i{background:#285d7c}#jp-dl700-release-content .reading span{font-size:10px;color:#35576a;font-variant-numeric:tabular-nums}#jp-dl700-release-content .chart-axis{font-size:9px;color:#668090;display:flex;justify-content:space-between;margin:0 48px 0 57px;border-top:1px solid #ccdce4;padding-top:5px}#jp-dl700-release-content .table-wrap{overflow-x:auto;margin-top:20px}#jp-dl700-release-content table{border-collapse:collapse;width:100%;font-size:10px;font-variant-numeric:tabular-nums}#jp-dl700-release-content th, #jp-dl700-release-content td{padding:8px 7px;text-align:right;border-bottom:1px solid #dbe5e9}#jp-dl700-release-content th:first-child, #jp-dl700-release-content td:first-child{text-align:left}#jp-dl700-release-content caption{text-align:left;font-size:11px;font-weight:600;padding:0 0 10px}#jp-dl700-release-content details{border-top:1px solid #cfdee5;margin-top:18px;padding-top:16px}#jp-dl700-release-content summary{font-size:12px;font-weight:600;cursor:pointer;color:#335c72}#jp-dl700-release-content .caution{border-left:3px solid #ba9566;background:#fbf4e9;padding:18px 20px;margin:20px 0;color:#73593d}#jp-dl700-release-content .caution p{font-size:11px;margin:6px 0 0}#jp-dl700-release-content .caution strong{font-size:12px}#jp-dl700-release-content .application-art{background:#eaf2f5;margin-inline:-30px;padding:15px 20px}#jp-dl700-release-content .app-note{font-size:11px;color:#527487}#jp-dl700-release-content .application-cards{list-style:none;padding:0;margin:24px 0}#jp-dl700-release-content .application-cards li{display:grid;grid-template-columns:1fr;gap:15px;padding:18px 0;border-top:1px solid #d7e3e9}#jp-dl700-release-content .application-cards b{font-size:14px;color:#7599ab;font-weight:400}#jp-dl700-release-content .application-cards p{font-size:12px;color:#647e8d;margin-bottom:0}#jp-dl700-release-content .source-pill{display:inline-block;font-size:9px;letter-spacing:.06em;padding:3px 7px;border-radius:3px;background:#e8eff3;color:#537388;margin-bottom:10px}#jp-dl700-release-content .source-pill.pending{background:#f6ead9;color:#8b663b}#jp-dl700-release-content .separation{display:flex;gap:15px;align-items:flex-start;background:#e8f2f5;padding:18px;margin:24px 0}#jp-dl700-release-content .separation b, #jp-dl700-release-content .separation > strong{font-size:20px;line-height:1.3;color:#4b8098}#jp-dl700-release-content .separation p{font-size:12px;margin:0;color:#426779}#jp-dl700-release-content .spec-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}#jp-dl700-release-content .spec-pair .value{font-size:28px}#jp-dl700-release-content .fine{overflow-wrap:anywhere} @container(max-width:400px){#jp-dl700-release-content .intro h2{font-size:31px}#jp-dl700-release-content .range strong{font-size:32px}#jp-dl700-release-content .range strong small{font-size:13px}#jp-dl700-release-content .mini-labels{gap:8px}#jp-dl700-release-content .mini-labels b{font-size:10px}#jp-dl700-release-content .spec-pair{grid-template-columns:1fr;gap:4px}#jp-dl700-release-content .application-art{margin-inline:-23px}#jp-dl700-release-content h2{overflow-wrap:break-word}#jp-dl700-release-content .pressure-group{grid-template-columns:41px 1fr;gap:7px}#jp-dl700-release-content .chart-axis{margin-left:48px}} #jp-dl700-release-content .readings-chart{display:block;width:100%;height:auto;margin:8px 0 15px}#jp-dl700-release-content .chart-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}#jp-dl700-release-content .chart-controls label{font-size:11px}#jp-dl700-release-content .chart-controls select{font:11px Arial,sans-serif;max-width:175px;border:1px solid #b8ced9;padding:10px;color:#23475b;background:#fff}#jp-dl700-release-content .chart-legend{display:flex;gap:20px;font-size:10px;margin:10px 0 20px}#jp-dl700-release-content .chart-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}#jp-dl700-release-content .pressure-20:before{background:#936b44}#jp-dl700-release-content .pressure-40:before{background:#658ca3}#jp-dl700-release-content .pressure-60:before{background:#1e6688}#jp-dl700-release-content .chart-unit{font-size:10px;color:#5d7989;margin:15px 0 0} /* DL700 application drawings */ #jp-dl700-release-content .luminaire-figure{margin:20px -30px;background:#edf4f7}#jp-dl700-release-content .luminaire-figure img{display:block;width:100%;height:auto}#jp-dl700-release-content .diagram{position:relative}#jp-dl700-release-content .diagram-tag{position:absolute;left:90%;transform:translate(-50%,-50%);width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#25596f;color:#fff;font-size:12px;border:3px solid #edf4f7}#jp-dl700-release-content .luminaire-figure figcaption{font-size:11px;line-height:1.6;color:#5a7787;padding:12px 22px 18px;border-top:1px solid #d5e3e9}#jp-dl700-release-content .hardware-key{list-style:none;margin:0;padding:0}#jp-dl700-release-content .hardware-key li{display:grid;grid-template-columns:1fr;gap:14px;padding:15px 0;border-top:1px solid #ccdde4}#jp-dl700-release-content .hardware-key>li>b{font-size:20px;font-weight:400;color:#5c8598}#jp-dl700-release-content .hardware-key strong{font-size:13px}#jp-dl700-release-content .hardware-key p{font-size:12px;margin:5px 0 0}#jp-dl700-release-content figcaption{line-height:1.6}#jp-dl700-release-content .application-art{margin-block:25px}@container(max-width:400px){#jp-dl700-release-content .luminaire-figure{margin-inline:-23px}#jp-dl700-release-content .diagram-tag{width:21px;height:21px;font-size:10px;border-width:2px}} #jp-dl700-release-content .art-disclosure{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#597888;margin-bottom:8px}#jp-dl700-release-content figcaption a{color:#315e76;display:block;margin-top:8px;text-underline-offset:3px} /* Draft 03: full-width application gallery and close-up views */ #jp-dl700-release-content{margin-top:36px;border-top:5px solid #176cb2}#jp-dl700-release-content>section{padding:58px 64px}#jp-dl700-release-content>section>p:not(.notice):not(.source-note):not(.fine){max-width:800px}#jp-dl700-release-content h2{font-size:44px;line-height:1.12;letter-spacing:-1.3px}#jp-dl700-release-content .intro h2{font-size:52px}#jp-dl700-release-content p{font-size:16px;line-height:1.75}#jp-dl700-release-content .eyebrow{font-size:11px;color:#176cb2}#jp-dl700-release-content .lead{font-size:20px;max-width:850px}#jp-dl700-release-content .luminaire-figure{margin:32px -64px;background:#f3f6f9}#jp-dl700-release-content .luminaire-figure figcaption{font-size:13px;padding:20px 38px;line-height:1.65;color:#526d81}#jp-dl700-release-content .art-disclosure{font-size:10px;color:#46749d}#jp-dl700-release-content .diagram-label{position:absolute;transform:translate(-50%,-50%);padding:7px 10px;border-left:3px solid #1675c2;border-radius:2px;background:rgba(255,255,255,.96);color:#134a76;box-shadow:0 2px 9px #1e467321;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.3}#jp-dl700-release-content .hardware-key{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;margin-top:24px}#jp-dl700-release-content .hardware-key strong{font-size:16px}#jp-dl700-release-content .hardware-key p{font-size:14px}#jp-dl700-release-content .hardware-key li{padding:20px 0}#jp-dl700-release-content .hardware-key>li>b{font-size:24px;color:#2278b9}#jp-dl700-release-content .facts.compact{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}#jp-dl700-release-content .facts.compact .value{font-size:34px}#jp-dl700-release-content .facts.compact h3{font-size:15px}#jp-dl700-release-content .notice{font-size:14px;border-color:#2d82bd;background:#eff5fb}#jp-dl700-release-content .source-note, #jp-dl700-release-content .fine{font-size:12px}#jp-dl700-release-content .steps{max-width:900px}#jp-dl700-release-content .steps p, #jp-dl700-release-content .application-cards p{font-size:15px}#jp-dl700-release-content .steps h3, #jp-dl700-release-content .application-cards h3{font-size:18px}#jp-dl700-release-content .next h2{font-size:40px}#jp-dl700-release-content .next a{font-size:15px}#jp-dl700-release-content .separation p{font-size:16px}#jp-dl700-release-content .application-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:28px 0}#jp-dl700-release-content .application-layout h3{font-size:19px}#jp-dl700-release-content .application-layout p{font-size:15px}#jp-dl700-release-content .interface-detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;border:1px solid #d2e1ec;margin:30px 0;padding:22px;background:#f4f8fb}#jp-dl700-release-content .detail-window{position:relative;overflow:hidden;min-width:0;height:390px;background:#fff}#jp-dl700-release-content .detail-window img{position:absolute;max-width:none;display:block;height:auto}#jp-dl700-release-content .street-detail img{width:245%;left:-12%;top:-28%}#jp-dl700-release-content .downlight-detail img{width:170%;left:-34%;top:-23%}#jp-dl700-release-content .detail-copy h3{font-size:25px;font-weight:500;line-height:1.25;margin:0 0 15px}#jp-dl700-release-content .detail-copy p{font-size:14px}#jp-dl700-release-content .contact-order{list-style:none;padding-left:0;font-size:14px;color:#28678f;line-height:1.9}#jp-dl700-release-content .application-shortcuts{display:flex;flex-wrap:wrap;gap:8px;padding:20px;background:#f0f6fb;border:1px solid #d3e3ee}#jp-dl700-release-content .application-shortcuts a{font-size:12px;text-decoration:none;padding:8px 12px;background:#fff;border:1px solid #bfd5e4;color:#155e94}#jp-dl700-release-content .application-shortcuts a:hover{background:#176cb2;color:#fff} @container(max-width:700px){#jp-dl700-release-content>section{padding:38px 28px}#jp-dl700-release-content h2{font-size:34px}#jp-dl700-release-content .intro h2{font-size:39px}#jp-dl700-release-content .lead{font-size:17px}#jp-dl700-release-content p{font-size:15px}#jp-dl700-release-content .luminaire-figure{margin-inline:-28px}#jp-dl700-release-content .luminaire-figure figcaption{padding:17px 24px;font-size:12px}#jp-dl700-release-content .diagram-label{font-size:10px;padding:5px 6px;border-left-width:2px}#jp-dl700-release-content .hardware-key{grid-template-columns:1fr}#jp-dl700-release-content .facts.compact{grid-template-columns:1fr;gap:0}#jp-dl700-release-content .application-layout, #jp-dl700-release-content .interface-detail-grid{grid-template-columns:1fr}#jp-dl700-release-content .interface-detail-grid{padding:0;gap:0}#jp-dl700-release-content .detail-copy{padding:23px}#jp-dl700-release-content .detail-window{height:350px}#jp-dl700-release-content .street-detail img{width:240%;top:-20%;left:-9%}#jp-dl700-release-content .downlight-detail img{width:174%;top:-20%;left:-36%}#jp-dl700-release-content .notice{font-size:13px}#jp-dl700-release-content .next h2{font-size:32px}} @container(max-width:400px){#jp-dl700-release-content>section{padding:32px 22px}#jp-dl700-release-content h2{font-size:29px}#jp-dl700-release-content .intro h2{font-size:34px}#jp-dl700-release-content .lead{font-size:15px}#jp-dl700-release-content p{font-size:14px}#jp-dl700-release-content .luminaire-figure{margin-inline:-22px}#jp-dl700-release-content .diagram-label{font-size:8px;padding:4px 5px}#jp-dl700-release-content .detail-window{height:310px}#jp-dl700-release-content .street-detail img{width:275%;left:-14%;top:-12%}#jp-dl700-release-content .downlight-detail img{width:205%;left:-52%;top:-19%}#jp-dl700-release-content .hardware-key strong{font-size:15px}#jp-dl700-release-content .hardware-key p, #jp-dl700-release-content .steps p{font-size:13px}} @container(max-width:400px){#jp-dl700-release-content .diagram-label{font-size:10px;line-height:1.2;padding:4px 5px}#jp-dl700-release-content .street-detail img{top:-120px}} /* Draft 06: inline packaging preview and an accessible image viewer. */ #jp-dl700-release-content .intro{padding-block:42px}#jp-dl700-release-content .intro h2{font-size:43px}#jp-dl700-release-content .contextual-link{margin-top:22px;font-size:14px}#jp-dl700-release-content .packaging-preview{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:#f0f5fa}#jp-dl700-release-content .packaging-preview figure{margin:0;background:#fff;border:1px solid #d6e2ec;border-radius:6px;overflow:hidden}#jp-dl700-release-content .packaging-preview figcaption{padding:16px 20px;font-size:12px;color:#526d81}#jp-dl700-release-content .packaging-copy p{font-size:15px}#jp-dl700-release-content .packaging-link{font-size:14px}#jp-dl700-release-content .diagram-label{pointer-events:none} @container(max-width:700px){#jp-dl700-release-content .intro h2{font-size:35px}#jp-dl700-release-content .packaging-preview{grid-template-columns:1fr;gap:22px}#jp-dl700-release-content .packaging-preview figure{max-width:520px;width:100%;justify-self:center}#jp-dl700-release-content .packaging-copy p{font-size:14px}#jp-dl700-release-content .diagram{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:14px}#jp-dl700-release-content .diagram-label{position:static;transform:none;font-size:11px;margin-left:10px;white-space:normal;box-shadow:none;padding:5px 8px}#jp-dl700-release-content .detail-window{height:320px}#jp-dl700-release-content .intro{padding-block:32px}} @container(max-width:400px){#jp-dl700-release-content .intro h2{font-size:31px}#jp-dl700-release-content .detail-window{height:285px}} @container(max-width:700px){#jp-dl700-release-content .packaging-preview figure{order:-1}} /* Draft 07: direct, anchored leader callouts; never shrink the mobile artwork. */ #jp-dl700-release-content .diagram-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;font:600 13px/1.5 Arial,sans-serif;background:#edf4f9;color:#274f6a;border-bottom:1px solid #d2e0ea}#jp-dl700-release-content .diagram-guide > .jp-text-span::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;background:#c66c14;border-radius:50%}#jp-dl700-release-content .swipe-guide{display:none}#jp-dl700-release-content .diagram-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#799bb3 #e9f1f7;scrollbar-width:thin}#jp-dl700-release-content .diagram-scroll:focus-visible{outline:3px solid #df9b3d;outline-offset:-3px}#jp-dl700-release-content .diagram.annotated-stage, #jp-dl700-release-content .annotated-stage{position:relative;display:block;width:100%;min-width:700px;padding:0;background:#fff;isolation:isolate}#jp-dl700-release-content .annotated-stage img{width:100%;height:auto;display:block;max-width:none}#jp-dl700-release-content .callout-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}#jp-dl700-release-content .leader{fill:none;stroke:#145f98;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 1px 1px #fff)}#jp-dl700-release-content .leader-grease{stroke:#c66c14;stroke-width:3}#jp-dl700-release-content .target{fill:#145f98;stroke:white;stroke-width:1.5;vector-effect:non-scaling-stroke}#jp-dl700-release-content .target-grease{fill:#d77917;stroke-width:2}#jp-dl700-release-content .interface-callout{position:absolute;z-index:3;transform:translateY(-50%);pointer-events:none;background:#fffffff5;border:1px solid #abc5d9;border-left:4px solid #1769a5;border-radius:3px;padding:9px 11px;box-shadow:0 2px 8px #183f6124;color:#16476c;font-family:Arial,sans-serif;line-height:1.25}#jp-dl700-release-content .interface-callout strong{display:block;font-size:clamp(13px,1.45vw,17px);font-weight:600}#jp-dl700-release-content .interface-callout small{display:block;font-size:clamp(11px,1.05vw,13px);line-height:1.35;margin-top:4px;color:#5c6e7a}#jp-dl700-release-content .callout-grease{background:#fff9eff7;border-color:#d9a05d;border-left:5px solid #c66c14;color:#874100}#jp-dl700-release-content .callout-grease strong{font-size:clamp(15px,1.6vw,19px)}#jp-dl700-release-content .callout-grease small{color:#7c603d} @container(max-width:700px){#jp-dl700-release-content .diagram-guide{display:block;padding:14px 18px;font-size:13px}#jp-dl700-release-content .swipe-guide{display:block;font-size:12px;font-weight:400;margin-top:5px;color:#547489}#jp-dl700-release-content .diagram.annotated-stage{display:block;min-width:700px;padding-bottom:0}#jp-dl700-release-content .interface-callout{padding:8px 10px}#jp-dl700-release-content .interface-callout strong{font-size:14px}#jp-dl700-release-content .callout-grease strong{font-size:16px}#jp-dl700-release-content .interface-callout small{font-size:12px}} /* Draft 08: static inline images only; no expanded view. */ #jp-dl700-release-content .inline-image{display:block;position:relative;width:100%;margin:0;padding:0;background:transparent;cursor:default}#jp-dl700-release-content .inline-image img{display:block;width:100%;height:auto}#jp-dl700-release-content .annotated-stage .inline-image{margin:0;width:100%} /* Exact-root full-main-column integration; original figure scrolling retained. */ #jp-dl700-release-content{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-inline:0;} #jp-dl700-release-content>section,#jp-dl700-release-content .diagram-scroll{min-width:0;max-width:100%;} #jp-dl700-release-content img.callout-lines{position:absolute;inset:0;width:100%;height:100%;max-width:none;} /* jpcl1 */ /* Recreate source heading inheritance rather than inheriting Joomla's global heading color. */ #jp-jpcl1-release-content :where(h1,h2,h3,h4,h5,h6){color:inherit;} #jp-jpcl1-release-content { --blue: #064b93; --link: #1267a5; --navy: #24364b; --ink: #18394c; --muted: #536575; --line: #d6dee8; --paper: #fff; --wash: #f5f6f7; --warm: #efede8; --white: #fff; --focus: #b76500; --darkline: #516173; --lighttext: #dce5ee; --annotation-shadow: #24364b1a; --font: Arial,Helvetica,sans-serif; } #jp-jpcl1-release-content { margin: 0px; background: var(--paper); color: var(--ink); font: 16px/1.6 var(--font); -webkit-font-smoothing: antialiased; } #jp-jpcl1-release-content * { box-sizing: border-box; } #jp-jpcl1-release-content a { color: inherit; text-underline-offset: 5px; } #jp-jpcl1-release-content button, #jp-jpcl1-release-content input { font: inherit; } #jp-jpcl1-release-content button { cursor: pointer; } #jp-jpcl1-release-content :focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; } #jp-jpcl1-release-content img { max-width: 100%; display: block; height: auto; } #jp-jpcl1-release-content figure, #jp-jpcl1-release-content p { margin: 0px; } #jp-jpcl1-release-content .jp-hero-title, #jp-jpcl1-release-content h2, #jp-jpcl1-release-content h3 { line-height: 1.08; letter-spacing: -0.045em; margin: 0px; font-weight: 500; overflow-wrap: break-word; min-width: 0px; } #jp-jpcl1-release-content h2 { font-size: clamp(32px, 3.8vw, 52px); } #jp-jpcl1-release-content .wrap { width: min(1240px, 100% - 96px); margin-inline: auto; } #jp-jpcl1-release-content .small { font-size: 13px; line-height: 1.7; color: var(--muted); } #jp-jpcl1-release-content .visually-hidden { position: absolute; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; padding: 0px; border: 0px; } #jp-jpcl1-release-content [id] { scroll-margin-top: 80px; } #jp-jpcl1-release-content .wordmark { font-size: 35px; font-weight: 700; line-height: 1; text-decoration: none; letter-spacing: -0.04em; color: var(--blue); } #jp-jpcl1-release-content .wordmark span { display: block; font-size: 10px; font-weight: 400; letter-spacing: 0px; margin-top: 8px; color: var(--muted); } #jp-jpcl1-release-content .hero { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 64px; align-items: center; padding-bottom: 48px; } #jp-jpcl1-release-content .jp-hero-title { font-size: clamp(55px, 6.1vw, 86px); line-height: 0.98; letter-spacing: -0.06em; color: var(--navy); } #jp-jpcl1-release-content .jp-hero-title span { font-size: 0.62em; letter-spacing: -0.045em; display: block; margin-top: 10px; line-height: 1.05; } #jp-jpcl1-release-content .hero-lead { max-width: 410px; font-size: 18px; color: var(--muted); line-height: 1.55; margin: 25px 0px 28px; } #jp-jpcl1-release-content .button { display: inline-flex; align-items: center; justify-content: space-between; gap: 34px; text-decoration: none; padding: 15px 20px; font-size: 13px; font-weight: 500; line-height: 1.4; border: 1px solid transparent; min-height: 48px; } #jp-jpcl1-release-content .primary { background: var(--blue); color: var(--white); } #jp-jpcl1-release-content .primary:hover { background: var(--navy); } #jp-jpcl1-release-content .text-link { font-size: 13px; font-weight: 600; color: var(--link); display: inline-block; } #jp-jpcl1-release-content .text-link .ui-icon { margin-left: 10px; } #jp-jpcl1-release-content .hero-facts { display: grid; grid-template-columns: 1.2fr 1fr; gap: 22px; border-top: 1px solid var(--line); margin: 33px 0px 0px; padding-top: 16px; } #jp-jpcl1-release-content .hero-facts .jp-definition-term { color: var(--muted); font-size: 11px; margin-bottom: 4px; } #jp-jpcl1-release-content .hero-facts .jp-definition-value { margin: 0px; font-size: 26px; line-height: 1.3; letter-spacing: -0.04em; } #jp-jpcl1-release-content .hero-facts .jp-definition-value span { font-size: 12px; letter-spacing: 0px; } #jp-jpcl1-release-content .hero-foot { font-size: 11px; color: var(--muted); margin-top: 14px; } #jp-jpcl1-release-content .hero-photo { min-width: 0px; } #jp-jpcl1-release-content .hero-photo img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; } #jp-jpcl1-release-content figcaption { font-size: 11px; color: var(--muted); line-height: 1.5; padding-top: 10px; } #jp-jpcl1-release-content .hero-photo figcaption { text-align: right; } #jp-jpcl1-release-content .section-nav { position: sticky; top: 0px; background: var(--paper); z-index: 8; border-block: 1px solid var(--line); } #jp-jpcl1-release-content .section-nav .wrap { display: flex; gap: 38px; } #jp-jpcl1-release-content .section-nav a { display: block; font-size: 12px; text-decoration: none; padding: 17px 0px; color: var(--muted); white-space: nowrap; } #jp-jpcl1-release-content .section-nav a:last-child { margin-left: auto; color: var(--blue); } #jp-jpcl1-release-content .section-nav a:hover { color: var(--blue); } #jp-jpcl1-release-content .size-section { background: var(--warm); padding-block: 78px; } #jp-jpcl1-release-content .size-layout { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.88fr); gap: 100px; align-items: center; } #jp-jpcl1-release-content .size-copy p { font-size: 16px; max-width: 440px; color: var(--muted); line-height: 1.7; margin-top: 25px; } #jp-jpcl1-release-content .size-copy p + p { margin-top: 15px; } #jp-jpcl1-release-content .size-proof { min-width: 0px; } #jp-jpcl1-release-content .size-number { font-size: clamp(44px, 5.5vw, 74px); line-height: 1; color: var(--blue); letter-spacing: -0.06em; margin-bottom: 24px; } #jp-jpcl1-release-content .size-number span { display: block; font-size: 13px; letter-spacing: 0px; color: var(--muted); margin-top: 10px; } #jp-jpcl1-release-content .size-proof figure img { width: 100%; aspect-ratio: 1.4 / 1; object-fit: cover; object-position: center 43%; } #jp-jpcl1-release-content .size-proof figcaption { font-size: 10px; } #jp-jpcl1-release-content .guide-intro { padding-block: 90px 38px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.85fr); gap: 10%; align-items: end; } #jp-jpcl1-release-content .guide-intro > div > p:first-child { font-size: 17px; line-height: 1.65; margin-bottom: 18px; } #jp-jpcl1-release-content .prep { border-block: 1px solid var(--line); display: grid; grid-template-columns: 220px minmax(0px, 1fr); gap: 30px; padding-block: 23px; } #jp-jpcl1-release-content .prep h3 { font-size: 24px; letter-spacing: -0.025em; line-height: 1.4; } #jp-jpcl1-release-content .prep p { font-size: 13px; line-height: 1.7; color: var(--muted); } #jp-jpcl1-release-content .process-index { padding: 0px; display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); list-style: none; margin-top: 0px; margin-bottom: 42px; gap: 14px; } #jp-jpcl1-release-content .process-index a { text-decoration: none; font-size: 12px; display: flex; gap: 11px; align-items: center; min-height: 64px; } #jp-jpcl1-release-content .process-index b, #jp-jpcl1-release-content .process-index strong { color: var(--blue); font-size: 14px; font-weight: 400; font-variant-numeric: tabular-nums; } #jp-jpcl1-release-content .process-index a:hover { text-decoration: underline; } #jp-jpcl1-release-content .process-pair { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px; padding-bottom: 62px; } #jp-jpcl1-release-content .process-step { min-width: 0px; } #jp-jpcl1-release-content .scene { width: 100%; aspect-ratio: 0.75 / 1; overflow: hidden; background: var(--wash); } #jp-jpcl1-release-content .scene img { width: 100%; height: 100%; object-fit: cover; max-width: none; } #jp-jpcl1-release-content .scene.left img { object-position: left center; } #jp-jpcl1-release-content .scene.right img { object-position: right center; } #jp-jpcl1-release-content .process-step figcaption { font-size: 10px; } #jp-jpcl1-release-content .step-copy { display: grid; grid-template-columns: 36px minmax(0px, 1fr); gap: 15px; padding-top: 22px; } #jp-jpcl1-release-content .step-number { font-size: 14px; color: var(--blue); padding-top: 5px; font-variant-numeric: tabular-nums; } #jp-jpcl1-release-content .step-copy h3 { font-size: 30px; letter-spacing: -0.035em; margin-bottom: 16px; } #jp-jpcl1-release-content .step-copy p { font-size: 14px; color: var(--muted); line-height: 1.75; } #jp-jpcl1-release-content .service-note { padding: 14px 0px 0px; margin-top: 15px; border-top: 1px solid var(--line); } #jp-jpcl1-release-content .service-note summary { font-size: 12px; font-weight: 400; color: var(--link); padding-right: 22px; } #jp-jpcl1-release-content .service-note p { font-size: 12px; padding-top: 10px; } #jp-jpcl1-release-content .readiness { background: var(--navy); color: var(--white); display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); gap: 9%; padding: 48px; margin-top: 0px; margin-bottom: 85px; } #jp-jpcl1-release-content .readiness h2 { font-size: 42px; } #jp-jpcl1-release-content .readiness p { font-size: 13px; color: var(--lighttext); margin-top: 20px; max-width: 330px; } #jp-jpcl1-release-content #jp-jpcl1-check-status { color: var(--lighttext); font-size: 12px; border-top: 1px solid var(--darkline); padding-top: 17px; margin-top: 25px; } #jp-jpcl1-release-content .readiness fieldset { border: 0px; padding: 0px; margin: 0px; } #jp-jpcl1-release-content .readiness label { display: flex; gap: 15px; align-items: flex-start; padding: 15px 0px; border-bottom: 1px solid var(--darkline); font-size: 13px; cursor: pointer; } #jp-jpcl1-release-content .readiness label:first-of-type { padding-top: 0px; } #jp-jpcl1-release-content .readiness label:last-of-type { border: 0px; padding-bottom: 0px; } #jp-jpcl1-release-content input[type="checkbox"] { width: 19px; height: 19px; flex: 0 0 auto; accent-color: var(--paper); cursor: pointer; margin: 1px 0px; } #jp-jpcl1-release-content .readiness label:has(input:checked) { color: var(--lighttext); } #jp-jpcl1-release-content .pack-heading { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.75fr); gap: 15%; align-items: end; } #jp-jpcl1-release-content .pack-heading p { font-size: 17px; color: var(--muted); max-width: 400px; } #jp-jpcl1-release-content .pack-pair { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px; margin-top: 35px; } #jp-jpcl1-release-content .pack-pair figure { background: var(--paper); min-width: 0px; } #jp-jpcl1-release-content .pack-pair img { width: 100%; height: 360px; object-fit: contain; } #jp-jpcl1-release-content .pack-pair figcaption { border-top: 1px solid var(--line); padding: 18px 0px; display: flex; justify-content: space-between; align-items: baseline; gap: 20px; } #jp-jpcl1-release-content .pack-pair strong { font-size: 24px; font-weight: 400; color: var(--ink); letter-spacing: -0.03em; } #jp-jpcl1-release-content .pack-pair span { font-size: 12px; } #jp-jpcl1-release-content .pack-spec { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8%; padding-top: 22px; padding-bottom: 60px; align-items: center; } #jp-jpcl1-release-content .product-data { margin: 0px; } #jp-jpcl1-release-content .product-data > div { border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 150px minmax(0px, 1fr); padding: 12px 0px; gap: 15px; font-size: 12px; } #jp-jpcl1-release-content .product-data .jp-definition-term { color: var(--muted); } #jp-jpcl1-release-content .product-data .jp-definition-value { margin: 0px; } #jp-jpcl1-release-content .pack-spec .text-link { margin-top: 20px; } #jp-jpcl1-release-content .resources { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10%; padding-block: 48px; border-block: 1px solid var(--line); } #jp-jpcl1-release-content .resources h2 { font-size: 30px; margin-bottom: 18px; } #jp-jpcl1-release-content .resources h3 { font-size: 25px; margin-bottom: 18px; } #jp-jpcl1-release-content .resources p { font-size: 14px; color: var(--muted); margin-bottom: 20px; } #jp-jpcl1-release-content .resources .small { font-size: 11px; margin: 14px 0px 0px; } #jp-jpcl1-release-content .secondary { background: var(--paper); color: var(--blue); border: 1px solid var(--blue); } #jp-jpcl1-release-content #video-container iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0px; } #jp-jpcl1-release-content #video-container:empty { display: none; } #jp-jpcl1-release-content [hidden] { display: none !important; } #jp-jpcl1-release-content .faq { padding-block: 68px; display: grid; grid-template-columns: minmax(0px, 0.75fr) minmax(0px, 1.25fr); gap: 9%; } #jp-jpcl1-release-content .faq h2 { font-size: 40px; } #jp-jpcl1-release-content .faq-grid { min-width: 0px; } #jp-jpcl1-release-content details { border-top: 1px solid var(--line); padding: 20px 0px; } #jp-jpcl1-release-content summary { cursor: pointer; font-size: 15px; line-height: 1.5; padding-right: 28px; list-style: none; position: relative; font-weight: 400; } #jp-jpcl1-release-content summary::-webkit-details-marker { display: none; } #jp-jpcl1-release-content summary::after { content: "+"; position: absolute; right: 0px; color: var(--blue); } #jp-jpcl1-release-content details[open] summary::after { content: "−"; } #jp-jpcl1-release-content details p { font-size: 14px; line-height: 1.7; color: var(--muted); padding-top: 15px; } #jp-jpcl1-release-content .contact-band { background: var(--blue); color: var(--white); } #jp-jpcl1-release-content .contact-band > .wrap { display: flex; gap: 50px; align-items: center; justify-content: space-between; padding-block: 60px; } #jp-jpcl1-release-content .contact-band h2 { font-size: clamp(30px, 3.5vw, 46px); } #jp-jpcl1-release-content .contact-band p { font-size: 14px; max-width: 600px; color: var(--lighttext); margin-top: 20px; } #jp-jpcl1-release-content .light { background: var(--paper); color: var(--blue); flex: 0 0 auto; min-width: 190px; } #jp-jpcl1-release-content .references { padding-block: 30px; } #jp-jpcl1-release-content .references h2 { font-size: 13px; letter-spacing: 0px; margin-bottom: 10px; } #jp-jpcl1-release-content .references p { font-size: 11px; color: var(--muted); line-height: 1.8; } #jp-jpcl1-release-content .references a { color: var(--link); } #jp-jpcl1-release-content .footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 50px; align-content: start; padding-top: 4px; } #jp-jpcl1-release-content .footer-links a { font-size: 12px; text-decoration: none; color: var(--muted); } #jp-jpcl1-release-content .ui-icon { display: inline-block; width: 16px; height: 16px; vertical-align: -3px; flex: 0 0 auto; } #jp-jpcl1-release-content .text-link .ui-icon { width: 13px; height: 13px; } @media (max-width: 1100px) { #jp-jpcl1-release-content .wrap { width: calc(100% - 64px); } #jp-jpcl1-release-content .hero { gap: 40px; } #jp-jpcl1-release-content .hero-lead { font-size: 16px; } #jp-jpcl1-release-content .hero-facts .jp-definition-value { font-size: 23px; } #jp-jpcl1-release-content .size-layout { gap: 60px; } #jp-jpcl1-release-content .process-index a { font-size: 11px; gap: 8px; } #jp-jpcl1-release-content .step-copy h3 { font-size: 27px; } #jp-jpcl1-release-content .readiness { padding: 36px; } #jp-jpcl1-release-content .faq h2 { font-size: 35px; } } @media (max-width: 850px) { #jp-jpcl1-release-content .hero { gap: 26px; } #jp-jpcl1-release-content .jp-hero-title { font-size: 56px; } #jp-jpcl1-release-content .hero-lead { font-size: 15px; } #jp-jpcl1-release-content .hero-facts { gap: 12px; margin-top: 25px; } #jp-jpcl1-release-content .hero-facts .jp-definition-value { font-size: 20px; } #jp-jpcl1-release-content .hero-facts .jp-definition-value span { font-size: 10px; } #jp-jpcl1-release-content .hero-photo { align-self: center; } #jp-jpcl1-release-content .section-nav .wrap { gap: 28px; } #jp-jpcl1-release-content .size-section { padding-block: 55px; } #jp-jpcl1-release-content .size-layout { gap: 40px; } #jp-jpcl1-release-content .size-copy p { font-size: 14px; } #jp-jpcl1-release-content .size-number { font-size: 44px; } #jp-jpcl1-release-content .guide-intro { gap: 7%; padding-top: 65px; } #jp-jpcl1-release-content .guide-intro > div > p:first-child { font-size: 15px; } #jp-jpcl1-release-content .prep { grid-template-columns: 160px minmax(0px, 1fr); gap: 20px; } #jp-jpcl1-release-content .prep h3 { font-size: 21px; } #jp-jpcl1-release-content .process-index a { flex-direction: column; align-items: flex-start; gap: 0px; justify-content: center; } #jp-jpcl1-release-content .process-pair { gap: 24px; padding-bottom: 46px; } #jp-jpcl1-release-content .step-copy { grid-template-columns: 25px minmax(0px, 1fr); gap: 8px; } #jp-jpcl1-release-content .step-copy h3 { font-size: 25px; } #jp-jpcl1-release-content .step-copy p { font-size: 13px; } #jp-jpcl1-release-content .step-copy .service-note p { font-size: 12px; } #jp-jpcl1-release-content .readiness { gap: 6%; padding: 30px; } #jp-jpcl1-release-content .readiness h2 { font-size: 35px; } #jp-jpcl1-release-content .pack-pair img { height: 290px; } #jp-jpcl1-release-content .pack-spec { gap: 6%; } #jp-jpcl1-release-content .product-data > div { grid-template-columns: 110px minmax(0px, 1fr); } #jp-jpcl1-release-content .faq { grid-template-columns: 1fr; gap: 30px; } #jp-jpcl1-release-content .contact-band > .wrap { align-items: start; flex-direction: column; gap: 28px; } } @media (max-width: 600px) { #jp-jpcl1-release-content .wrap { width: calc(100% - 40px); } #jp-jpcl1-release-content .wordmark { font-size: 31px; } #jp-jpcl1-release-content .wordmark span { font-size: 9px; } #jp-jpcl1-release-content .hero { grid-template-columns: 1fr; gap: 28px; padding-bottom: 32px; } #jp-jpcl1-release-content .jp-hero-title { font-size: 67px; } #jp-jpcl1-release-content .jp-hero-title span { font-size: 0.56em; line-height: 1.1; margin-top: 8px; } #jp-jpcl1-release-content .hero-lead { font-size: 16px; max-width: 330px; margin: 23px 0px; } #jp-jpcl1-release-content .button { font-size: 12px; padding: 14px 17px; } #jp-jpcl1-release-content .hero-facts { grid-template-columns: 1.1fr 1fr; gap: 15px; margin-top: 27px; padding-top: 16px; } #jp-jpcl1-release-content .hero-facts .jp-definition-value { font-size: 27px; } #jp-jpcl1-release-content .hero-facts .jp-definition-value span { font-size: 12px; } #jp-jpcl1-release-content .hero-foot { font-size: 11px; } #jp-jpcl1-release-content .hero-photo figcaption { font-size: 10px; } #jp-jpcl1-release-content .section-nav .wrap { gap: 25px; overflow-x: auto; scrollbar-width: none; width: 100%; padding-inline: 20px; } #jp-jpcl1-release-content .section-nav a { font-size: 11px; padding: 16px 0px; } #jp-jpcl1-release-content .section-nav a:last-child { margin-left: 0px; } #jp-jpcl1-release-content h2 { font-size: 35px; } #jp-jpcl1-release-content .size-section { padding-block: 45px; } #jp-jpcl1-release-content .size-layout { grid-template-columns: 1fr; gap: 34px; } #jp-jpcl1-release-content .size-copy p { font-size: 14px; line-height: 1.75; margin-top: 22px; } #jp-jpcl1-release-content .size-number { font-size: 58px; margin-bottom: 20px; } #jp-jpcl1-release-content .size-number span { font-size: 12px; } #jp-jpcl1-release-content .size-proof figure img { aspect-ratio: 1.2 / 1; } #jp-jpcl1-release-content .guide-intro { grid-template-columns: 1fr; gap: 25px; padding-block: 48px 28px; } #jp-jpcl1-release-content .guide-intro > div > p:first-child { font-size: 15px; margin-bottom: 15px; } #jp-jpcl1-release-content .small { font-size: 12px; } #jp-jpcl1-release-content .prep { grid-template-columns: 1fr; gap: 12px; padding-block: 20px; } #jp-jpcl1-release-content .prep h3 { font-size: 24px; } #jp-jpcl1-release-content .prep p { font-size: 12px; } #jp-jpcl1-release-content .process-index { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px 15px; margin-bottom: 28px; } #jp-jpcl1-release-content .process-index a { flex-direction: row; align-items: center; justify-content: flex-start; gap: 9px; font-size: 10px; min-height: 53px; } #jp-jpcl1-release-content .process-index li:nth-child(-n+3) { border-bottom: 1px solid var(--line); } #jp-jpcl1-release-content .process-pair { grid-template-columns: 1fr; gap: 38px; padding-bottom: 38px; } #jp-jpcl1-release-content .scene { aspect-ratio: 0.75 / 1; } #jp-jpcl1-release-content .step-copy { grid-template-columns: 27px minmax(0px, 1fr); gap: 12px; padding-top: 20px; } #jp-jpcl1-release-content .step-copy h3 { font-size: 28px; margin-bottom: 15px; } #jp-jpcl1-release-content .step-copy p { font-size: 14px; } #jp-jpcl1-release-content .service-note { margin-top: 16px; } #jp-jpcl1-release-content .service-note summary { font-size: 12px; } #jp-jpcl1-release-content .readiness { grid-template-columns: 1fr; gap: 28px; padding: 30px 24px; margin-block: 5px 48px; } #jp-jpcl1-release-content .readiness h2 { font-size: 34px; } #jp-jpcl1-release-content .readiness p { font-size: 12px; } #jp-jpcl1-release-content .readiness label { font-size: 12px; gap: 12px; } #jp-jpcl1-release-content .pack-heading { grid-template-columns: 1fr; gap: 25px; } #jp-jpcl1-release-content .pack-heading p { font-size: 15px; } #jp-jpcl1-release-content .pack-pair { gap: 18px; margin-top: 25px; } #jp-jpcl1-release-content .pack-pair img { height: 190px; } #jp-jpcl1-release-content .pack-pair figcaption { display: block; padding-top: 13px; } #jp-jpcl1-release-content .pack-pair strong { font-size: 23px; } #jp-jpcl1-release-content .pack-pair span { display: block; font-size: 10px; margin-top: 5px; } #jp-jpcl1-release-content .pack-spec { grid-template-columns: 1fr; gap: 25px; padding-block: 12px 35px; } #jp-jpcl1-release-content .product-data > div { grid-template-columns: 130px minmax(0px, 1fr); font-size: 12px; } #jp-jpcl1-release-content .resources { grid-template-columns: 1fr; gap: 30px; padding-block: 35px; } #jp-jpcl1-release-content .resources h2 { font-size: 28px; } #jp-jpcl1-release-content .video-resource { padding-top: 28px; border-top: 1px solid var(--line); } #jp-jpcl1-release-content .resources h3 { font-size: 25px; } #jp-jpcl1-release-content .resources p { font-size: 13px; } #jp-jpcl1-release-content .faq { padding-block: 40px; gap: 25px; } #jp-jpcl1-release-content .faq h2 { font-size: 34px; } #jp-jpcl1-release-content summary { font-size: 14px; } #jp-jpcl1-release-content details p { font-size: 13px; } #jp-jpcl1-release-content .contact-band > .wrap { padding-block: 40px; gap: 25px; } #jp-jpcl1-release-content .contact-band h2 { font-size: 33px; } #jp-jpcl1-release-content .contact-band p { font-size: 13px; } #jp-jpcl1-release-content .references { padding-block: 26px; } #jp-jpcl1-release-content .references p { font-size: 10px; } #jp-jpcl1-release-content .footer-links { gap: 13px 30px; } #jp-jpcl1-release-content .footer-links a { font-size: 11px; } } @media (max-width: 350px) { #jp-jpcl1-release-content .jp-hero-title { font-size: 59px; } #jp-jpcl1-release-content .hero-facts .jp-definition-value { font-size: 23px; } #jp-jpcl1-release-content .size-number { font-size: 49px; } #jp-jpcl1-release-content .wordmark { font-size: 28px; } #jp-jpcl1-release-content .pack-pair img { height: 155px; } #jp-jpcl1-release-content .process-index a { font-size: 9px; } } @media (prefers-reduced-motion: reduce) { #jp-jpcl1-release-content * { scroll-behavior: auto !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; } } #jp-jpcl1-release-content .size-proof .wipe-dimension img { aspect-ratio: auto; object-fit: contain; width: 100%; height: auto; } #jp-jpcl1-release-content .scene { position: relative; } #jp-jpcl1-release-content .wipe-size-label { position: absolute; left: 18px; bottom: 18px; background: var(--paper); color: var(--ink); padding: 12px 15px; display: flex; flex-direction: column; max-width: calc(100% - 36px); line-height: 1.35; box-shadow: 0 2px 12px var(--annotation-shadow); } #jp-jpcl1-release-content .wipe-size-label strong { font-size: 23px; font-weight: 500; letter-spacing: -0.025em; } #jp-jpcl1-release-content .wipe-size-label span { font-size: 12px; margin-top: 4px; } #jp-jpcl1-release-content .wipe-size-label small { font-size: 12px; color: var(--muted); margin-top: 4px; } @media (max-width: 600px) { #jp-jpcl1-release-content .wipe-size-label { left: 12px; bottom: 12px; padding: 10px 12px; } #jp-jpcl1-release-content .wipe-size-label strong { font-size: 21px; } #jp-jpcl1-release-content .wipe-size-label span { font-size: 12px; } #jp-jpcl1-release-content .wipe-size-label small { font-size: 12px; } } #jp-jpcl1-release-content .syringe-reference { display: grid; grid-template-columns: 110px minmax(0px, 1fr); gap: 18px; align-items: center; border-top: 1px solid var(--line); padding-top: 18px; margin-top: 22px; } #jp-jpcl1-release-content .syringe-reference img { width: 110px; height: 110px; object-fit: contain; } #jp-jpcl1-release-content .syringe-reference strong { font-size: 12px; font-weight: 500; line-height: 1.5; } #jp-jpcl1-release-content .syringe-reference p { font-size: 11px; line-height: 1.6; margin-top: 7px; } @media (max-width: 600px) { #jp-jpcl1-release-content .syringe-reference { grid-template-columns: 85px minmax(0px, 1fr); gap: 13px; } #jp-jpcl1-release-content .syringe-reference img { width: 85px; height: 85px; } #jp-jpcl1-release-content .syringe-reference p { font-size: 11px; } } #jp-jpcl1-release-content .size-proof .wipe-dimension figcaption { font-size: 12px; line-height: 1.6; } #jp-jpcl1-release-content .engineering { padding-block: 60px; border-bottom: 1px solid var(--line); } #jp-jpcl1-release-content .engineering-heading { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 8%; align-items: end; margin-bottom: 24px; } #jp-jpcl1-release-content .engineering-heading > p { font-size: 16px; color: var(--muted); max-width: 440px; } #jp-jpcl1-release-content .engineering .pack-spec { padding-bottom: 0px; padding-top: 0px; } #jp-jpcl1-release-content .engineering-docs h3 { font-size: 24px; margin-bottom: 17px; } #jp-jpcl1-release-content .engineering-links { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 20px; } #jp-jpcl1-release-content .engineering-links .text-link { margin: 0px; } #jp-jpcl1-release-content .packaging-note { margin-top: 12px; padding-bottom: 50px; } @media (max-width: 600px) { #jp-jpcl1-release-content .engineering { padding-block: 42px; } #jp-jpcl1-release-content .engineering-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 24px; } #jp-jpcl1-release-content .engineering-heading > p { font-size: 14px; } #jp-jpcl1-release-content .engineering .pack-spec { gap: 30px; } #jp-jpcl1-release-content .engineering-docs h3 { font-size: 25px; } #jp-jpcl1-release-content .packaging-note { padding-bottom: 35px; } } #jp-jpcl1-release-content #jp-jpcl1-reapply figcaption { font-size: 12px; line-height: 1.6; } /* Full-main-column integration. Native media/specs/video/downloads remain outside this root. */ #jp-jpcl1-release-content{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-inline:0;container-type:inline-size;} #jp-jpcl1-release-content>section,#jp-jpcl1-release-content>nav,#jp-jpcl1-release-content>div{min-width:0;max-width:100%;} #jp-jpcl1-release-content>.wrap{width:100%;margin-inline:0;padding-inline:48px;} #jp-jpcl1-release-content>.hero{grid-template-columns:minmax(0,1fr);} @container(max-width:1100px){#jp-jpcl1-release-content>.wrap{padding-inline:32px;}} @container(max-width:600px){#jp-jpcl1-release-content>.wrap{padding-inline:20px;}} /* Existing CL1 gallery: original 300px minimum track overflows at 320px. Only this article with the new root, only small viewports. Preserve cover/click/hover behavior. */ @media(max-width:600px){ body.itemid-320 .tpItemPage:has(#jp-jpcl1-release-content) #tz-portfolio-plus-gallery .tz_portfolio_plus_gallery.grid-container{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));} body.itemid-320 .tpItemPage:has(#jp-jpcl1-release-content) #tz-portfolio-plus-gallery .gallery-listing.element{min-width:0;max-width:100%;height:auto;aspect-ratio:6/5;} } /* thermal-tape */ /* Recreate source heading inheritance rather than inheriting Joomla's global heading color. */ #jp-thermal-tape-release-content :where(h1,h2,h3,h4,h5,h6){color:inherit;} #jp-thermal-tape-release-content { --blue: #064b93; --link: #1267a5; --navy: #24364b; --ink: #18394c; --muted: #536575; --line: #d6dee8; --paper: #fff; --wash: #f5f6f7; --warm: #efede8; --white: #fff; --focus: #b76500; --darkline: #516173; --lighttext: #dce5ee; --annotation-shadow: #24364b1a; --font: Arial,Helvetica,sans-serif; } #jp-thermal-tape-release-content { margin: 0px; background: var(--paper); color: var(--ink); font: 16px/1.6 var(--font); -webkit-font-smoothing: antialiased; } #jp-thermal-tape-release-content * { box-sizing: border-box; } #jp-thermal-tape-release-content a { color: inherit; text-underline-offset: 5px; } #jp-thermal-tape-release-content button, #jp-thermal-tape-release-content input { font: inherit; } #jp-thermal-tape-release-content button { cursor: pointer; } #jp-thermal-tape-release-content :focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; } #jp-thermal-tape-release-content img { max-width: 100%; display: block; height: auto; } #jp-thermal-tape-release-content figure, #jp-thermal-tape-release-content p { margin: 0px; } #jp-thermal-tape-release-content .jp-hero-title, #jp-thermal-tape-release-content h2, #jp-thermal-tape-release-content h3 { line-height: 1.08; letter-spacing: -0.045em; margin: 0px; font-weight: 500; overflow-wrap: break-word; min-width: 0px; } #jp-thermal-tape-release-content h2 { font-size: clamp(32px, 3.8vw, 52px); } #jp-thermal-tape-release-content .wrap { width: min(1240px, 100% - 96px); margin-inline: auto; } #jp-thermal-tape-release-content .small { font-size: 13px; line-height: 1.7; color: var(--muted); } #jp-thermal-tape-release-content .visually-hidden { position: absolute; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; padding: 0px; border: 0px; } #jp-thermal-tape-release-content [id] { scroll-margin-top: 80px; } #jp-thermal-tape-release-content .wordmark { font-size: 35px; font-weight: 700; line-height: 1; text-decoration: none; letter-spacing: -0.04em; color: var(--blue); } #jp-thermal-tape-release-content .wordmark span { display: block; font-size: 10px; font-weight: 400; letter-spacing: 0px; margin-top: 8px; color: var(--muted); } #jp-thermal-tape-release-content .hero { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 64px; align-items: center; padding-bottom: 48px; } #jp-thermal-tape-release-content .jp-hero-title { font-size: clamp(55px, 6.1vw, 86px); line-height: 0.98; letter-spacing: -0.06em; color: var(--navy); } #jp-thermal-tape-release-content .jp-hero-title span { font-size: 0.62em; letter-spacing: -0.045em; display: block; margin-top: 10px; line-height: 1.05; } #jp-thermal-tape-release-content .hero-lead { max-width: 410px; font-size: 18px; color: var(--muted); line-height: 1.55; margin: 25px 0px 28px; } #jp-thermal-tape-release-content .button { display: inline-flex; align-items: center; justify-content: space-between; gap: 34px; text-decoration: none; padding: 15px 20px; font-size: 13px; font-weight: 500; line-height: 1.4; border: 1px solid transparent; min-height: 48px; } #jp-thermal-tape-release-content .primary { background: var(--blue); color: var(--white); } #jp-thermal-tape-release-content .primary:hover { background: var(--navy); } #jp-thermal-tape-release-content .text-link { font-size: 13px; font-weight: 600; color: var(--link); display: inline-block; } #jp-thermal-tape-release-content .text-link .ui-icon { margin-left: 10px; } #jp-thermal-tape-release-content .hero-facts { display: grid; grid-template-columns: 1.2fr 1fr; gap: 22px; border-top: 1px solid var(--line); margin: 33px 0px 0px; padding-top: 16px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-term { color: var(--muted); font-size: 11px; margin-bottom: 4px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value { margin: 0px; font-size: 26px; line-height: 1.3; letter-spacing: -0.04em; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value span { font-size: 12px; letter-spacing: 0px; } #jp-thermal-tape-release-content .hero-foot { font-size: 11px; color: var(--muted); margin-top: 14px; } #jp-thermal-tape-release-content .hero-photo { min-width: 0px; } #jp-thermal-tape-release-content .hero-photo img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; } #jp-thermal-tape-release-content figcaption { font-size: 11px; color: var(--muted); line-height: 1.5; padding-top: 10px; } #jp-thermal-tape-release-content .hero-photo figcaption { text-align: right; } #jp-thermal-tape-release-content .section-nav { position: sticky; top: 0px; background: var(--paper); z-index: 8; border-block: 1px solid var(--line); } #jp-thermal-tape-release-content .section-nav .wrap { display: flex; gap: 38px; } #jp-thermal-tape-release-content .section-nav a { display: block; font-size: 12px; text-decoration: none; padding: 17px 0px; color: var(--muted); white-space: nowrap; } #jp-thermal-tape-release-content .section-nav a:last-child { margin-left: auto; color: var(--blue); } #jp-thermal-tape-release-content .section-nav a:hover { color: var(--blue); } #jp-thermal-tape-release-content .size-section { background: var(--warm); padding-block: 78px; } #jp-thermal-tape-release-content .size-layout { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.88fr); gap: 100px; align-items: center; } #jp-thermal-tape-release-content .size-copy p { font-size: 16px; max-width: 440px; color: var(--muted); line-height: 1.7; margin-top: 25px; } #jp-thermal-tape-release-content .size-copy p + p { margin-top: 15px; } #jp-thermal-tape-release-content .size-proof { min-width: 0px; } #jp-thermal-tape-release-content .size-number { font-size: clamp(44px, 5.5vw, 74px); line-height: 1; color: var(--blue); letter-spacing: -0.06em; margin-bottom: 24px; } #jp-thermal-tape-release-content .size-number span { display: block; font-size: 13px; letter-spacing: 0px; color: var(--muted); margin-top: 10px; } #jp-thermal-tape-release-content .size-proof figure img { width: 100%; aspect-ratio: 1.4 / 1; object-fit: cover; object-position: center 43%; } #jp-thermal-tape-release-content .size-proof figcaption { font-size: 10px; } #jp-thermal-tape-release-content .guide-intro { padding-block: 90px 38px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.85fr); gap: 10%; align-items: end; } #jp-thermal-tape-release-content .guide-intro > div > p:first-child { font-size: 17px; line-height: 1.65; margin-bottom: 18px; } #jp-thermal-tape-release-content .prep { border-block: 1px solid var(--line); display: grid; grid-template-columns: 220px minmax(0px, 1fr); gap: 30px; padding-block: 23px; } #jp-thermal-tape-release-content .prep h3 { font-size: 24px; letter-spacing: -0.025em; line-height: 1.4; } #jp-thermal-tape-release-content .prep p { font-size: 13px; line-height: 1.7; color: var(--muted); } #jp-thermal-tape-release-content .process-index { padding: 0px; display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); list-style: none; margin-top: 0px; margin-bottom: 42px; gap: 14px; } #jp-thermal-tape-release-content .process-index a { text-decoration: none; font-size: 12px; display: flex; gap: 11px; align-items: center; min-height: 64px; } #jp-thermal-tape-release-content .process-index b { color: var(--blue); font-size: 14px; font-weight: 400; font-variant-numeric: tabular-nums; } #jp-thermal-tape-release-content .process-index a:hover { text-decoration: underline; } #jp-thermal-tape-release-content .process-pair { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px; padding-bottom: 62px; } #jp-thermal-tape-release-content .process-step { min-width: 0px; } #jp-thermal-tape-release-content .scene { width: 100%; aspect-ratio: 0.75 / 1; overflow: hidden; background: var(--wash); } #jp-thermal-tape-release-content .scene img { width: 100%; height: 100%; object-fit: cover; max-width: none; } #jp-thermal-tape-release-content .scene.left img { object-position: left center; } #jp-thermal-tape-release-content .scene.right img { object-position: right center; } #jp-thermal-tape-release-content .process-step figcaption { font-size: 10px; } #jp-thermal-tape-release-content .step-copy { display: grid; grid-template-columns: 36px minmax(0px, 1fr); gap: 15px; padding-top: 22px; } #jp-thermal-tape-release-content .step-number { font-size: 14px; color: var(--blue); padding-top: 5px; font-variant-numeric: tabular-nums; } #jp-thermal-tape-release-content .step-copy h3 { font-size: 30px; letter-spacing: -0.035em; margin-bottom: 16px; } #jp-thermal-tape-release-content .step-copy p { font-size: 14px; color: var(--muted); line-height: 1.75; } #jp-thermal-tape-release-content .service-note { padding: 14px 0px 0px; margin-top: 15px; border-top: 1px solid var(--line); } #jp-thermal-tape-release-content .service-note summary { font-size: 12px; font-weight: 400; color: var(--link); padding-right: 22px; } #jp-thermal-tape-release-content .service-note p { font-size: 12px; padding-top: 10px; } #jp-thermal-tape-release-content .readiness { background: var(--navy); color: var(--white); display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); gap: 9%; padding: 48px; margin-top: 0px; margin-bottom: 85px; } #jp-thermal-tape-release-content .readiness h2 { font-size: 42px; } #jp-thermal-tape-release-content .readiness p { font-size: 13px; color: var(--lighttext); margin-top: 20px; max-width: 330px; } #jp-thermal-tape-release-content #jp-thermal-tape-check-status { color: var(--lighttext); font-size: 12px; border-top: 1px solid var(--darkline); padding-top: 17px; margin-top: 25px; } #jp-thermal-tape-release-content .readiness fieldset { border: 0px; padding: 0px; margin: 0px; } #jp-thermal-tape-release-content .readiness label { display: flex; gap: 15px; align-items: flex-start; padding: 15px 0px; border-bottom: 1px solid var(--darkline); font-size: 13px; cursor: pointer; } #jp-thermal-tape-release-content .readiness label:first-of-type { padding-top: 0px; } #jp-thermal-tape-release-content .readiness label:last-of-type { border: 0px; padding-bottom: 0px; } #jp-thermal-tape-release-content input[type="checkbox"] { width: 19px; height: 19px; flex: 0 0 auto; accent-color: var(--paper); cursor: pointer; margin: 1px 0px; } #jp-thermal-tape-release-content .readiness label:has(input:checked) { color: var(--lighttext); } #jp-thermal-tape-release-content .pack-heading { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.75fr); gap: 15%; align-items: end; } #jp-thermal-tape-release-content .pack-heading p { font-size: 17px; color: var(--muted); max-width: 400px; } #jp-thermal-tape-release-content .pack-pair { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px; margin-top: 35px; } #jp-thermal-tape-release-content .pack-pair figure { background: var(--paper); min-width: 0px; } #jp-thermal-tape-release-content .pack-pair img { width: 100%; height: 360px; object-fit: contain; } #jp-thermal-tape-release-content .pack-pair figcaption { border-top: 1px solid var(--line); padding: 18px 0px; display: flex; justify-content: space-between; align-items: baseline; gap: 20px; } #jp-thermal-tape-release-content .pack-pair strong { font-size: 24px; font-weight: 400; color: var(--ink); letter-spacing: -0.03em; } #jp-thermal-tape-release-content .pack-pair span { font-size: 12px; } #jp-thermal-tape-release-content .pack-spec { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8%; padding-top: 22px; padding-bottom: 60px; align-items: center; } #jp-thermal-tape-release-content .product-data { margin: 0px; } #jp-thermal-tape-release-content .product-data > div { border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 150px minmax(0px, 1fr); padding: 12px 0px; gap: 15px; font-size: 12px; } #jp-thermal-tape-release-content .product-data .jp-definition-term { color: var(--muted); } #jp-thermal-tape-release-content .product-data .jp-definition-value { margin: 0px; } #jp-thermal-tape-release-content .pack-spec .text-link { margin-top: 20px; } #jp-thermal-tape-release-content .resources { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10%; padding-block: 48px; border-block: 1px solid var(--line); } #jp-thermal-tape-release-content .resources h2 { font-size: 30px; margin-bottom: 18px; } #jp-thermal-tape-release-content .resources h3 { font-size: 25px; margin-bottom: 18px; } #jp-thermal-tape-release-content .resources p { font-size: 14px; color: var(--muted); margin-bottom: 20px; } #jp-thermal-tape-release-content .resources .small { font-size: 11px; margin: 14px 0px 0px; } #jp-thermal-tape-release-content .secondary { background: var(--paper); color: var(--blue); border: 1px solid var(--blue); } #jp-thermal-tape-release-content #video-container iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0px; } #jp-thermal-tape-release-content #video-container:empty { display: none; } #jp-thermal-tape-release-content [hidden] { display: none !important; } #jp-thermal-tape-release-content .faq { padding-block: 68px; display: grid; grid-template-columns: minmax(0px, 0.75fr) minmax(0px, 1.25fr); gap: 9%; } #jp-thermal-tape-release-content .faq h2 { font-size: 40px; } #jp-thermal-tape-release-content .faq-grid { min-width: 0px; } #jp-thermal-tape-release-content details { border-top: 1px solid var(--line); padding: 20px 0px; } #jp-thermal-tape-release-content summary { cursor: pointer; font-size: 15px; line-height: 1.5; padding-right: 28px; list-style: none; position: relative; font-weight: 400; } #jp-thermal-tape-release-content summary::-webkit-details-marker { display: none; } #jp-thermal-tape-release-content summary::after { content: "+"; position: absolute; right: 0px; color: var(--blue); } #jp-thermal-tape-release-content details[open] summary::after { content: "−"; } #jp-thermal-tape-release-content details p { font-size: 14px; line-height: 1.7; color: var(--muted); padding-top: 15px; } #jp-thermal-tape-release-content .contact-band { background: var(--blue); color: var(--white); } #jp-thermal-tape-release-content .contact-band > .wrap { display: flex; gap: 50px; align-items: center; justify-content: space-between; padding-block: 60px; } #jp-thermal-tape-release-content .contact-band h2 { font-size: clamp(30px, 3.5vw, 46px); } #jp-thermal-tape-release-content .contact-band p { font-size: 14px; max-width: 600px; color: var(--lighttext); margin-top: 20px; } #jp-thermal-tape-release-content .light { background: var(--paper); color: var(--blue); flex: 0 0 auto; min-width: 190px; } #jp-thermal-tape-release-content .references { padding-block: 30px; } #jp-thermal-tape-release-content .references h2 { font-size: 13px; letter-spacing: 0px; margin-bottom: 10px; } #jp-thermal-tape-release-content .references p { font-size: 11px; color: var(--muted); line-height: 1.8; } #jp-thermal-tape-release-content .references a { color: var(--link); } #jp-thermal-tape-release-content .footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 50px; align-content: start; padding-top: 4px; } #jp-thermal-tape-release-content .footer-links a { font-size: 12px; text-decoration: none; color: var(--muted); } #jp-thermal-tape-release-content .ui-icon { display: inline-block; width: 16px; height: 16px; vertical-align: -3px; flex: 0 0 auto; } #jp-thermal-tape-release-content .text-link .ui-icon { width: 13px; height: 13px; } @media (max-width: 1100px) { #jp-thermal-tape-release-content .wrap { width: calc(100% - 64px); } #jp-thermal-tape-release-content .hero { gap: 40px; } #jp-thermal-tape-release-content .hero-lead { font-size: 16px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value { font-size: 23px; } #jp-thermal-tape-release-content .size-layout { gap: 60px; } #jp-thermal-tape-release-content .process-index a { font-size: 11px; gap: 8px; } #jp-thermal-tape-release-content .step-copy h3 { font-size: 27px; } #jp-thermal-tape-release-content .readiness { padding: 36px; } #jp-thermal-tape-release-content .faq h2 { font-size: 35px; } } @media (max-width: 850px) { #jp-thermal-tape-release-content .hero { gap: 26px; } #jp-thermal-tape-release-content .jp-hero-title { font-size: 56px; } #jp-thermal-tape-release-content .hero-lead { font-size: 15px; } #jp-thermal-tape-release-content .hero-facts { gap: 12px; margin-top: 25px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value { font-size: 20px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value span { font-size: 10px; } #jp-thermal-tape-release-content .hero-photo { align-self: center; } #jp-thermal-tape-release-content .section-nav .wrap { gap: 28px; } #jp-thermal-tape-release-content .size-section { padding-block: 55px; } #jp-thermal-tape-release-content .size-layout { gap: 40px; } #jp-thermal-tape-release-content .size-copy p { font-size: 14px; } #jp-thermal-tape-release-content .size-number { font-size: 44px; } #jp-thermal-tape-release-content .guide-intro { gap: 7%; padding-top: 65px; } #jp-thermal-tape-release-content .guide-intro > div > p:first-child { font-size: 15px; } #jp-thermal-tape-release-content .prep { grid-template-columns: 160px minmax(0px, 1fr); gap: 20px; } #jp-thermal-tape-release-content .prep h3 { font-size: 21px; } #jp-thermal-tape-release-content .process-index a { flex-direction: column; align-items: flex-start; gap: 0px; justify-content: center; } #jp-thermal-tape-release-content .process-pair { gap: 24px; padding-bottom: 46px; } #jp-thermal-tape-release-content .step-copy { grid-template-columns: 25px minmax(0px, 1fr); gap: 8px; } #jp-thermal-tape-release-content .step-copy h3 { font-size: 25px; } #jp-thermal-tape-release-content .step-copy p { font-size: 13px; } #jp-thermal-tape-release-content .step-copy .service-note p { font-size: 12px; } #jp-thermal-tape-release-content .readiness { gap: 6%; padding: 30px; } #jp-thermal-tape-release-content .readiness h2 { font-size: 35px; } #jp-thermal-tape-release-content .pack-pair img { height: 290px; } #jp-thermal-tape-release-content .pack-spec { gap: 6%; } #jp-thermal-tape-release-content .product-data > div { grid-template-columns: 110px minmax(0px, 1fr); } #jp-thermal-tape-release-content .faq { grid-template-columns: 1fr; gap: 30px; } #jp-thermal-tape-release-content .contact-band > .wrap { align-items: start; flex-direction: column; gap: 28px; } } @media (max-width: 600px) { #jp-thermal-tape-release-content .wrap { width: calc(100% - 40px); } #jp-thermal-tape-release-content .wordmark { font-size: 31px; } #jp-thermal-tape-release-content .wordmark span { font-size: 9px; } #jp-thermal-tape-release-content .hero { grid-template-columns: 1fr; gap: 28px; padding-bottom: 32px; } #jp-thermal-tape-release-content .jp-hero-title { font-size: 67px; } #jp-thermal-tape-release-content .jp-hero-title span { font-size: 0.56em; line-height: 1.1; margin-top: 8px; } #jp-thermal-tape-release-content .hero-lead { font-size: 16px; max-width: 330px; margin: 23px 0px; } #jp-thermal-tape-release-content .button { font-size: 12px; padding: 14px 17px; } #jp-thermal-tape-release-content .hero-facts { grid-template-columns: 1.1fr 1fr; gap: 15px; margin-top: 27px; padding-top: 16px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value { font-size: 27px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value span { font-size: 12px; } #jp-thermal-tape-release-content .hero-foot { font-size: 11px; } #jp-thermal-tape-release-content .hero-photo figcaption { font-size: 10px; } #jp-thermal-tape-release-content .section-nav .wrap { gap: 25px; overflow-x: auto; scrollbar-width: none; width: 100%; padding-inline: 20px; } #jp-thermal-tape-release-content .section-nav a { font-size: 11px; padding: 16px 0px; } #jp-thermal-tape-release-content .section-nav a:last-child { margin-left: 0px; } #jp-thermal-tape-release-content h2 { font-size: 35px; } #jp-thermal-tape-release-content .size-section { padding-block: 45px; } #jp-thermal-tape-release-content .size-layout { grid-template-columns: 1fr; gap: 34px; } #jp-thermal-tape-release-content .size-copy p { font-size: 14px; line-height: 1.75; margin-top: 22px; } #jp-thermal-tape-release-content .size-number { font-size: 58px; margin-bottom: 20px; } #jp-thermal-tape-release-content .size-number span { font-size: 12px; } #jp-thermal-tape-release-content .size-proof figure img { aspect-ratio: 1.2 / 1; } #jp-thermal-tape-release-content .guide-intro { grid-template-columns: 1fr; gap: 25px; padding-block: 48px 28px; } #jp-thermal-tape-release-content .guide-intro > div > p:first-child { font-size: 15px; margin-bottom: 15px; } #jp-thermal-tape-release-content .small { font-size: 12px; } #jp-thermal-tape-release-content .prep { grid-template-columns: 1fr; gap: 12px; padding-block: 20px; } #jp-thermal-tape-release-content .prep h3 { font-size: 24px; } #jp-thermal-tape-release-content .prep p { font-size: 12px; } #jp-thermal-tape-release-content .process-index { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px 15px; margin-bottom: 28px; } #jp-thermal-tape-release-content .process-index a { flex-direction: row; align-items: center; justify-content: flex-start; gap: 9px; font-size: 10px; min-height: 53px; } #jp-thermal-tape-release-content .process-index li:nth-child(-n+3) { border-bottom: 1px solid var(--line); } #jp-thermal-tape-release-content .process-pair { grid-template-columns: 1fr; gap: 38px; padding-bottom: 38px; } #jp-thermal-tape-release-content .scene { aspect-ratio: 0.75 / 1; } #jp-thermal-tape-release-content .step-copy { grid-template-columns: 27px minmax(0px, 1fr); gap: 12px; padding-top: 20px; } #jp-thermal-tape-release-content .step-copy h3 { font-size: 28px; margin-bottom: 15px; } #jp-thermal-tape-release-content .step-copy p { font-size: 14px; } #jp-thermal-tape-release-content .service-note { margin-top: 16px; } #jp-thermal-tape-release-content .service-note summary { font-size: 12px; } #jp-thermal-tape-release-content .readiness { grid-template-columns: 1fr; gap: 28px; padding: 30px 24px; margin-block: 5px 48px; } #jp-thermal-tape-release-content .readiness h2 { font-size: 34px; } #jp-thermal-tape-release-content .readiness p { font-size: 12px; } #jp-thermal-tape-release-content .readiness label { font-size: 12px; gap: 12px; } #jp-thermal-tape-release-content .pack-heading { grid-template-columns: 1fr; gap: 25px; } #jp-thermal-tape-release-content .pack-heading p { font-size: 15px; } #jp-thermal-tape-release-content .pack-pair { gap: 18px; margin-top: 25px; } #jp-thermal-tape-release-content .pack-pair img { height: 190px; } #jp-thermal-tape-release-content .pack-pair figcaption { display: block; padding-top: 13px; } #jp-thermal-tape-release-content .pack-pair strong { font-size: 23px; } #jp-thermal-tape-release-content .pack-pair span { display: block; font-size: 10px; margin-top: 5px; } #jp-thermal-tape-release-content .pack-spec { grid-template-columns: 1fr; gap: 25px; padding-block: 12px 35px; } #jp-thermal-tape-release-content .product-data > div { grid-template-columns: 130px minmax(0px, 1fr); font-size: 12px; } #jp-thermal-tape-release-content .resources { grid-template-columns: 1fr; gap: 30px; padding-block: 35px; } #jp-thermal-tape-release-content .resources h2 { font-size: 28px; } #jp-thermal-tape-release-content .video-resource { padding-top: 28px; border-top: 1px solid var(--line); } #jp-thermal-tape-release-content .resources h3 { font-size: 25px; } #jp-thermal-tape-release-content .resources p { font-size: 13px; } #jp-thermal-tape-release-content .faq { padding-block: 40px; gap: 25px; } #jp-thermal-tape-release-content .faq h2 { font-size: 34px; } #jp-thermal-tape-release-content summary { font-size: 14px; } #jp-thermal-tape-release-content details p { font-size: 13px; } #jp-thermal-tape-release-content .contact-band > .wrap { padding-block: 40px; gap: 25px; } #jp-thermal-tape-release-content .contact-band h2 { font-size: 33px; } #jp-thermal-tape-release-content .contact-band p { font-size: 13px; } #jp-thermal-tape-release-content .references { padding-block: 26px; } #jp-thermal-tape-release-content .references p { font-size: 10px; } #jp-thermal-tape-release-content .footer-links { gap: 13px 30px; } #jp-thermal-tape-release-content .footer-links a { font-size: 11px; } } @media (max-width: 350px) { #jp-thermal-tape-release-content .jp-hero-title { font-size: 59px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value { font-size: 23px; } #jp-thermal-tape-release-content .size-number { font-size: 49px; } #jp-thermal-tape-release-content .wordmark { font-size: 28px; } #jp-thermal-tape-release-content .pack-pair img { height: 155px; } #jp-thermal-tape-release-content .process-index a { font-size: 9px; } } @media (prefers-reduced-motion: reduce) { #jp-thermal-tape-release-content * { scroll-behavior: auto !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; } } #jp-thermal-tape-release-content .size-proof .wipe-dimension img { aspect-ratio: auto; object-fit: contain; width: 100%; height: auto; } #jp-thermal-tape-release-content .scene { position: relative; } #jp-thermal-tape-release-content .wipe-size-label { position: absolute; left: 18px; bottom: 18px; background: var(--paper); color: var(--ink); padding: 12px 15px; display: flex; flex-direction: column; max-width: calc(100% - 36px); line-height: 1.35; box-shadow: 0 2px 12px var(--annotation-shadow); } #jp-thermal-tape-release-content .wipe-size-label strong { font-size: 23px; font-weight: 500; letter-spacing: -0.025em; } #jp-thermal-tape-release-content .wipe-size-label span { font-size: 12px; margin-top: 4px; } #jp-thermal-tape-release-content .wipe-size-label small { font-size: 12px; color: var(--muted); margin-top: 4px; } @media (max-width: 600px) { #jp-thermal-tape-release-content .wipe-size-label { left: 12px; bottom: 12px; padding: 10px 12px; } #jp-thermal-tape-release-content .wipe-size-label strong { font-size: 21px; } #jp-thermal-tape-release-content .wipe-size-label span { font-size: 12px; } #jp-thermal-tape-release-content .wipe-size-label small { font-size: 12px; } } #jp-thermal-tape-release-content .syringe-reference { display: grid; grid-template-columns: 110px minmax(0px, 1fr); gap: 18px; align-items: center; border-top: 1px solid var(--line); padding-top: 18px; margin-top: 22px; } #jp-thermal-tape-release-content .syringe-reference img { width: 110px; height: 110px; object-fit: contain; } #jp-thermal-tape-release-content .syringe-reference strong { font-size: 12px; font-weight: 500; line-height: 1.5; } #jp-thermal-tape-release-content .syringe-reference p { font-size: 11px; line-height: 1.6; margin-top: 7px; } @media (max-width: 600px) { #jp-thermal-tape-release-content .syringe-reference { grid-template-columns: 85px minmax(0px, 1fr); gap: 13px; } #jp-thermal-tape-release-content .syringe-reference img { width: 85px; height: 85px; } #jp-thermal-tape-release-content .syringe-reference p { font-size: 11px; } } #jp-thermal-tape-release-content .size-proof .wipe-dimension figcaption { font-size: 12px; line-height: 1.6; } #jp-thermal-tape-release-content .engineering { padding-block: 60px; border-bottom: 1px solid var(--line); } #jp-thermal-tape-release-content .engineering-heading { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 8%; align-items: end; margin-bottom: 24px; } #jp-thermal-tape-release-content .engineering-heading > p { font-size: 16px; color: var(--muted); max-width: 440px; } #jp-thermal-tape-release-content .engineering .pack-spec { padding-bottom: 0px; padding-top: 0px; } #jp-thermal-tape-release-content .engineering-docs h3 { font-size: 24px; margin-bottom: 17px; } #jp-thermal-tape-release-content .engineering-links { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 20px; } #jp-thermal-tape-release-content .engineering-links .text-link { margin: 0px; } #jp-thermal-tape-release-content .packaging-note { margin-top: 12px; padding-bottom: 50px; } @media (max-width: 600px) { #jp-thermal-tape-release-content .engineering { padding-block: 42px; } #jp-thermal-tape-release-content .engineering-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 24px; } #jp-thermal-tape-release-content .engineering-heading > p { font-size: 14px; } #jp-thermal-tape-release-content .engineering .pack-spec { gap: 30px; } #jp-thermal-tape-release-content .engineering-docs h3 { font-size: 25px; } #jp-thermal-tape-release-content .packaging-note { padding-bottom: 35px; } } #jp-thermal-tape-release-content #reapply figcaption { font-size: 12px; line-height: 1.6; } #jp-thermal-tape-release-content .hero-photo img { aspect-ratio: 1.22 / 1; object-fit: cover; } #jp-thermal-tape-release-content .hero { padding-block: 20px 60px; } #jp-thermal-tape-release-content .jp-hero-title { font-size: clamp(52px, 6.2vw, 84px); } #jp-thermal-tape-release-content .hero-facts { grid-template-columns: 1fr 1fr; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value { font-size: 21px; letter-spacing: -0.02em; } #jp-thermal-tape-release-content .eyebrow { color: var(--blue); font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; margin-bottom: 18px; } #jp-thermal-tape-release-content .intro { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: end; padding-block: 70px 35px; } #jp-thermal-tape-release-content .intro p { color: var(--muted); font-size: 16px; line-height: 1.7; } #jp-thermal-tape-release-content .wide-figure img { width: 100%; height: auto; } #jp-thermal-tape-release-content .wide-figure figcaption { font-size: 12px; max-width: 960px; } #jp-thermal-tape-release-content .interface-band { background: rgb(241, 243, 245); padding-bottom: 55px; } #jp-thermal-tape-release-content .legend { display: flex; gap: 25px; flex-wrap: wrap; font-size: 12px; padding-top: 25px; } #jp-thermal-tape-release-content .legend .jp-tape-legend-key::before { content: ""; display: inline-block; width: 17px; height: 8px; background: rgb(13, 103, 170); margin-right: 8px; } #jp-thermal-tape-release-content .legend .jp-tape-legend-liner::before { background: rgb(189, 217, 230); border: 1px dashed rgb(88, 138, 160); } #jp-thermal-tape-release-content .legend .jp-tape-legend-metal::before { background: rgb(136, 152, 166); } #jp-thermal-tape-release-content .application { padding: 60px 0px; border-top: 1px solid var(--line); } #jp-thermal-tape-release-content .application-top { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; margin-bottom: 27px; align-items: end; } #jp-thermal-tape-release-content .application-top h3 { font-size: 40px; } #jp-thermal-tape-release-content .application-top p { font-size: 15px; color: var(--muted); } #jp-thermal-tape-release-content .app-scene { position: relative; overflow: hidden; background: rgb(244, 245, 245); } #jp-thermal-tape-release-content .app-scene > img { width: 100%; aspect-ratio: 1.7 / 1; object-fit: contain; } #jp-thermal-tape-release-content .interface-strip { display: flex; align-items: stretch; border: 1px solid var(--line); margin-top: 24px; } #jp-thermal-tape-release-content .interface-strip > div { flex: 1 1 0%; padding: 17px 22px; font-size: 12px; line-height: 1.5; } #jp-thermal-tape-release-content .interface-strip strong { display: block; font-size: 15px; font-weight: 500; margin-bottom: 3px; } #jp-thermal-tape-release-content .interface-strip .tape { background: var(--blue); color: white; } #jp-thermal-tape-release-content .interface-strip small { display: block; font-size: 11px; color: var(--muted); } #jp-thermal-tape-release-content .interface-strip .tape small { color: rgb(219, 233, 245); } #jp-thermal-tape-release-content .case-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; margin-top: 22px; } #jp-thermal-tape-release-content .case-notes p { font-size: 13px; line-height: 1.75; color: var(--muted); } #jp-thermal-tape-release-content .case-notes strong { display: block; color: var(--ink); font-weight: 500; font-size: 15px; margin-bottom: 7px; } #jp-thermal-tape-release-content .app-links { display: flex; gap: 12px; flex-wrap: wrap; padding-bottom: 30px; } #jp-thermal-tape-release-content .app-links a { padding: 10px 15px; border: 1px solid var(--line); text-decoration: none; font-size: 12px; } #jp-thermal-tape-release-content .app-links a:hover { color: var(--blue); border-color: var(--blue); } #jp-thermal-tape-release-content .highlight { color: var(--blue); } #jp-thermal-tape-release-content .installation { background: rgb(245, 246, 247); padding-bottom: 25px; } #jp-thermal-tape-release-content .install-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 32px; padding-top: 35px; } #jp-thermal-tape-release-content .install-step img { width: 100%; aspect-ratio: 1.4 / 1; object-fit: contain; background: white; } #jp-thermal-tape-release-content .install-step h3 { font-size: 28px; margin: 20px 0px 14px; } #jp-thermal-tape-release-content .install-step p { font-size: 14px; line-height: 1.75; color: var(--muted); } #jp-thermal-tape-release-content .install-step figcaption { font-size: 11px; } #jp-thermal-tape-release-content .install-step { padding-bottom: 20px; } #jp-thermal-tape-release-content .readiness { margin-block: 50px; } #jp-thermal-tape-release-content .comparison { padding-block: 60px; } #jp-thermal-tape-release-content .compare-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 35px; } #jp-thermal-tape-release-content .compare-grid > div { border-top: 3px solid var(--line); padding-top: 20px; } #jp-thermal-tape-release-content .compare-grid > div:first-child { border-color: var(--blue); } #jp-thermal-tape-release-content .compare-grid h3 { font-size: 25px; margin: 18px 0px; } #jp-thermal-tape-release-content .compare-grid p { font-size: 13px; color: var(--muted); } #jp-thermal-tape-release-content .compare-diagram { height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3px; background: rgb(244, 245, 247); } #jp-thermal-tape-release-content .compare-diagram span { width: 70%; height: 26px; background: rgb(166, 176, 184); } #jp-thermal-tape-release-content .compare-diagram i { width: 70%; height: 7px; background: var(--blue); } #jp-thermal-tape-release-content .compare-diagram.pad i { height: 20px; background: rgb(109, 165, 156); } #jp-thermal-tape-release-content .compare-diagram.paste i { height: 3px; background: rgb(101, 110, 119); } #jp-thermal-tape-release-content .note-band { border-left: 3px solid var(--blue); padding: 16px 20px; font-size: 13px; color: var(--muted); background: rgb(245, 247, 248); margin-top: 25px; } #jp-thermal-tape-release-content .review-link { font-size: 12px; color: var(--blue); } #jp-thermal-tape-release-content .sources-list { font-size: 12px; line-height: 1.9; padding-left: 19px; color: var(--muted); } #jp-thermal-tape-release-content .sources-list a { color: var(--link); } #jp-thermal-tape-release-content .ready-note { font-size: 12px; } #jp-thermal-tape-release-content .section-nav .wrap { gap: 28px; } #jp-thermal-tape-release-content .product-data > div { grid-template-columns: 150px 1fr; } #jp-thermal-tape-release-content .app-scene .jp-svg-image { position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; } #jp-thermal-tape-release-content .mobile-callout { display: none; } @media (max-width: 850px) { #jp-thermal-tape-release-content .application-top { gap: 7%; } #jp-thermal-tape-release-content .application-top h3 { font-size: 32px; } #jp-thermal-tape-release-content .interface-strip > div { padding: 15px; } #jp-thermal-tape-release-content .section-nav .wrap { overflow-x: auto; } #jp-thermal-tape-release-content .section-nav a:last-child { margin-left: 0px; } } @media (max-width: 600px) { #jp-thermal-tape-release-content .hero { padding-block: 0px 35px; } #jp-thermal-tape-release-content .jp-hero-title { font-size: 58px; } #jp-thermal-tape-release-content .hero-facts .jp-definition-value { font-size: 20px; } #jp-thermal-tape-release-content .hero-photo img { aspect-ratio: 1.4 / 1; } #jp-thermal-tape-release-content .intro { grid-template-columns: 1fr; gap: 24px; padding-block: 45px 25px; } #jp-thermal-tape-release-content .intro p { font-size: 14px; } #jp-thermal-tape-release-content .interface-band { padding-bottom: 32px; } #jp-thermal-tape-release-content .wide-figure { margin-inline: -10px; } #jp-thermal-tape-release-content .wide-figure figcaption { font-size: 11px; margin-inline: 10px; } #jp-thermal-tape-release-content .legend { gap: 13px; font-size: 11px; } #jp-thermal-tape-release-content .application { padding-block: 35px; } #jp-thermal-tape-release-content .application-top { grid-template-columns: 1fr; gap: 20px; margin-bottom: 23px; } #jp-thermal-tape-release-content .application-top h3 { font-size: 33px; } #jp-thermal-tape-release-content .application-top p { font-size: 14px; } #jp-thermal-tape-release-content .app-scene > img { aspect-ratio: 1.18 / 1; object-fit: cover; } #jp-thermal-tape-release-content .app-scene .jp-svg-image { display: none; } #jp-thermal-tape-release-content .mobile-callout { display: block; font-size: 12px; padding: 10px 12px; background: var(--blue); color: white; } #jp-thermal-tape-release-content .interface-strip { display: block; margin-top: 18px; } #jp-thermal-tape-release-content .interface-strip > div { padding: 13px 16px; } #jp-thermal-tape-release-content .interface-strip strong { font-size: 15px; } #jp-thermal-tape-release-content .case-notes { grid-template-columns: 1fr; gap: 17px; } #jp-thermal-tape-release-content .case-notes p { font-size: 13px; } #jp-thermal-tape-release-content .app-links { gap: 8px; } #jp-thermal-tape-release-content .app-links a { font-size: 11px; padding: 10px 12px; } #jp-thermal-tape-release-content .install-grid { grid-template-columns: 1fr; gap: 28px; } #jp-thermal-tape-release-content .install-step h3 { font-size: 27px; } #jp-thermal-tape-release-content .install-step p { font-size: 14px; } #jp-thermal-tape-release-content .compare-grid { grid-template-columns: 1fr; gap: 30px; } #jp-thermal-tape-release-content .comparison { padding-block: 42px; } #jp-thermal-tape-release-content .product-data > div { grid-template-columns: 120px 1fr; } #jp-thermal-tape-release-content .readiness { margin-block: 35px; } #jp-thermal-tape-release-content .hero-foot { line-height: 1.7; } #jp-thermal-tape-release-content .app-scene .mobile-callout { line-height: 1.5; } } #jp-thermal-tape-release-content .app-scene > img { aspect-ratio: 1.5 / 1; object-fit: contain; } @media (max-width: 600px) { #jp-thermal-tape-release-content .app-scene > img { aspect-ratio: 1.5 / 1; object-fit: contain; } } #jp-thermal-tape-release-content .bond-safety { padding-block: 72px 64px; } #jp-thermal-tape-release-content .assurance-heading { max-width: 780px; } #jp-thermal-tape-release-content .assurance-heading > p:last-child { font-size: 17px; line-height: 1.7; max-width: 650px; color: var(--muted); margin-top: 24px; } #jp-thermal-tape-release-content .assurance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; margin-top: 43px; } #jp-thermal-tape-release-content .assurance-grid article { border-top: 1px solid var(--line); padding-top: 24px; } #jp-thermal-tape-release-content .assurance-grid h3 { font-size: 26px; margin-bottom: 18px; } #jp-thermal-tape-release-content .assurance-grid p { font-size: 14px; color: var(--muted); line-height: 1.75; } #jp-thermal-tape-release-content .assurance-grid .assurance-detail { font-size: 11px; color: var(--blue); margin-top: 24px; letter-spacing: 0.015em; } #jp-thermal-tape-release-content .assurance-note { font-size: 12px; line-height: 1.7; color: var(--muted); border-left: 3px solid var(--blue); padding-left: 18px; margin-top: 35px; max-width: 930px; } #jp-thermal-tape-release-content .dimension-section { background: rgb(244, 246, 247); padding-bottom: 65px; margin-top: 45px; } #jp-thermal-tape-release-content .dimension-section .intro { align-items: center; } #jp-thermal-tape-release-content .dimension-section .wide-figure { border: 1px solid rgb(214, 224, 230); background: rgb(243, 246, 247); } #jp-thermal-tape-release-content .dimension-section figcaption { padding: 18px 24px; font-size: 12px; max-width: none; border-top: 1px solid rgb(214, 224, 230); background: white; } #jp-thermal-tape-release-content .dimension-notes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 35px; } #jp-thermal-tape-release-content .dimension-notes h3 { font-size: 24px; margin-bottom: 18px; } #jp-thermal-tape-release-content .dimension-notes p { font-size: 13px; line-height: 1.75; color: var(--muted); } #jp-thermal-tape-release-content #jp-thermal-tape-size img, #jp-thermal-tape-release-content #jp-thermal-tape-remove-liner img { aspect-ratio: 1.5 / 1; object-fit: contain; } #jp-thermal-tape-release-content #jp-thermal-tape-remove-liner h3, #jp-thermal-tape-release-content #jp-thermal-tape-size h3 { font-size: 31px; } #jp-thermal-tape-release-content .section-nav .wrap { gap: 25px; } @media (max-width: 850px) { #jp-thermal-tape-release-content .assurance-grid { gap: 24px; } #jp-thermal-tape-release-content .assurance-grid h3 { font-size: 23px; } #jp-thermal-tape-release-content .dimension-notes { gap: 24px; } #jp-thermal-tape-release-content .dimension-notes h3 { font-size: 21px; } } @media (max-width: 600px) { #jp-thermal-tape-release-content .bond-safety { padding-block: 45px; } #jp-thermal-tape-release-content .assurance-heading > p:last-child { font-size: 15px; margin-top: 22px; } #jp-thermal-tape-release-content .assurance-grid { grid-template-columns: 1fr; gap: 24px; margin-top: 29px; } #jp-thermal-tape-release-content .assurance-grid article { padding-top: 22px; } #jp-thermal-tape-release-content .assurance-grid h3 { font-size: 28px; margin-bottom: 15px; } #jp-thermal-tape-release-content .assurance-grid .assurance-detail { margin-top: 16px; font-size: 12px; } #jp-thermal-tape-release-content .assurance-note { margin-top: 28px; } #jp-thermal-tape-release-content .dimension-section { margin-top: 35px; padding-bottom: 40px; } #jp-thermal-tape-release-content .dimension-section .wide-figure { margin-inline: 0px; } #jp-thermal-tape-release-content .dimension-section figcaption { margin: 0px; padding: 16px; font-size: 12px; } #jp-thermal-tape-release-content .dimension-notes { grid-template-columns: 1fr; gap: 28px; margin-top: 30px; } #jp-thermal-tape-release-content .dimension-notes h3 { font-size: 26px; margin-bottom: 14px; } #jp-thermal-tape-release-content .dimension-notes p { font-size: 14px; } #jp-thermal-tape-release-content #jp-thermal-tape-remove-liner h3, #jp-thermal-tape-release-content #jp-thermal-tape-size h3 { font-size: 28px; } } #jp-thermal-tape-release-content .tim-selection { padding-top: 88px; padding-bottom: 88px; scroll-margin-top: 100px; } #jp-thermal-tape-release-content .tim-selection .tim-intro { max-width: 780px; margin-bottom: 32px; } #jp-thermal-tape-release-content .tim-selection .tim-intro p { font-size: 18px; line-height: 1.6; color: var(--muted,#536575); } #jp-thermal-tape-release-content .tim-selection .tim-route { padding: 20px 0px; border-top: 1px solid var(--line,#d6dee8); border-bottom: 1px solid var(--line,#d6dee8); color: var(--blue,#064b93); font-size: 18px; line-height: 1.65; margin: 0px 0px 36px; } #jp-thermal-tape-release-content .tim-selection .tim-route span { white-space: nowrap; } #jp-thermal-tape-release-content .tim-selection .tim-route b, #jp-thermal-tape-release-content .tim-selection .tim-route strong { font-weight: 400; padding: 0px 8px; color: var(--muted,#536575); } #jp-thermal-tape-release-content .tim-selection .tim-family-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 26px; } #jp-thermal-tape-release-content .tim-selection .tim-family { min-width: 0px; } #jp-thermal-tape-release-content .tim-selection .tim-family h3 { font-size: 28px; line-height: 1.15; letter-spacing: -0.03em; font-weight: 500; margin: 20px 0px 8px; color: var(--navy,#24364b); } #jp-thermal-tape-release-content .tim-selection .tim-family figure { margin: 0px; } #jp-thermal-tape-release-content .tim-selection .tim-family img { display: block; width: 100%; height: auto; } #jp-thermal-tape-release-content .tim-selection .tim-family .tim-job { font-size: 18px; color: var(--blue,#064b93); line-height: 1.5; min-height: 54px; margin: 0px 0px 18px; } #jp-thermal-tape-release-content .tim-selection .tim-family .jp-definition-list { margin: 0px; } #jp-thermal-tape-release-content .tim-selection .tim-family .jp-definition-list > div { padding: 15px 0px; border-top: 1px solid var(--line,#d6dee8); } #jp-thermal-tape-release-content .tim-selection .tim-family .jp-definition-term { font-weight: 700; font-size: 14px; line-height: 1.5; margin: 0px 0px 4px; color: var(--navy,#24364b); } #jp-thermal-tape-release-content .tim-selection .tim-family .jp-definition-value { margin: 0px; font-size: 16px; line-height: 1.65; color: var(--muted,#536575); } #jp-thermal-tape-release-content .tim-selection .tim-gel-status { display: inline-block; margin: 12px 0px 0px; font-size: 13px; padding: 4px 9px; border: 1px solid rgb(191, 203, 215); color: var(--navy,#24364b); } #jp-thermal-tape-release-content .tim-selection .tim-note { border-top: 1px solid var(--line,#d6dee8); margin: 32px 0px 0px; padding-top: 22px; color: var(--muted,#536575); font-size: 15px; line-height: 1.7; } #jp-thermal-tape-release-content .tim-selection .tim-note strong { color: var(--navy,#24364b); } #jp-thermal-tape-release-content .tim-selection .tim-map-link { display: inline-block; margin-top: 18px; color: var(--blue,#064b93); text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 960px) { #jp-thermal-tape-release-content .tim-selection .tim-family-grid { grid-template-columns: 1fr; gap: 38px; } #jp-thermal-tape-release-content .tim-selection .tim-family { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 24px; } #jp-thermal-tape-release-content .tim-selection .tim-family h3 { margin-top: 0px; } #jp-thermal-tape-release-content .tim-selection .tim-family .tim-job { min-height: 0px; } #jp-thermal-tape-release-content .tim-selection .tim-family figure { align-self: start; } } @media (max-width: 620px) { #jp-thermal-tape-release-content .tim-selection { padding-top: 56px; padding-bottom: 56px; } #jp-thermal-tape-release-content .tim-selection .tim-family { display: block; } #jp-thermal-tape-release-content .tim-selection .tim-family h3 { margin-top: 20px; } #jp-thermal-tape-release-content .tim-selection .tim-intro p { font-size: 16px; } #jp-thermal-tape-release-content .tim-selection .tim-route { font-size: 16px; } #jp-thermal-tape-release-content .tim-selection .tim-route b, #jp-thermal-tape-release-content .tim-selection .tim-route strong { padding: 0px 4px; } } #jp-thermal-tape-release-content .tim-selection .tim-quick { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; margin: 0px 0px 30px; } #jp-thermal-tape-release-content .tim-selection .tim-quick a { color: var(--blue,#064b93); font-size: 16px; line-height: 1.6; text-decoration: none; border-bottom: 1px solid var(--line,#d6dee8); padding-bottom: 14px; } #jp-thermal-tape-release-content .tim-selection .tim-quick strong { display: block; color: var(--navy,#24364b); font-weight: 500; } #jp-thermal-tape-release-content .tim-selection .tim-product-link { display: block; margin-top: 16px; color: var(--blue,#064b93); font-size: 16px; text-underline-offset: 4px; } #jp-thermal-tape-release-content .tim-selection .tim-family { scroll-margin-top: 100px; } @media (max-width: 700px) { #jp-thermal-tape-release-content .tim-selection .tim-quick { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; } } #jp-thermal-tape-release-content .tim-selection .tim-intro .eyebrow { font-size: 11px; color: var(--blue); line-height: 1.5; margin-bottom: 18px; } #jp-thermal-tape-release-content .tim-intro h2 { margin-bottom: 24px; } #jp-thermal-tape-release-content .tim-checks { margin-top: 15px; border-top: 1px solid var(--line); padding-top: 15px; } #jp-thermal-tape-release-content .tim-checks summary { cursor: pointer; color: var(--blue); font-size: 14px; line-height: 1.6; min-height: 32px; } #jp-thermal-tape-release-content .tim-checks summary:hover { text-decoration: underline; } #jp-thermal-tape-release-content .tim-checks[open] summary { margin-bottom: 12px; } #jp-thermal-tape-release-content .tim-checks .jp-definition-list > div:first-child { border-top: 0px; } #jp-thermal-tape-release-content .tim-back { display: inline-block; font-size: 12px; color: var(--blue); margin-top: 18px; } #jp-thermal-tape-release-content .tim-connections { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--line); } #jp-thermal-tape-release-content .tim-connections h3 { font-size: 28px; } #jp-thermal-tape-release-content .tim-connections p { margin-top: 15px; color: var(--muted); font-size: 14px; } #jp-thermal-tape-release-content .tim-connections nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; } #jp-thermal-tape-release-content .tim-connections nav a { display: block; border: 1px solid var(--line); padding: 10px 15px; color: var(--blue); font-size: 13px; text-decoration: none; } #jp-thermal-tape-release-content .tim-connections nav a:hover { border-color: var(--blue); } #jp-thermal-tape-release-content .tim-selection .tim-gel-notes { margin-top: 24px; } #jp-thermal-tape-release-content .tim-gel-notes .tim-note { border: 0px; padding: 0px; margin-top: 15px; } #jp-thermal-tape-release-content .tim-selection .tim-family-grid { row-gap: 55px; } #jp-thermal-tape-release-content .tim-selection .tim-family { border-bottom: 1px solid var(--line); padding-bottom: 25px; } #jp-thermal-tape-release-content .tim-selection .tim-family .tim-job { min-height: 0px; } #jp-thermal-tape-release-content .tim-selection .tim-note { font-size: 14px; } #jp-thermal-tape-release-content .tim-map-link { font-size: 13px; } @media (max-width: 620px) { #jp-thermal-tape-release-content .tim-selection { padding-block: 45px; } #jp-thermal-tape-release-content .tim-selection .tim-family .jp-definition-value { font-size: 14px; } #jp-thermal-tape-release-content .tim-selection .tim-family .tim-job { font-size: 17px; } #jp-thermal-tape-release-content .tim-selection .tim-route { font-size: 14px; } #jp-thermal-tape-release-content .tim-selection .tim-quick a { font-size: 14px; } #jp-thermal-tape-release-content .tim-selection .tim-family-grid { gap: 36px; } #jp-thermal-tape-release-content .tim-family h3 { font-size: 30px; } #jp-thermal-tape-release-content .tim-intro h2 { font-size: 35px; } } /* Full-main-column integration. Native media/specs/video/downloads remain outside this root. */ #jp-thermal-tape-release-content{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-inline:0;container-type:inline-size;} #jp-thermal-tape-release-content>section,#jp-thermal-tape-release-content>nav,#jp-thermal-tape-release-content>div{min-width:0;max-width:100%;} #jp-thermal-tape-release-content>.wrap{width:100%;margin-inline:0;padding-inline:48px;} #jp-thermal-tape-release-content>.hero{grid-template-columns:minmax(0,1fr);} @container(max-width:1100px){#jp-thermal-tape-release-content>.wrap{padding-inline:32px;}} @container(max-width:600px){#jp-thermal-tape-release-content>.wrap{padding-inline:20px;}} /* Preserve thermal-path order while allowing its phrases to wrap within the main column. */ #jp-thermal-tape-release-content .tim-selection .tim-route{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;} #jp-thermal-tape-release-content .tim-selection .tim-route span{min-width:0;max-width:100%;white-space:normal;} /* Preserve approved heading inheritance against Joomla global heading colors. */ #jp-dl700-release-content :where(h1,h2,h3,h4,h5,h6){color:inherit;} body.itemid-333:has(#jp-thermal-tape-release-content) #jp-product-inquiry-title{scroll-margin-top:120px;} /* DL700 main-image enhancement: scoped to the exact gallery, preserving the native square slot. */ #jp-dl700-main-gallery{width:100%;min-width:0;--jp-gallery-scale:1;--jp-gallery-art-width:700px;color:#16476c;font-family:Arial,sans-serif} #jp-dl700-main-gallery .jp-gallery-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;isolation:isolate;background:#fff} #jp-dl700-main-gallery .jp-gallery-pane{position:absolute;inset:0;width:100%;height:100%;background:#fff} #jp-dl700-main-gallery [hidden]{display:none!important} #jp-dl700-main-gallery .jp-gallery-pane>.tz_portfolio_plus_image{width:100%;height:100%} #jp-dl700-main-gallery .jp-gallery-pane>.tz_portfolio_plus_image img{display:block;width:100%;height:100%;object-fit:contain} #jp-dl700-main-gallery .jp-gallery-pane>.jp-gallery-art{position:absolute;left:50%;top:50%;width:var(--jp-gallery-art-width);transform:translate(-50%,-50%) scale(var(--jp-gallery-scale));transform-origin:center} #jp-dl700-main-gallery .jp-gallery-art{position:relative;display:block;background:#fff;isolation:isolate;min-width:0;padding:0} #jp-dl700-main-gallery .jp-gallery-art .inline-image{margin:0;width:100%} #jp-dl700-main-gallery .jp-gallery-art img{display:block;width:100%;height:auto;max-width:none} #jp-dl700-main-gallery .jp-gallery-art .callout-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible} #jp-dl700-main-gallery .jp-gallery-art .interface-callout{position:absolute;z-index:3;transform:translateY(-50%);pointer-events:none;background:#fffffff5;border:1px solid #abc5d9;border-left:4px solid #1769a5;border-radius:3px;padding:8px 10px;box-shadow:0 2px 8px #183f6124;color:#16476c;font-family:Arial,sans-serif;line-height:1.25} #jp-dl700-main-gallery .jp-gallery-art .interface-callout strong{display:block;font-size:14px;font-weight:600} #jp-dl700-main-gallery .jp-gallery-art .interface-callout small{display:block;font-size:12px;line-height:1.35;margin-top:4px;color:#5c6e7a} #jp-dl700-main-gallery .jp-gallery-thumbs{position:relative;display:flex;gap:12px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding-inline:3px;padding:3px 3px 10px;margin-top:12px;touch-action:pan-x pan-y} #jp-dl700-main-gallery .jp-gallery-thumbs button{position:relative;flex:0 0 108px;min-height:92px;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;padding:7px 0 10px;box-shadow:none;cursor:pointer;color:inherit} #jp-dl700-main-gallery .jp-gallery-thumbs img{height:76px;width:100%;object-fit:contain;display:block} #jp-dl700-main-gallery .jp-gallery-thumbs button[aria-pressed=true]::after{content:'';position:absolute;bottom:0;left:35%;right:35%;height:2px;background:currentColor} #jp-dl700-main-gallery button:focus-visible,#jp-dl700-main-gallery [tabindex]:focus-visible{outline:3px solid #1769a5;outline-offset:2px} #jp-dl700-main-gallery [data-jp-gallery-enlarge]{position:absolute;right:8px;bottom:8px;z-index:4;border:1px solid #b9c8d2;border-radius:3px;background:#fff;color:#16476c;padding:8px 10px;font:inherit;font-size:13px;line-height:1.4;min-height:40px;cursor:pointer} #jp-dl700-main-gallery .jp-gallery-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #jp-dl700-main-gallery .jp-gallery-entering{animation:jp-dl700-enter-right 600ms cubic-bezier(.22,.72,.25,1) both} #jp-dl700-main-gallery .jp-gallery-leaving{animation:jp-dl700-exit-right 600ms cubic-bezier(.22,.72,.25,1) both;pointer-events:none} @keyframes jp-dl700-enter-right{from{transform:translateX(-100%)}to{transform:translateX(0)}} @keyframes jp-dl700-exit-right{from{transform:translateX(0)}to{transform:translateX(100%)}} #jp-dl700-main-gallery [data-jp-gallery-dialog]{width:calc(100% - 24px);max-width:1100px;max-height:calc(100% - 24px);padding:0;border:1px solid #b9c8d2;border-radius:4px;background:#fff;color:#16476c;overflow:hidden;margin:auto} #jp-dl700-main-gallery [data-jp-gallery-dialog]::backdrop{background:#000b} #jp-dl700-main-gallery .jp-gallery-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #dce4e9;font-size:14px;line-height:1.5} #jp-dl700-main-gallery .jp-gallery-dialog-bar button{flex:none;background:#fff;border:1px solid #b9c8d2;border-radius:3px;color:#16476c;min-height:44px;padding:8px 14px;font:inherit;cursor:pointer} #jp-dl700-main-gallery .jp-gallery-dialog-scroll{overflow:auto;overscroll-behavior:contain;max-height:calc(100dvh - 150px);padding:20px 0;touch-action:pan-x pan-y} #jp-dl700-main-gallery .jp-gallery-dialog-scroll .jp-gallery-art{width:100%;min-width:700px;transform:none} @media(prefers-reduced-motion:reduce){#jp-dl700-main-gallery .jp-gallery-entering,#jp-dl700-main-gallery .jp-gallery-leaving{animation:none}} /* Exact accepted overlay appearance, scoped for complete-stage clones. */ #jp-dl700-main-gallery .jp-gallery-art .leader{fill:none;stroke:#145f98;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 1px 1px #fff)} #jp-dl700-main-gallery .jp-gallery-art .leader-grease{stroke:#c66c14;stroke-width:3} #jp-dl700-main-gallery .jp-gallery-art .target{fill:#145f98;stroke:white;stroke-width:1.5;vector-effect:non-scaling-stroke} #jp-dl700-main-gallery .jp-gallery-art .target-grease{fill:#d77917;stroke-width:2} #jp-dl700-main-gallery .jp-gallery-art .callout-grease{background:#fff9eff7;border-color:#d9a05d;border-left:5px solid #c66c14;color:#874100} #jp-dl700-main-gallery .jp-gallery-art .callout-grease strong{font-size:clamp(15px,1.6vw,19px)} #jp-dl700-main-gallery .jp-gallery-art .callout-grease small{color:#7c603d} #jp-dl700-main-gallery .jp-gallery-art .callout-grease strong{font-size:16px}