.l7-article-hero{background:var(--ice);padding:44px 0 66px;border-bottom:1px solid var(--line)}
.l7-article-hero .breadcrumb{margin-bottom:46px}
.l7-article-kicker{margin:0 0 18px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.l7-article-hero h1{max-width:990px;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.02em}
.l7-article-meta{display:flex;gap:18px;margin:27px 0 0;color:var(--muted);font-size:14px;font-weight:600}
.l7-article-meta span+time:before{content:"·";margin-right:18px;color:var(--teal)}
.l7-article-dek{max-width:850px;margin:36px 0 0;color:var(--navy);font-size:clamp(20px,2.1vw,27px);line-height:1.5}
.l7-article-layout{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,800px);gap:clamp(42px,7vw,105px);align-items:start;padding-top:72px;padding-bottom:100px}
.l7-article-toc{position:sticky;top:120px;border-top:2px solid var(--navy);padding-top:18px}
.l7-article-toc p{margin:0 0 17px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.l7-article-toc ol{list-style:none;margin:0;padding:0}
.l7-article-toc li{border-bottom:1px solid var(--line)}
.l7-article-toc li a{display:block;padding:11px 0;color:var(--navy);font-size:15px;line-height:1.35;text-decoration:none}
.l7-article-toc li a:hover,.l7-article-toc li a:focus-visible{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.l7-article-pdf{display:flex;justify-content:space-between;gap:12px;margin-top:24px;color:var(--teal);font-weight:700;font-size:14px;text-decoration:none}
.l7-article-pdf:hover{text-decoration:underline;text-underline-offset:4px}
.l7-article-section{border-top:1px solid var(--line);padding:36px 0 55px;scroll-margin-top:120px}
.l7-article-section:first-child{border-top:2px solid var(--navy);padding-top:30px}
.l7-article-number{display:block;color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.1em;margin-bottom:15px}
.l7-article-content h2{margin:0 0 25px;color:var(--navy);font-size:clamp(34px,3.3vw,47px);line-height:1.08}
.l7-article-content p{margin:0 0 22px;color:var(--ink,var(--navy));font-size:18px;line-height:1.72}
.l7-article-content figure{margin:34px 0 26px}
.l7-article-content figure img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
.l7-article-content figcaption{margin-top:13px;color:var(--muted);font-size:13px;line-height:1.55}
.l7-article-table-scroll{overflow-x:auto;margin:24px 0 29px}
.l7-article-content table{width:100%;border-collapse:collapse;font-size:16px}
.l7-article-content th{text-align:left;background:var(--navy);color:#fff;font-weight:700}
.l7-article-content th,.l7-article-content td{padding:13px 16px;border:1px solid var(--line)}
.l7-article-content tbody tr:nth-child(even){background:var(--ice)}
.l7-article-end{display:flex;justify-content:space-between;gap:24px;border-top:2px solid var(--navy);padding-top:26px}
.l7-article-end a{color:var(--teal);font-weight:700;text-decoration:none}
.l7-article-end a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.l7-article-layout{grid-template-columns:1fr;gap:45px;padding-top:46px}.l7-article-toc{position:static;top:auto}.l7-article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.l7-article-toc li a{font-size:14px}}
@media(max-width:600px){.l7-article-hero{padding:30px 0 45px}.l7-article-hero .breadcrumb{margin-bottom:34px}.l7-article-hero h1{font-size:clamp(44px,12vw,60px)}.l7-article-dek{margin-top:28px;font-size:19px}.l7-article-toc ol{grid-template-columns:1fr}.l7-article-layout{padding-bottom:62px}.l7-article-section{padding-bottom:38px}.l7-article-content p{font-size:17px;line-height:1.65}.l7-article-end{flex-direction:column}}
@media print{.l7-article-toc{display:none}.l7-article-layout{display:block}.l7-article-hero{padding:20px 0}.l7-article-section{break-inside:avoid}}
.l7-article-cooperation{margin:28px 0 0;color:var(--navy);font-size:18px}
.l7-article-language-note{max-width:62ch;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.55;text-wrap:pretty}
.l7-article-language-note + .l7-article-cooperation{margin-top:12px}
.l7-article-content,.l7-article-toc,.l7-presentation-slide{min-width:0}
.l7-presentation-slide{padding:30px 0 38px;border-top:1px solid var(--line)}
.l7-article-section .l7-presentation-slide:first-of-type{border-top:0;padding-top:4px}
.l7-slide-eyebrow{margin:0 0 10px!important;color:var(--teal)!important;font-size:13px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.l7-slide-eyebrow{text-transform:none;letter-spacing:0}
.l7-presentation-slide h3{margin:0 0 20px;color:var(--navy);font-family:"Barlow Condensed",sans-serif;font-size:clamp(29px,3vw,38px);line-height:1.14}
.l7-presentation-slide h4{margin:24px 0 10px;color:var(--navy);font-size:18px;line-height:1.35}
.l7-presentation-list ul{margin:0 0 20px;padding-left:24px;color:var(--navy);font-size:17px;line-height:1.7}
.l7-presentation-list li{padding-left:3px}
.l7-presentation-table-block{margin:28px 0}
.l7-presentation-table-block h4{font-size:19px}
.l7-presentation-table-block table{min-width:500px;line-height:1.4}
.l7-presentation-table-block table th{width:46%;background:var(--ice);color:var(--navy);vertical-align:top}
.l7-presentation-table-block table td{vertical-align:top}
.l7-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0 10px}
.l7-visual-grid--single{grid-template-columns:minmax(0,1fr)}
.l7-visual-grid figure{display:flex;flex-direction:column;min-width:0;margin:0}
.l7-visual-grid img{width:100%;height:300px;object-fit:contain;border:1px solid var(--line);background:#fff;padding:10px}
.l7-visual-grid--single img{height:auto;max-height:580px}
.l7-visual-grid--phones{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.l7-visual-grid--phones img{height:390px}
.l7-visual-grid figcaption{font-size:13px;line-height:1.45;margin-top:8px;color:var(--muted)}
.l7-article-related{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 14px;align-items:center}
.l7-article-related>span{width:100%;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.l7-article-related a{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);padding:8px 11px;color:var(--teal);font-size:14px;font-weight:700;text-decoration:none}
.l7-article-related a:hover,.l7-article-related a:focus-visible{border-color:var(--teal);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.l7-visual-grid{grid-template-columns:minmax(0,1fr)}.l7-visual-grid--phones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.l7-presentation-slide{padding:24px 0 30px}.l7-presentation-slide h3{font-size:31px}.l7-presentation-table-block table{font-size:14px}.l7-presentation-table-block table th,.l7-presentation-table-block table td{padding:10px 12px}.l7-visual-grid img{height:auto;max-height:440px}.l7-visual-grid--phones img{height:400px}}

.l7-article-content .l7-product-reference{color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.l7-product-reference strong{font-weight:700}
.l7-article-content .l7-product-reference:hover{color:var(--navy);text-decoration-thickness:2px}
.l7-product-reference:focus-visible{outline:2px solid var(--teal);outline-offset:3px}

/* Phone interfaces: one full, readable screen at a time, with no auto-advance. */
.article-carousel{margin:32px 0 12px;padding:24px;background:var(--ice);border:1px solid var(--line);touch-action:pan-y}
.article-carousel [hidden]{display:none!important}
.article-carousel-stage figure{margin:0;text-align:center}
.article-carousel-stage img{display:block;width:100%;height:500px;max-height:65vh;object-fit:contain;margin:auto}
.article-carousel-stage figcaption{margin:16px 0 0;font-size:14px;color:var(--muted)}
.article-carousel-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:20px;font-variant-numeric:tabular-nums}
.article-carousel-controls button{width:48px;height:48px;border:1px solid var(--navy);background:white;color:var(--navy);font-size:24px;cursor:pointer}
.article-carousel-controls button:hover{background:var(--navy);color:white}
.article-carousel:focus-visible,.article-carousel-controls button:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
@media(max-width:600px){.article-carousel{padding:16px}.article-carousel-stage img{height:430px;max-height:65vh}}
@media print{.article-carousel-stage figure[hidden]{display:block!important}.article-carousel-controls{display:none!important}}