/* Sun Safe R&D section: shared look (navy/gold like the main site), all rd- prefixed so the trial log's own styles aren't touched */
:root{--rd-navy:#1B2F57;--rd-navy2:#001732;--rd-gold:#D9A036;--rd-sun:#FD8908;--rd-ink:#1A1D21;--rd-soft:#5A6068;--rd-line:#C9CED6;--rd-bg:#F3F5F8;
 --rd-pass:#1E7A48;--rd-passbg:#E8F5EC;--rd-fail:#B3261E;--rd-amb:#A15C00;--rd-ambbg:#FFF4E0;
 --rd-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--rd-mono:ui-monospace,Menlo,Consolas,monospace}
.rd-nav{background:var(--rd-navy2);border-bottom:2px solid var(--rd-gold);position:sticky;top:0;z-index:1200}
.rd-nav .rd-in{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;min-height:52px}
.rd-nav .rd-brand,.rd-page .rd-nav .rd-brand{color:var(--rd-sun)}
.rd-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:800 13.5px var(--rd-sans);letter-spacing:.13em;color:var(--rd-sun);padding:6px 0}
.rd-brand img{height:28px;width:auto}
.rd-brand i{font-style:normal;color:#fff}
.rd-nav ul{display:flex;gap:4px 16px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.rd-nav ul a{font:600 13.5px var(--rd-sans);color:#B9C6D6;text-decoration:none;white-space:nowrap;padding:6px 0;display:inline-block}
.rd-nav ul a:hover,.rd-nav ul a[aria-current]{color:var(--rd-sun)}
.rd-nav ul a:focus-visible{outline:2px solid var(--rd-sun);outline-offset:3px}
@media(max-width:700px){.rd-nav ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;width:100%}.rd-nav ul::-webkit-scrollbar{display:none}}
.rd-page{margin:0;background:var(--rd-bg);color:var(--rd-ink);font:16px/1.5 var(--rd-sans);-webkit-text-size-adjust:100%}
.rd-page *{box-sizing:border-box}
.rd-wrap{max-width:1180px;margin:0 auto;padding:16px 16px 48px}
.rd-hero{background:var(--rd-navy);color:#fff;border-radius:8px;padding:20px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.rd-hero img{height:72px;width:auto}
.rd-hero h1{margin:0;font-size:clamp(22px,4vw,30px);line-height:1.15}
.rd-hero p{margin:6px 0 0;color:#C9D3E6;font-size:14.5px;max-width:70ch}
.rd-badge{display:inline-block;font:800 11.5px var(--rd-sans);letter-spacing:.08em;padding:3px 8px;border-radius:3px;background:var(--rd-gold);color:var(--rd-navy2);text-decoration:none;margin-top:10px}
.rd-page h2{font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--rd-navy);margin:26px 0 10px}
.rd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.rd-card{background:#fff;border:1px solid var(--rd-line);border-left:6px solid var(--rd-navy);border-radius:6px;padding:14px 16px}
.rd-card h3{margin:0 0 6px;font-size:17px;color:var(--rd-navy)}
.rd-card p{margin:0 0 8px;font-size:14.5px}
.rd-card ul{margin:4px 0 6px;padding-left:18px;font-size:14.5px}
.rd-card li{margin:3px 0}
.rd-card.go{text-decoration:none;color:inherit;display:block;transition:transform .08s,box-shadow .08s}
.rd-card.go:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(16,32,64,.12)}
.rd-card.go:focus-visible{outline:3px solid var(--rd-sun);outline-offset:2px}
.rd-card .more{font:700 13.5px var(--rd-sans);color:#1F5FA8}
.rd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
@media(min-width:700px){.rd-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
.rd-stat{background:#fff;border:1px solid var(--rd-line);border-radius:6px;padding:12px 14px}
.rd-stat b{display:block;white-space:nowrap;font-size:clamp(17px,4.9vw,23px);letter-spacing:-.01em;line-height:1.1;color:var(--rd-navy);font-variant-numeric:tabular-nums}
.rd-stat span{font-size:12.5px;color:var(--rd-soft)}
.rd-stat b small{font-size:.56em;font-weight:700;margin-left:.15em}
.rd-stat span b.pc{display:inline;white-space:normal;font-size:inherit;color:var(--rd-navy)}
.rd-tl{list-style:none;margin:0;padding:0;border-left:3px solid var(--rd-gold)}
.rd-tl li{position:relative;padding:4px 0 12px 18px;font-size:14.5px}
.rd-tl li::before{content:"";position:absolute;left:-8px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--rd-sun);border:2px solid var(--rd-bg)}
.rd-tl b{display:inline-block;min-width:110px;color:var(--rd-navy)}
.rd-note{background:var(--rd-ambbg);border:1.5px solid var(--rd-amb);border-radius:6px;padding:10px 12px;font-size:14px;color:#4A2C00}
.rd-tbl{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.rd-tbl th{background:var(--rd-navy);color:#fff;text-align:left;font-size:11.5px;letter-spacing:.05em;padding:7px 9px;white-space:nowrap}
.rd-tbl th,.rd-tbl td{border:1px solid #B8C0CC}
.rd-tbl td{padding:7px 9px;font-variant-numeric:tabular-nums;vertical-align:top}
.rd-scroll{overflow-x:auto;border:1px solid var(--rd-line);border-radius:6px}
.rd-pf{display:inline-block;font:800 12px var(--rd-sans);padding:2px 8px;border-radius:3px;border:1.5px solid currentColor}
.rd-pf.P{color:var(--rd-pass);background:var(--rd-passbg)}.rd-pf.F{color:var(--rd-fail);background:#FBE9E7}.rd-pf.V{color:var(--rd-amb);background:var(--rd-ambbg)}
.rd-btn{display:inline-block;font:700 14.5px var(--rd-sans);padding:10px 16px;border-radius:8px;text-decoration:none;color:var(--rd-navy);min-height:44px;
 background:linear-gradient(180deg,#fff 0%,#E9EDF3 100%);border:1.5px solid #9AA6B8;box-shadow:0 4px 0 #8794A8,0 6px 10px rgba(16,32,64,.18)}
.rd-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #8794A8}
.rd-btn.pri{background:linear-gradient(180deg,#2E4A82 0%,#1B2F57 100%);color:#fff;border-color:#13223F;box-shadow:0 4px 0 #0C1730,0 6px 10px rgba(16,32,64,.28)}
.rd-foot{margin-top:28px;font-size:12.5px;color:var(--rd-soft);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rd-foot a{color:var(--rd-soft)}
.rd-page a{color:#1F5FA8}
.rd-chart{background:#fff;border:1px solid var(--rd-line);border-radius:6px;padding:12px 14px;position:relative}
.rd-chart h3{margin:0 0 2px;font-size:15.5px;color:var(--rd-navy)}
.rd-chart p{margin:0 0 6px;font-size:13px;color:var(--rd-soft)}
.rd-chart svg{display:block;width:100%;height:auto}
.rd-tip{position:absolute;pointer-events:none;background:var(--rd-navy2);color:#fff;font-size:12.5px;padding:6px 8px;border-radius:4px;white-space:nowrap;transform:translate(-50%,-110%);opacity:0;transition:opacity .1s}
.rd-eq{font-family:var(--rd-mono);font-size:13.5px;background:#F7F8FA;border:1px solid var(--rd-line);border-radius:4px;padding:8px 10px;overflow-x:auto}
.rd-tbl th{border-color:#2E4A82}
.rd-tbl td:empty::after{content:"\00a0"}
.rd-card.wide{grid-column:1/-1}
.rd-steps{margin:4px 0 2px;padding-left:22px;font-size:14.5px}
.rd-steps>li{margin:8px 0 10px;padding-left:2px}
.rd-steps>li::marker{font-weight:800;color:var(--rd-navy)}
.rd-steps ul{margin:4px 0 0;padding-left:18px}
.rd-steps a{white-space:nowrap}
.rd-refs{font-size:14px;padding-left:26px;margin:0}
.rd-refs li{margin:4px 0}
.rd-refs li:target{background:var(--rd-ambbg)}
.rd-tl .rd-sub{list-style:disc;margin:6px 0 0;padding-left:20px;border:0}
.rd-tl .rd-sub li{padding:2px 0;font-size:14px}
.rd-tl .rd-sub li::before{content:none}
.rd-ph{display:block;margin-top:4px;font-size:13.5px;color:var(--rd-navy);font-weight:600}
.rd-ph::before{content:"📷 ";font-weight:400}
.rd-more{margin-top:8px;font-size:14px}
.rd-more>summary{cursor:pointer;font-weight:700;color:var(--rd-navy);min-height:32px;display:flex;align-items:center}
.rd-more ul{margin:4px 0 0;padding-left:18px}
.rd-more li{margin:4px 0}
.rd-math dt{font-weight:700;color:var(--rd-navy);margin-top:12px}
.rd-math dd{margin:2px 0 0 0;font-size:14.5px}
.rd-math .rd-eq{margin:4px 0;white-space:normal}
.rd-heroimg{display:flex;gap:28px;align-items:center;justify-content:center;flex:0 0 auto}
.rd-hero .rd-heroimg img{height:clamp(120px,34vw,140px);width:clamp(120px,34vw,140px);object-fit:contain;display:block}
@media(max-width:700px){.rd-heroimg{flex:1 1 100%;justify-content:space-evenly;gap:16px}}
.rd-hero .rd-heroimg img.ph{object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.35)}
.rd-thr{margin:4px 0 0;padding-left:18px;font-size:14px}
.rd-thr li{margin:2px 0}
.rd-stat .bw{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:var(--rd-soft)}
.rd-stat .bw b{display:inline;font-size:inherit;color:var(--rd-navy);white-space:normal}
.rd-stat .st{display:block;font-style:normal;font:800 15.5px/1.2 var(--rd-sans);color:var(--rd-navy);margin-bottom:6px;padding-bottom:5px;border-bottom:2px solid var(--rd-gold)}
.rd-stat .st+b{font-size:clamp(17px,4.6vw,21px)}

.rd-spec{border-collapse:collapse;font-size:14.5px;margin-top:8px;width:100%;clear:both}
.rd-spec th{text-align:left;font-weight:700;color:var(--rd-navy);padding:4px 14px 4px 0;white-space:nowrap;vertical-align:top}
.rd-spec td{padding:4px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rd-spec tr+tr th,.rd-spec tr+tr td{border-top:1px solid #E3E7ED}
.rd-math dd p{margin:4px 0 6px}
.rd-math dd .rd-spec{width:auto;margin:4px 0 8px}
.rd-pc dt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.rd-pc .tg{font:800 10.5px var(--rd-sans);letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px}
.rd-pc .tg.v{background:var(--rd-ambbg);color:var(--rd-amb)}
.rd-pc .tg.g{background:var(--rd-navy);color:#fff}
.rd-pc .tg.r{background:#E9ECF1;color:var(--rd-soft)}