/* Continue the About page atmosphere without altering its background. */
.about-dark body{color:#e3e3e3}.about-dark header,.about-dark main,.about-dark footer{max-width:1000px}.about-dark header{padding-top:40px}.back-about{display:inline-flex;align-items:center;min-height:44px;margin-bottom:34px;color:#bcbcbc;font-size:14px;text-decoration:none}.about-dark h1{font-size:clamp(30px,5vw,42px);letter-spacing:.08em;line-height:1.5}.about-dark h2{font-size:24px;letter-spacing:.06em}.about-dark h3{color:#eee;font-size:18px}.about-dark .lead{font-size:18px;line-height:2}.about-dark nav,.about-dark footer{border-color:#ffffff26}.about-dark article{background:rgba(22,22,22,.76);border:1px solid #ffffff18;border-radius:5px}.about-dark article p,.about-dark .note,.about-dark small,.about-dark footer{color:#bcbcbc}.about-dark .intro{background:#ffffff0b}.about-dark input,.about-dark select,.about-dark button{background:#151515;color:#e3e3e3;border-color:#ffffff40;border-radius:3px}.about-dark button:hover{background:#303030}.about-dark #petals-toggle{margin-right:8px}.about-dark :focus-visible{outline-color:#eee}.about-dark #copy-status{color:#bbb}.about-dark .grid{gap:18px}@media(max-width:620px){.about-dark header,.about-dark main,.about-dark footer{padding:24px}.about-dark article{padding:20px}.back-about{margin-bottom:22px}}

.about-dark .share-nav{gap:12px;padding:22px 0}.about-dark .share-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex:0 0 56px;border-radius:12px;border:1px solid #ffffff26;background:#ffffff09;color:#ddd;text-decoration:none;transition:background .15s,color .15s}.about-dark .share-nav a:hover,.about-dark .share-nav a:focus-visible{background:#ffffff18;color:#fff}.nav-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:3;background:#252525;color:#eee;border-radius:5px;padding:4px 8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}.share-nav a:hover .nav-tooltip,.share-nav a:focus-visible .nav-tooltip{opacity:1}@media(max-width:420px){.about-dark .share-nav{gap:10px}.about-dark .share-nav a{width:48px;height:48px;flex-basis:48px}}

.share-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:34px}.share-topbar .back-about{margin-bottom:0}.share-copy{text-align:right}.share-copy #copy{min-height:44px;font-size:14px}.share-copy #copy-status{min-height:0;font-size:12px}.share-copy #copy-status:not(:empty){margin-top:6px}@media(max-width:420px){.share-topbar{gap:8px}.share-copy #copy{padding:10px;font-size:13px}.share-topbar .back-about{font-size:13px}}

.about-dark .share-nav{margin-top:38px;padding-top:30px}.collection-note{margin-top:18px;color:#aaa;font-size:13px}.collection-note summary{cursor:pointer;width:fit-content;min-height:44px;display:list-item;align-content:center;color:#bcbcbc}.collection-note[open] summary{color:#eee}.collection-note .note{margin:4px 0 0;line-height:1.9;font-size:13px}.collection-note summary:focus-visible{outline:2px solid #eee;outline-offset:4px}@media(max-width:620px){.about-dark .share-nav{margin-top:30px;padding-top:26px}}
