/* Side-by-side comparison; original card size, background and material preserved. */
#tok-about-stable-glass-page.tok-trials-page{min-height:calc(100vh + 1px)}
/* The same sky image as the header, without the lower content-area fade. */
#tok-about-stable-glass-page.tok-trials-page .tok-atmosphere{height:100%;background-image:url('/assets/b59a2625f642d4425687.webp');background-size:100% var(--tok-sky-height)}
#tok-about-stable-glass-page .trial-card-main .tok-faq{padding:16px 0 64px}
/* Keep the original column calculation: two occupied slots centred within it. */
#tok-about-stable-glass-page .trial-sample{min-width:0;transform:translateX(calc((var(--tok-columns) - 2) * (100% + var(--tok-card-gap)) / 2))}
#tok-about-stable-glass-page .trial-sample h2{margin:0 0 18px;font-size:clamp(14px,1.2vw,19px);font-weight:500;line-height:1.4;text-align:center;min-height:2.8em;display:flex;align-items:center;justify-content:center}
#tok-about-stable-glass-page .trial-sample p{margin:18px 0 0;font-size:14px;line-height:1.5;text-align:center;color:#555361}
@media(max-width:560px){#tok-about-stable-glass-page .trial-sample{transform:none}}
#tok-about-stable-glass-page .trial-card-main>h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#tok-about-stable-glass-page .tok-object-picker{width:84.4%;max-width:1100px;margin:0 auto 70px;text-align:center}
#tok-about-stable-glass-page .tok-object-picker>h2{margin:0 0 8px;font-size:24px;font-weight:500;line-height:1.3;color:#191c26}
#tok-about-stable-glass-page .tok-object-picker>p{margin:0 0 24px;font-size:15px;line-height:1.6;color:#555361}
#tok-about-stable-glass-page .tok-object-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
#tok-about-stable-glass-page .tok-object-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px 14px;border:1px solid rgba(100,66,111,.16);border-radius:14px;background:rgba(238,229,244,.25);font-size:14px;line-height:1.4;font-weight:500}
#tok-about-stable-glass-page .tok-object-option img{display:block;width:100%;max-width:130px;aspect-ratio:1;object-fit:contain}
#tok-about-stable-glass-page .tok-object-option[aria-current]{border-color:#b04892;box-shadow:0 0 0 1px #b04892;background:rgba(243,215,235,.4)}
#tok-about-stable-glass-page .tok-object-option:hover{border-color:#b04892}
#tok-about-stable-glass-page .tok-object-options-arc{grid-template-columns:repeat(3,minmax(0,1fr))}
#tok-about-stable-glass-page .tok-previous-reflections{margin-top:24px}
#tok-about-stable-glass-page .tok-previous-reflections summary{width:fit-content;margin:0 auto 18px;cursor:pointer;font-size:15px;font-weight:500;color:#5e3659}
#tok-about-stable-glass-page .tok-object-picker .tok-object-credit{margin-top:24px;font-size:12px}
#tok-about-stable-glass-page .tok-object-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){#tok-about-stable-glass-page .tok-object-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){#tok-about-stable-glass-page .tok-object-picker{width:calc(100% - 40px)}#tok-about-stable-glass-page .tok-object-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

#tok-about-stable-glass-page .tok-object-options-scene{grid-template-columns:repeat(6,minmax(0,220px));justify-content:center}
.tok-scene-source{margin:22px auto;max-width:720px;text-align:center}
.tok-scene-source summary{cursor:pointer;padding:12px;font-weight:550}
.tok-scene-source figure{margin:10px 0}
.tok-scene-source img{width:100%;max-width:560px;height:auto;display:block;margin:auto;border-radius:4px}
.tok-scene-source figcaption{font-size:13px;margin-top:10px;color:#555767}

@media(max-width:560px){#tok-about-stable-glass-page .tok-object-options-scene{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:561px) and (max-width:1000px){#tok-about-stable-glass-page .tok-object-options-scene{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Keep the reference slot while showing the icon at the header's actual size. */
#tok-about-stable-glass-page .tok-object-stage{width:100%;aspect-ratio:1;display:grid;place-items:center;min-width:0}
#tok-about-stable-glass-page .tok-object-stage>:is(.tok-faq-card,.tok-polish-card)[data-reflection$="-small"]{width:44px;height:44px;aspect-ratio:1;perspective:180px}
#tok-about-stable-glass-page :is(.tok-faq-card,.tok-polish-card)[data-reflection^="youtube-"] .tok-panel-shadow{display:none}

#tok-about-stable-glass-page .tok-object-stage:has(>:is(.tok-faq-card,.tok-polish-card)[data-reflection$="-small"]){aspect-ratio:auto;height:160px}

/* Dedicated live optical sample; shares the established card dimensions. */
#tok-about-stable-glass-page .tok-polish-card{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;background:transparent;appearance:none;cursor:pointer;touch-action:manipulation;text-align:left;perspective:calc(var(--tok-card-size) * 4.0650406504);border-radius:8.16%;isolation:isolate;--turn:0deg;color:inherit}
#tok-about-stable-glass-page .tok-polish-card:focus-visible{outline:2px solid #ad4f91;outline-offset:5px}

#tok-about-stable-glass-page .tok-header-comparison{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 25px;font-size:14px;color:#555361}
#tok-about-stable-glass-page .tok-header-comparison a{padding:5px 10px;border:1px solid rgba(100,66,111,.2);border-radius:7px}
#tok-about-stable-glass-page .tok-header-comparison a[aria-current]{border-color:#b04892;background:rgba(243,215,235,.35)}