/* Seven glass — colored light held by graphite lead lines. */
:root{--paper:#e9e8df;--white:#f5f4eb;--ink:#263a38;--lead:#3b4640;--amber:#cbac5b;--aqua:#7ba8ac;--ruby:#b87778;--green:#8eac90;--violet:#9a8ea7;--line:#b5bbb0;--head:"Tenor Sans",sans-serif;--body:"Ysabeau Office",sans-serif;--font-head:var(--head);--font-body:var(--body);--primary:#456e6b;--surface:var(--paper);--text:var(--ink)}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 20px/1.65 var(--body)}a{color:#456e6b;text-underline-offset:4px}h1,h2,h3{font-family:var(--head);font-weight:400;line-height:1.18;margin:0 0 24px}h1{font-size:clamp(32px,4.2vw,58px)}h2{font-size:clamp(27px,3vw,39px)}h3{font-size:25px}p{margin:0 0 1em}:focus-visible{outline:3px solid #456e6b;outline-offset:4px}svg{display:block;max-width:100%}.skip{position:absolute;top:-100px;left:12px;background:var(--ink);color:white;padding:12px;z-index:99}.skip:focus{top:12px}
header{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:12px max(12px,calc((100vw - 1320px)/2));background:var(--white);border-bottom:4px solid var(--lead)}.brand{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--ink);text-decoration:none;font:400 30px/1 var(--head)}.glass-mark{width:28px;height:30px;border:3px solid var(--lead);background:conic-gradient(from 45deg,var(--aqua) 0 25%,var(--ruby) 25% 50%,var(--amber) 50% 75%,var(--green) 75%);position:relative}.glass-mark::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--lead)}.langs{display:flex;margin-left:auto}.langs a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);font:500 15px/1 var(--body);text-decoration:none}.langs a[aria-current]{background:var(--lead);color:white}.menu{display:flex;align-items:center;gap:12px;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--lead);padding:8px 12px;cursor:pointer;font:500 15px/1 var(--body)}.menu i{display:block;width:18px;height:14px;border-top:2px solid var(--lead);border-bottom:2px solid var(--lead);position:relative}.menu i::after{content:"";position:absolute;left:0;right:0;top:4px;height:2px;background:var(--lead)}#site-nav{display:none;width:100%}#site-nav ul{list-style:none;padding:0;margin:0}#site-nav a{display:flex;align-items:center;min-height:50px;padding:12px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:18px}header.open #site-nav{display:block}.window-head{max-width:1400px;margin:auto;display:grid;border-bottom:4px solid var(--lead)}.heading{padding:34px 16px;min-width:0}.badge{font-size:14px;color:#566f5f;margin-bottom:22px}.lead{font-size:20px;line-height:1.65;max-width:72ch}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;background:#456e6b;color:white;text-decoration:none;font:600 19px/1.4 var(--body);border:1px solid var(--lead)}.button:hover{background:#315652}.glass-sample{padding:24px 36px;background:#d6dfd4;border-top:4px solid var(--lead);display:flex;justify-content:center;align-items:center}.glass-study{width:100%;max-width:280px;filter:drop-shadow(8px 10px 0 #afc1ba)}.breadcrumbs ol{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:12px;font-size:16px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}.light-table{max-width:1400px;margin:auto;background:#d6dfd4;display:grid;gap:30px;padding:32px 10px;border-bottom:4px solid var(--lead)}.demo-pane{border:4px solid var(--lead);background:#263a38;min-width:0;scroll-margin-top:110px;padding:8px;box-shadow:8px 8px 0 #bacbbf}.pane-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--white);padding:6px 6px 16px;font-size:17px}.pane-label i{display:block;width:10px;height:10px;flex:none;background:var(--amber);border:2px solid #ddc581;border-radius:50%}.glass-note{padding:0 6px}.glass-note p{font-size:20px}.glass-roundel{display:block;width:60px;height:60px;border:4px solid var(--lead);border-radius:50%;background:radial-gradient(circle at 35% 30%,#d4e3d4,var(--green));margin-bottom:24px}.glass-note ul{list-style:none;padding:0;font-size:18px}.glass-note li{padding:10px 0;border-top:1px solid #a2b5a7}.cutting-plan{max-width:1320px;margin:auto;padding:40px 16px}.toc{border:3px solid var(--lead);background:var(--white);margin-bottom:40px}.toc summary{min-height:50px;padding:14px 16px;font-size:18px;cursor:pointer}.toc ol{list-style:none;padding:0;margin:0}.toc a{display:flex;align-items:flex-start;gap:14px;min-height:44px;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:18px;line-height:1.45}.index{font-size:15px;color:#456e6b;flex:none}article{max-width:900px;margin:auto;min-width:0}.chapter{margin-bottom:44px;padding-top:26px;border-top:1px solid var(--line)}.cabochon{display:block;width:25px;height:25px;border:3px solid var(--lead);background:var(--ruby);border-radius:50%;margin-bottom:18px}.chapter:nth-child(3n) .cabochon{background:var(--amber)}.chapter:nth-child(2n) .cabochon{background:var(--aqua)}.prose{font-size:20px;line-height:1.65}.prose li{margin:12px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:18px}th,td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:#d6dfd4}.faq details{border-bottom:1px solid var(--line)}.faq summary{min-height:56px;padding:16px 0;font:600 20px/1.4 var(--body);cursor:pointer}.faq .prose{padding:8px 0 16px}.cta{padding:26px;background:var(--white);border:3px solid var(--lead);margin-top:36px}.related{padding:40px max(16px,calc((100vw - 1288px)/2));background:#d6dfd4;border-top:4px solid var(--lead)}.glass-guides{display:grid;gap:18px}.glass-guides a{display:block;padding:24px;background:var(--white);border:3px solid var(--lead);text-decoration:none;color:var(--ink)}.color-pane{display:block;height:40px;background:radial-gradient(circle at 20% 20%,#ffffff66,transparent 40%),var(--ruby);margin:-24px -24px 24px;border-bottom:3px solid var(--lead)}.color1{background-color:var(--aqua)}.color2{background-color:var(--amber)}.color3{background-color:var(--violet)}.glass-guides strong{font:400 25px/1.25 var(--head);display:block}.glass-guides p{font-size:18px;line-height:1.6;margin-top:18px}footer{padding:40px max(16px,calc((100vw - 1288px)/2));background:#263a38;color:var(--paper);border-top:8px solid var(--amber)}footer .brand{color:var(--paper)}.footer-copy p{font-size:18px;line-height:1.65;max-width:75ch;margin:26px 0}.footer-nav{display:grid;gap:24px}.footer-nav nav{display:grid}.footer-nav a{display:flex;align-items:center;min-height:44px;color:var(--paper);font-size:18px}.imprint{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #738c7e;padding-top:24px;margin-top:28px;font-size:15px}.imprint b{border:1px solid var(--amber);padding:10px}.imprint .langs a{color:var(--paper)}.imprint .langs a[aria-current]{background:var(--paper);color:var(--ink)}.missing{padding:50px 16px;max-width:900px;margin:auto}
@media(max-width:420px){.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.menu{padding:8px;justify-content:center}}@media(min-width:700px){.window-head{grid-template-columns:minmax(0,1fr) 230px}.heading{padding:42px 30px}.glass-sample{padding:24px 22px;border-top:0;border-left:4px solid var(--lead)}.light-table{padding:40px 30px;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:40px;align-items:center}.cutting-plan{padding:50px 30px}.glass-guides{grid-template-columns:repeat(2,1fr)}.footer-nav{grid-template-columns:1fr 1fr}}@media(min-width:1050px){.menu{display:none}#site-nav{display:block;width:auto;margin-left:auto}#site-nav ul{display:flex;gap:18px}#site-nav a{border:0;font-size:17px}.langs{order:3;margin-left:16px}.window-head{grid-template-columns:minmax(0,1fr) 380px}.heading{padding:55px 48px}.glass-sample{padding:30px 40px}.light-table{padding:48px 65px;grid-template-columns:550px minmax(0,1fr);gap:85px}.toc ol{display:grid;grid-template-columns:repeat(3,1fr)}.toc li:nth-child(3n+2),.toc li:nth-child(3n+3){border-left:1px solid var(--line)}.toc summary{cursor:default}.glass-guides{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}