/* MODE3 v6: static information pages. Legal main markup stays byte-identical. */
@font-face{font-family:Montserrat;src:url('../assets/fonts/montserrat-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--page:#141125;--ink:#ede9e3;--dim:#c2bdcf;--line:#494454;--accent:#9fe6d3}
*{box-sizing:border-box}
html{background:var(--page);scroll-padding-top:32px}
body{margin:0;background:var(--page);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration:none}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}
sup{font-size:.55em;vertical-align:super;line-height:0;letter-spacing:0}
.wrap{width:100%;max-width:1248px;margin-inline:auto;padding-inline:32px}
.site-head{border-bottom:1px solid var(--line);padding-block:20px}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:inline-flex;align-items:baseline;min-height:44px;padding-block:9px;color:var(--ink);font-size:19px;font-weight:900;letter-spacing:.1em;text-decoration:none}
.wordmark sup{position:relative;top:-.55em}
.site-back{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.legal{padding-block:80px 96px}
.legal .wrap{max-width:calc(68ch + 64px)}
.legal h1{margin:0 0 24px;max-width:13ch;font-size:clamp(52px,7.8vw,112px);line-height:.98;font-weight:900;letter-spacing:-.055em;overflow-wrap:normal}
.legal .meta{margin:0 0 52px;color:var(--dim);font-size:13px;line-height:1.65;letter-spacing:.035em}
.legal h2{margin:52px 0 16px;font-size:26px;line-height:1.2;font-weight:900;letter-spacing:-.035em}
.legal h3{margin:32px 0 12px;font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.02em}
.legal h4{margin:24px 0 10px;font-size:19px;line-height:1.35;font-weight:800}
.legal h5{margin:22px 0 8px;color:var(--dim);font-size:13px;line-height:1.5;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.legal p{margin:0 0 20px}
.legal ul,.legal ol{margin:0 0 24px;padding-left:1.35em}
.legal li{margin-bottom:10px}
.legal :is(p,li,a,code){overflow-wrap:anywhere}
.legal strong{font-weight:800}
.legal code{padding:2px 6px;border:1px solid var(--line);border-radius:4px;font-size:.9em}
.legal .intro{font-size:18px;font-weight:600;margin-bottom:36px}
.legal h2 .spec{display:block;margin-top:10px;color:var(--dim);font-size:14px;line-height:1.5;font-weight:500;letter-spacing:.02em}
.legal .product{padding-bottom:16px;border-bottom:1px solid var(--line)}
.legal .inci{list-style:none;padding-left:0}
.legal .inci li{font-size:17.5px;margin-bottom:8px}
.legal :is(.carrier,.closing){color:var(--dim);font-size:17.5px}
.legal .closing{margin-top:40px}
.model-form{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:6px;font-size:17.5px;line-height:1.6}
.legal details{border-top:1px solid var(--line)}
.legal details:last-of-type{border-bottom:1px solid var(--line)}
.legal summary{position:relative;min-height:72px;padding:22px 44px 22px 0;cursor:pointer;list-style:none;font-size:18px;line-height:1.5;font-weight:800;letter-spacing:-.015em}
.legal summary::-webkit-details-marker{display:none}
.legal summary::after{content:'+';position:absolute;right:4px;top:21px;font-size:26px;font-weight:500;line-height:1;color:var(--accent)}
.legal details[open]>summary::after{content:'-'}
.legal .faq-item p{padding:0 0 24px;margin:0}
.legal .card-name,.legal .card-role{display:block}
.legal .card-role{margin-top:4px;color:var(--dim);font-size:14px;font-weight:500;letter-spacing:.015em}
.legal .card-body{padding:0 0 28px;font-size:17.5px;line-height:1.6}
.legal .card-body .sources{list-style:none;padding-left:0;color:var(--dim);font-size:17px}
.legal .card-body .sources li::before{content:'- '}
.back{display:inline-flex;align-items:center;min-height:44px;margin-top:44px;font-size:13px;font-weight:800;letter-spacing:.08em;text-decoration:none}
.site-foot{border-top:1px solid var(--line);padding-block:48px 40px;color:var(--dim);font-size:13px;line-height:1.6}
.footer-brand{margin:0 0 22px;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.footer-brand span{margin-inline:12px}
.links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;margin-bottom:28px}
.links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.site-foot .legal-line,.site-foot .contact-line{display:block;max-width:90ch;margin-top:12px;overflow-wrap:anywhere}
.site-foot .contact-line a{display:inline-flex;align-items:center;min-height:44px;color:var(--dim)}
@media(max-width:600px){body{font-size:17.5px}.wrap{padding-inline:24px}.site-head{padding-block:16px}.site-head .wrap{gap:12px}.wordmark{font-size:17px}.site-back{font-size:10px;letter-spacing:.08em}.legal{padding-block:56px 64px}.legal .wrap{max-width:calc(68ch + 48px)}.legal h1{font-size:52px}.legal h2{font-size:24px}.legal .meta{margin-bottom:36px}.site-foot{padding-block:36px 28px}.links{column-gap:20px}.model-form{padding:20px}}
@media print{:root{--page:#fff;--ink:#111;--dim:#333;--line:#888;--accent:#111}body{font-size:11pt}.site-head,.site-foot,.back{display:none}.legal{padding:0}.legal .wrap{max-width:none;padding:0}.legal h1{font-size:32pt}.legal h2{break-after:avoid}details::details-content{content-visibility:visible}}
/* 052: what has been studied */
.legal .studied-lead{font-size:17.5px;margin-bottom:28px}
.legal .studied{border-top:1px solid rgba(237,233,227,.16);padding:22px 0 6px}
.legal .studied h3{margin:0 0 10px}
.legal .studied p{font-size:17px;line-height:1.6;margin:0 0 8px}
.legal .studied .cite{color:var(--dim);font-size:15px}
.legal .studied .cite a{color:inherit;text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.legal .notes{font-size:17px;margin:0 0 6px}.legal .notes strong{margin-right:.5em}
.legal .inci-key{color:var(--dim);font-size:15px;margin-top:6px}
