/* LED buyer journey. Loaded only on /compare-led-candles/ after shared styles.
   Photograph, specification table, and two contained product-evidence panels. */
:root body #main .hospitality-led.led-page-content{padding-block:48px 56px}
:root body #main .led-opening{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:48px}
:root body #main .led-opening .hospitality-chapter-heading{display:block;margin:0}
:root body #main .led-opening h1{max-width:14ch;margin:0 0 20px}
:root body #main .led-opening .hospitality-chapter-heading>p{max-width:42ch;margin:0;font:400 15px/1.5 var(--sans);text-wrap:pretty}
:root body #main .led-restaurant-study{min-width:0;margin:0}
:root body #main .led-restaurant-study picture{display:block}
:root body #main .led-restaurant-study img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
:root body #main .led-restaurant-study figcaption{margin:10px 0 0;font:400 13px/1.5 var(--sans);color:var(--muted)}
:root body #main .led-page-content .led-table-title{font:400 22px/1.3 var(--sans);margin:0 0 24px;text-wrap:balance}
:root body #main .led-page-content .led-source-note{margin-top:20px;text-wrap:pretty}
/* Ivory owns the chapter; each physical question owns one fine-border panel. */
:root body #main .section.led-experience{background:var(--ivory);padding-block:0}
:root body #main .led-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:24px}
:root body #main .led-evidence-grid>.led-evidence-panel{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);grid-template-rows:none;grid-row:auto;gap:24px;align-items:start;min-width:0;padding:24px;border:1px solid var(--line);background:transparent}
:root body #main .led-evidence-grid figure{min-width:0;margin:0}
:root body #main .led-evidence-grid .led-evidence-image{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
:root body #main .led-evidence-grid figcaption{margin-top:12px;font:400 13px/1.5 var(--sans);color:var(--muted);text-wrap:pretty}
:root body #main .led-evidence-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;height:100%}
:root body #main .led-evidence-copy h2{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font:400 26px/1.2 var(--sans);margin:0 0 16px;text-wrap:balance}
:root body #main .led-evidence-copy h2>span{min-width:0}
:root body #main .led-evidence-copy p{font:400 14px/1.5 var(--sans);margin:0;max-width:42ch;text-wrap:pretty}
:root body #main .led-evidence-copy .directional-link{display:inline-flex;align-items:center;justify-self:start;min-height:44px;gap:12px;font:400 13px/1.5 var(--sans);margin:16px 0 0;max-width:100%}
:root body #main .led-evidence-copy .directional-link>.link-label{min-width:0;text-wrap:pretty}
:root body #main .led-evidence-copy .directional-link>.link-arrow{flex:none}
/* Quiet actions retain a visible surface inside the contained tan offer. */
.led-decision-layout .button.tertiary:before{background:var(--ivory)}
.led-decision-layout .button.tertiary:hover:before{background:var(--card)}
@media(min-width:1101px){
 :root body #main .led-evidence-copy h2>span{max-width:12ch}
 :root body #main .led-evidence-copy p{margin-bottom:24px}
 :root body #main .led-evidence-copy .directional-link{margin-top:auto}
}
@media(max-width:1100px){
 :root body #main .led-evidence-grid{grid-template-columns:1fr}
 :root body #main .led-evidence-grid>.led-evidence-panel{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:32px}
}
@media(max-width:800px){
 :root body #main .hospitality-led.led-page-content{padding-block:32px 40px}
 :root body #main .led-opening{gap:24px;margin-bottom:40px}
 :root body #main .led-opening .hospitality-chapter-heading>p{max-width:58ch}
 :root body #main .led-opening h1{max-width:none;margin-bottom:16px}
 :root body #main .led-evidence-copy h2{font-size:24px}
}
@media(max-width:600px){
 :root body #main .led-opening{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
 :root body #main .led-page-content .led-table-title{font-size:21px;margin-bottom:20px}
 :root body #main .led-page-content .led-source-note{margin-top:16px}
 :root body #main .led-evidence-grid>.led-evidence-panel{gap:24px;padding:20px}
 :root body #main .led-evidence-copy h2{margin-bottom:16px}
}
@media(max-width:480px){
 :root body #main .led-evidence-grid>.led-evidence-panel{grid-template-columns:1fr}
}

/* Rows identify exact models; the first column stays visible during phone scroll. */
:root body #main .led-model-comparison{min-width:680px}
:root body #main .led-model-comparison th:first-child{width:34%;text-align:left}
:root body #main .led-model-comparison tbody th{font-size:15px;font-weight:400}
:root body #main .led-model-comparison tbody th>span,.model-capacity-note{display:block;font:400 13px/1.5 var(--sans);color:var(--muted);margin-top:6px;text-wrap:pretty}
:root body #main .led-model-comparison td{font-variant-numeric:tabular-nums}
:root body #main .led-model-comparison td:nth-child(2),:root body #main .led-model-comparison td:nth-child(3){white-space:nowrap}
:root body #main .led-model-comparison .model-context>th,:root body #main .led-model-comparison .model-context>td{background:var(--soft)}
:root body #main .led-model-comparison abbr{font:400 13px/1.5 var(--sans);text-decoration:none;cursor:inherit}
@media(max-width:920px){:root body #main .led-table-hint{display:block}}
@media(max-width:480px){
 :root body #main .led-model-comparison{min-width:560px}
 :root body #main .led-model-comparison th:first-child{width:140px}
 :root body #main .led-model-comparison tbody th>span{text-wrap:balance}
}

/* Kit totals have their own column; prices never stand in for equal quantities. */
:root body #main .led-model-comparison{min-width:840px;table-layout:fixed}
:root body #main .led-model-comparison th:first-child{width:28%}
:root body #main .led-model-comparison .model-kit-price{font:400 18px/1.4 var(--sans);white-space:nowrap}
@media(max-width:480px){
 :root body #main .led-model-comparison{min-width:760px}
 :root body #main .led-model-comparison th:first-child{width:140px}
}

/* Shared source notes have a quiet title, one qualification, then model columns. */
:root body #main .comparison-model-sources{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
:root body #main .comparison-model-sources>h2{font:400 17px/1.4 var(--sans);margin:0 0 8px;text-wrap:balance}
:root body #main .comparison-model-sources .comparison-qualification{font:400 13px/1.6 var(--sans);color:var(--muted);margin:0;max-width:85ch;text-wrap:pretty}
:root body #main .comparison-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px}
:root body #main .comparison-source-grid>div{min-width:0}
:root body #main .comparison-source-grid h3{font:400 14px/1.5 var(--sans);margin:0 0 8px}
:root body #main .comparison-source-grid p{font:400 13px/1.6 var(--sans);margin:0;max-width:52ch;text-wrap:pretty}
:root body #main .comparison-source-grid p+p{margin-top:12px}
:root body #main .venue-service-story .comparison-source-grid{grid-template-columns:1fr;gap:20px}
@media(max-width:800px){:root body #main .comparison-source-grid{grid-template-columns:1fr;gap:24px}}

:root body #main .led-evidence-copy .button.tertiary:is(:hover,:focus-visible)>.link-label{text-decoration:none}

@media(max-width:480px){:root body #main .led-model-comparison :is(th,td):last-child{width:120px}}
