.project-credit{display:flex;align-items:center;justify-content:flex-end;gap:17px;min-width:0;max-width:600px}.project-credit-copy{margin:0;max-width:455px;font-size:13px;line-height:1.65;color:var(--muted);text-align:right}.project-credit-copy span{display:block;color:var(--ink)}.project-details{flex:none;background:transparent;border:1px solid var(--line);border-radius:9px;padding:9px 12px;min-height:36px;color:var(--blue);font:inherit;font-size:13px;line-height:1.3}.project-details:hover{background:var(--blue-soft);border-color:var(--blue)}.topbar>.breadcrumb{min-width:0}.topbar>.breadcrumb svg{flex:none}.topbar:has(.project-credit){height:auto;min-height:82px;padding-top:15px;padding-bottom:15px}dialog.project-modal{width:min(700px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto}.project-story{padding:32px 38px}.project-story .dialog-title{max-width:520px;padding-right:18px;font-size:27px;line-height:1.35;letter-spacing:-.6px;margin-bottom:20px}.project-story-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 16px}.project-story-copy .project-story-intro{color:var(--ink)}.project-story-copy .project-story-ending{color:var(--ink);margin-top:21px;margin-bottom:0}.project-story .dialog-actions{margin-top:24px;justify-content:flex-start}
@media(max-width:1000px){.topbar:has(.project-credit){align-items:flex-start;flex-direction:column;gap:13px}.project-credit{justify-content:space-between;width:100%;max-width:none}.project-credit-copy{text-align:left;max-width:none}}
.project-section-title{font-size:20px;margin:0 0 18px}.project-about-section{margin:26px 0}.project-about-section h3{font-size:18px;margin-bottom:12px}.project-about-section p,.project-disclosure p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 15px}.project-disclosure{margin-top:14px;border:1px solid var(--line);border-radius:12px}.project-disclosure>summary{padding:17px 18px;cursor:pointer;font-size:14px;font-weight:500;line-height:1.5}.project-disclosure>div{padding:2px 18px 8px;min-width:0}.project-disclosure h3{font-size:15px;margin:18px 0 10px}.project-source-list{padding-left:19px;margin:0 0 22px}.project-source-list li{font-size:13px;line-height:1.75;margin:10px 0;overflow-wrap:anywhere}.project-source-list a{color:var(--blue)}.instruction-note{display:flex;align-items:flex-start;gap:10px}.instruction-note>svg{color:var(--blue);margin-top:2px;flex:none}.instruction-note>span{min-width:0}
@media(max-width:700px){.project-credit{gap:12px}.project-credit-copy{font-size:12px;line-height:1.65}.project-details{font-size:12px;padding:9px 11px}.topbar:has(.project-credit){padding-top:17px;padding-bottom:17px}.project-story{padding:29px 23px}.project-story .dialog-title{font-size:24px;max-width:300px;margin-bottom:20px}.project-story-copy p{font-size:13px;line-height:1.85}.project-story .dialog-actions{margin-top:23px}.project-story .btn{font-size:12px}.project-story-copy .project-story-ending{margin-top:21px}}

.instruction-note{font-size:14px;line-height:1.8}.instruction-overview>p,.instruction-mode p{font-size:14px;line-height:1.8}
.project-home{display:inline-flex;align-items:center;gap:6px;min-height:26px;margin-top:4px;color:var(--blue);font-size:14px;font-weight:500;text-decoration:none}.project-home svg{flex:none}.project-home:hover{text-decoration:underline;text-underline-offset:4px}.project-home:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}
@media(max-width:700px){.project-home{font-size:13px}}
.intro-science-quote{margin:28px 0;padding:32px 36px;border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#9c80e722,transparent 70%),radial-gradient(ellipse at 100% 100%,#69bbc31a,transparent 70%),var(--surface)}.intro-science-quote blockquote{margin:0}.intro-science-quote blockquote p{font-size:23px;font-weight:450;line-height:1.65;letter-spacing:-.3px;color:var(--ink);max-width:900px;margin:0;text-wrap:pretty}.intro-science-quote figcaption{display:flex;align-items:center;gap:16px;margin-top:21px;font-size:13px;line-height:1.7;color:var(--muted)}.intro-science-quote figcaption a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.intro-science-quote figcaption a:hover{text-decoration-color:var(--blue)}.intro-science-quote figcaption span{border-left:1px solid var(--line);padding-left:16px}
@media(max-width:700px){.intro-science-quote{padding:25px 23px;margin-block:24px}.intro-science-quote blockquote p{font-size:20px;line-height:1.7}.intro-science-quote figcaption{font-size:12px;gap:12px}.intro-science-quote figcaption span{padding-left:12px}}
