/* Shared long-form treatment for new Vigorapid Notes articles. */
.notes-reading{background:#fff;color:#232c2d}
.note-cover{margin:0;background:#e7eaed}
.note-cover-frame{position:relative;width:min(100%,calc((100svh - 220px)*2.35));margin:auto;container-type:inline-size}
.note-cover .story-hero-image{position:static;z-index:0;display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.note-cover .story-heading{position:absolute;z-index:1;top:5%;left:4%;width:42%;max-width:620px}
.note-cover .story-back{font-size:13px;min-height:28px;margin-bottom:13px}
.note-cover .eyebrow{font-size:12px;line-height:1.5;margin:0 0 12px;color:#52636b}
.note-cover h1{font-size:38px;line-height:1.3;font-weight:600;letter-spacing:0;text-shadow:none;margin:0 0 16px;text-wrap:balance}
.note-cover .story-subtitle{font-size:16px;line-height:1.65;max-width:460px;margin:0}
.note-cover .story-reading{margin:15px 0 0}
.note-cover-caption{margin:0;padding:12px 28px;text-align:center;color:#657074;font-size:12px;line-height:1.7;border-bottom:1px solid #dce2e3}
.notes-prose{max-width:1264px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr);padding:38px 32px 68px;font-size:18px;line-height:1.95}
.notes-prose>*{grid-column:2;min-width:0}
.notes-prose p{margin:0 0 25px}
.notes-prose .note-lead{font-size:21px;line-height:1.85;color:#344951;margin-bottom:28px}
.notes-prose .note-thesis{font-size:22px;line-height:1.8;font-weight:500;margin:8px 0 32px;color:#205b50}
.notes-prose h2{font-size:29px;line-height:1.5;margin:44px 0 24px;padding-top:24px;border-top:1px solid #ccd6d5;scroll-margin-top:112px}
.notes-prose h3{font-size:22px;line-height:1.6;margin:28px 0 18px;scroll-margin-top:112px}
.notes-prose .article-contents{margin:0 0 32px;font-size:14px}
.notes-prose .article-contents ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;list-style:none;padding:0;margin:15px 0 2px}
.notes-prose .article-contents a{font-size:14px;line-height:1.6;display:block;min-height:30px;white-space:normal;border:0}
.note-figure{grid-column:1/-1;width:min(100%,1040px);justify-self:center;margin:12px 0 32px}
.note-figure img{width:100%;height:auto;object-fit:contain}
.note-figure figcaption{font-size:13px;line-height:1.8;color:#657074;margin-top:13px}
.note-diagram-scroll{overflow-x:auto;overscroll-behavior-inline:contain;background:#fff}
.note-diagram{position:relative;min-width:760px;aspect-ratio:1672/941}
.note-diagram img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.diagram-mobile-summary{display:none}
.diagram-label{position:absolute;font-size:14px;line-height:1.35;color:#284e54;background:#fffffff2;padding:2px 4px;max-width:24%}
.modules-diagram .diagram-label:after{content:"";position:absolute;left:5px;top:100%;width:1px;background:#008a92;height:32px}
.modules-diagram .label-tip{left:3%;top:23%;max-width:14%}
.modules-diagram .label-bend{left:11%;top:31%;max-width:17%}
.modules-diagram .label-tube{left:24%;top:57%}
.modules-diagram .label-handle{left:54%;top:14%;max-width:27%}
.modules-diagram .label-handle:after{left:90%;height:58px}
.modules-diagram .label-cable{left:60%;top:80%;max-width:25%}
.modules-diagram .label-cable:after{left:100%;top:0;height:1px;width:30px}
.lighting-diagram .diagram-label{font-size:13px;color:#34424b}
.lighting-diagram .label-direct{left:3%;top:11%;font-size:20px;font-weight:500;max-width:57%;color:#08727f}
.lighting-diagram .label-fiber{left:3%;top:52%;font-size:20px;font-weight:500;max-width:60%;color:#08727f}
.lighting-diagram .label-controller{left:3%;top:36%;max-width:26%}
.lighting-diagram .label-electric{left:40%;top:24%;max-width:26%;color:#006ab7}
.lighting-diagram .label-led{left:74%;top:16%;max-width:22%;color:#9c5d08}
.lighting-diagram .label-camera{left:69%;top:37%;max-width:12%}
.lighting-diagram .label-channel{left:81%;top:37%;max-width:18%}
.lighting-diagram .label-handle-led{left:7%;top:78%;max-width:28%}
.lighting-diagram .label-light-fiber{left:41%;top:62%;color:#9c5d08;max-width:28%}
.lighting-diagram .label-outlet{left:74%;top:56%;max-width:23%;color:#9c5d08}
.lighting-diagram .label-camera-bottom{left:70%;top:79%;max-width:12%}
.lighting-diagram .label-channel-bottom{left:82%;top:79%;max-width:18%}
.notes-table-wrap{grid-column:1/-1;width:min(100%,1040px);justify-self:center;overflow-x:auto;overscroll-behavior-inline:contain;margin:4px 0 30px;border-block:1px solid #ccd6d5}
.notes-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.75;text-align:left}
.notes-table th,.notes-table td{padding:16px 18px;vertical-align:top;border-bottom:1px solid #dce2e3}
.notes-table thead th{background:#edf2f1;font-weight:600;color:#2c4c4a}
.notes-table tbody tr:last-child>*{border-bottom:0}
.notes-table tbody th{font-weight:500;background:#f7f9f8}
.notes-table tbody tr:nth-child(even) td{background:#fafbfb}
.notes-table td{min-width:150px}
.notes-table--t0{max-width:760px}
.notes-table--t0 .notes-table td{white-space:nowrap}
.notes-table--t5 .notes-table{min-width:900px}
.notes-table--t5 .notes-table th:first-child{width:120px}
.notes-table--t5 .notes-table td:nth-child(2){width:130px;min-width:110px}
.notes-table--t5 .notes-table td:nth-child(3){width:300px}
.notes-table--t2 .notes-table,.notes-table--t4 .notes-table{min-width:720px}
.note-formula{font-size:21px;line-height:1.8;color:#205b50;font-weight:500;padding-block:14px}
.notes-prose .article-end{margin-top:30px}
.notes-prose>.post-share{padding-top:24px;margin-top:12px;border-top:1px solid #ccd6d5}
.notes-reading+.comments-section{background:#fafbf9}
@media(min-width:1600px){.note-cover h1{font-size:48px}.note-cover .story-subtitle{font-size:19px}}
@media(max-width:1100px){.note-cover h1{font-size:34px}.note-cover .story-subtitle{font-size:15px}.note-cover .story-reading{margin-top:10px}.note-cover .story-back{margin-bottom:7px}.note-cover .eyebrow{margin-bottom:8px}.notes-prose{grid-template-columns:0 minmax(0,1fr) 0;max-width:900px}.notes-prose h2{font-size:27px}}
@container(max-width:1300px){.note-cover .story-heading{width:48%}.note-cover h1{font-size:30px;line-height:1.25;margin-bottom:12px}.note-cover .story-subtitle{font-size:15px;line-height:1.55}.note-cover .story-back{min-height:22px;margin-bottom:6px}.note-cover .eyebrow{font-size:11px;margin-bottom:8px}.note-cover .story-reading{margin-top:10px;line-height:1.4}.note-cover .story-heading .post-share{margin-top:7px}}
@media(max-width:900px){
  .note-cover-frame{width:100%;display:flex;flex-direction:column;background:#f0f3f4}
  .note-cover .story-heading{position:static;order:-1;width:100%;max-width:none;padding:24px 24px 16px}
  .note-cover h1{font-size:32px;line-height:1.4;max-width:600px}
  .note-cover .story-subtitle{font-size:16px;max-width:600px}
  .note-cover .story-reading{margin-top:16px}
  .note-cover .story-back{margin-bottom:14px}
  .note-cover .eyebrow{font-size:12px}
  .note-cover-caption{text-align:left;padding:12px 24px}
  .notes-prose{padding:28px 24px 46px;font-size:17px;line-height:1.95}
  .notes-prose .note-lead{font-size:19px}
  .notes-prose .note-thesis{font-size:20px}
  .notes-prose h2{font-size:25px;margin-top:34px;scroll-margin-top:200px}
  .notes-prose h3{font-size:21px;scroll-margin-top:200px}
  .notes-prose .article-contents ul{grid-template-columns:1fr;gap:11px}
  .notes-table{font-size:14px}
  .notes-table th,.notes-table td{padding:13px 12px}
  .notes-table--t1 .notes-table,.notes-table--t3 .notes-table{min-width:540px}
  .note-figure{margin:5px 0 26px}
  .note-diagram{min-width:0}
  .diagram-label{display:none}
  .notes-prose .diagram-mobile-summary{display:block;font-size:14px;line-height:1.8;margin:10px 0 0;color:#344951}
  .note-formula{font-size:19px}
}
@media(max-width:360px){.note-cover h1{font-size:28px}.note-cover .story-heading,.notes-prose{padding-inline:20px}.note-cover-caption{padding-inline:20px}}
@media print{.note-cover .story-heading{position:static;width:100%;padding:20px}.note-cover-frame{width:100%}.notes-prose{display:block;max-width:none}.note-diagram{min-width:0}.notes-table-wrap{overflow:visible}.notes-table{min-width:0!important}.notes-prose .article-contents{display:none}}