/* Blogelist Site Atlas component adapter. Values come from Blogelist Luminous 0.1.0. */
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--bl-space-6)}
body{margin:0;background:var(--bl-canvas);color:var(--bl-text);font:400 var(--bl-text-body)/var(--bl-line-body) var(--bl-font-sans);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}a,button,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:var(--bl-focus-width) solid var(--bl-focus);outline-offset:var(--bl-focus-offset)}[tabindex='-1']:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}
h1,h2,h3,h4,h5,p{margin:0}h1,h2,h3,h4{font-weight:600;line-height:var(--bl-line-heading);letter-spacing:-.035em}h1{font-size:clamp(2.75rem,5vw,4rem)}h2{font-size:var(--bl-text-h2)}h3{font-size:var(--bl-text-h3)}em{font-style:normal;color:var(--bl-accent)}
.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.section{padding-block:var(--bl-space-16)}.eyebrow{font:500 var(--bl-text-xs)/1.5 var(--bl-font-mono);letter-spacing:.09em;color:var(--bl-muted);margin-bottom:var(--bl-space-4)}
.skip-link{position:fixed;top:-100px;left:16px;background:var(--bl-accent);color:var(--bl-on-accent);padding:12px 20px;z-index:100;border-radius:var(--bl-radius-sm)}.skip-link:focus{top:12px}
.header{display:flex;align-items:center;justify-content:space-between;gap:var(--bl-space-8);min-height:104px;border-bottom:1px solid var(--bl-border);position:relative;z-index:var(--bl-z-nav)}
.brand{display:inline-flex;align-items:center;gap:var(--bl-space-3);text-decoration:none;font-size:1.125rem;font-weight:700;letter-spacing:.07em;line-height:1.2;min-height:44px}.brand img{flex:none}.brand small{display:block;font-size:var(--bl-text-xs);font-weight:400;color:var(--bl-muted);letter-spacing:0;margin-top:5px}
.header nav{display:flex;gap:var(--bl-space-6);align-items:center}.header nav a{font-size:var(--bl-text-sm);color:var(--bl-muted);text-decoration:none;min-height:44px;display:flex;align-items:center}.header nav a:hover{color:var(--bl-text)}
.appearance{position:relative}.appearance>summary{display:flex;gap:12px;align-items:center;font-size:var(--bl-text-sm);cursor:pointer;min-height:44px;list-style:none;border:1px solid var(--bl-border-strong);border-radius:var(--bl-radius-md);padding:10px 14px}.appearance>summary::-webkit-details-marker{display:none}.appearance-panel{position:absolute;right:0;top:calc(100% + 12px);width:300px;padding:24px;border:1px solid var(--bl-border-strong);border-radius:var(--bl-radius-xl);background:var(--bl-surface);box-shadow:var(--bl-shadow-lg)}.appearance-panel h2{font-size:var(--bl-text-h3);margin-bottom:24px}.appearance-panel label{display:block;font-size:var(--bl-text-sm);margin-bottom:8px}.appearance-panel select{width:100%;margin-bottom:20px;min-height:44px;background:var(--bl-inset);border:1px solid var(--bl-border-strong);border-radius:var(--bl-radius-md);padding:10px 12px;font-size:var(--bl-text-sm)}.appearance-panel p{font-size:var(--bl-text-xs);color:var(--bl-muted);margin-bottom:16px}.appearance-panel .check{display:flex;gap:10px;align-items:center;min-height:44px}.check input{width:18px;height:18px;accent-color:var(--bl-accent)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:var(--bl-space-16);padding-block:var(--bl-space-20)}.hero .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:24px}.signal-dot{width:7px;height:7px;background:var(--bl-cyan);border-radius:50%}.hero-intro{font-size:var(--bl-text-lead);color:var(--bl-muted);max-width:52ch;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:var(--bl-control-height);border:1px solid var(--bl-border-strong);border-radius:var(--bl-radius-md);padding:12px 18px;background:var(--bl-surface);color:var(--bl-text);font-size:var(--bl-text-sm);font-weight:600;text-decoration:none;line-height:1.4;transition:background var(--bl-duration-fast),transform var(--bl-duration-fast)}.button:hover{background:var(--bl-raised)}.button.primary{background:var(--bl-accent);color:var(--bl-on-accent);border-color:var(--bl-accent)}.button.primary:hover{background:var(--bl-accent-hover);transform:translateY(-1px)}.text-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:var(--bl-text-sm);color:var(--bl-accent);font-weight:500;text-decoration:none}.text-link:hover{text-decoration:underline}
.spotlight{position:relative;background:var(--bl-surface);border:1px solid var(--bl-border-strong);border-radius:var(--bl-radius-xl);padding:var(--bl-space-8);min-width:0;overflow:hidden}.spotlight:before{position:absolute;content:'';height:2px;inset:0 0 auto;background:var(--bl-edge)}.spotlight-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:24px}.spotlight-top .eyebrow{margin:2px 0 0}.spotlight-site{display:inline-flex;gap:12px;align-items:center;min-height:44px;color:var(--bl-cyan);font-size:var(--bl-text-sm);text-decoration:none;margin-bottom:12px}.spotlight-site:hover{text-decoration:underline}.spotlight h2{font-size:clamp(1.75rem,2.6vw,2.25rem);max-width:20ch;line-height:1.2}.spotlight>p{font-size:var(--bl-text-sm);color:var(--bl-muted);margin-block:20px}.signal-wave{height:48px;margin-block:24px}.signal-wave svg{width:100%;height:100%;fill:none;stroke:var(--bl-cyan);stroke-width:1.5}.signal-wave .wave-secondary{stroke:var(--bl-violet);opacity:.4;stroke-width:1}
[data-intensity='immersive'][data-effects='on'] .spotlight{background:var(--bl-glass);box-shadow:var(--bl-effect-shadow);backdrop-filter:blur(var(--bl-blur))}[data-intensity='immersive'][data-effects='on'] .hero{background:radial-gradient(ellipse at 78% 50%,color-mix(in srgb,var(--bl-accent) 8%,transparent),transparent 55%)}
.overview{display:flex;align-items:center;gap:40px;padding-block:24px;border-block:1px solid var(--bl-border)}.overview>p{font-size:var(--bl-text-sm);color:var(--bl-muted)}.overview strong{font-weight:500;color:var(--bl-text)}.overview dl{flex:1;display:flex;justify-content:center;gap:clamp(32px,5vw,80px);margin:0}.overview dl div{display:flex;flex-direction:column-reverse}.overview dt{font-size:var(--bl-text-xs);color:var(--bl-muted);margin-top:4px}.overview dd{font-size:var(--bl-text-h2);font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.2;margin:0}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}.section-heading>p{color:var(--bl-muted);font-size:var(--bl-text-sm);line-height:1.7}.atlas-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{min-height:44px;background:var(--bl-inset);border:1px solid var(--bl-border-strong);border-radius:var(--bl-radius-md);padding:10px 14px;color:var(--bl-muted);font-size:var(--bl-text-sm)}.filter span{margin-left:8px;color:var(--bl-muted);font-size:var(--bl-text-xs)}.filter:hover{background:var(--bl-raised)}.filter[aria-pressed='true']{background:var(--bl-accent);border-color:var(--bl-accent);color:var(--bl-on-accent)}.filter[aria-pressed='true'] span{color:var(--bl-on-accent)}#filter-count{color:var(--bl-muted);font-size:var(--bl-text-xs);white-space:nowrap}
.passports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.passport{background:var(--bl-surface);border:1px solid var(--bl-border);border-radius:var(--bl-radius-lg);overflow:hidden;min-width:0}.passport-main{padding:24px}.passport-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.passport-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--bl-border);border-radius:var(--bl-radius-md);background:var(--bl-raised);color:var(--bl-cyan);flex:none}.passport.piano .passport-icon{color:var(--bl-accent)}.passport.lyrics .passport-icon{color:var(--bl-violet)}.passport-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.passport-number{font:400 var(--bl-text-xs)/1.5 var(--bl-font-mono);color:var(--bl-muted)}.passport h3{font-size:clamp(1.25rem,1.7vw,1.5rem);margin-bottom:8px;line-height:1.25}.domain{font-size:var(--bl-text-sm);color:var(--bl-muted);text-decoration:none;overflow-wrap:anywhere;display:inline-flex;align-items:center;min-height:32px}.domain:hover{color:var(--bl-accent);text-decoration:underline}.category{font-size:var(--bl-text-xs);color:var(--bl-cyan);margin-block:20px 12px}.passport-description{font-size:var(--bl-text-sm);line-height:1.7;color:var(--bl-muted);min-height:72px;margin-bottom:24px}.passport-meta{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px;padding-block:20px;border-block:1px solid var(--bl-border)}.passport-meta dt{font-size:var(--bl-text-xs);color:var(--bl-muted);margin-bottom:8px}.passport-meta dd{font-size:var(--bl-text-sm);margin:0}.tag{display:inline-flex;font-size:var(--bl-text-xs);line-height:1.5;padding:4px 8px;border:1px solid var(--bl-border);border-radius:var(--bl-radius-sm);background:var(--bl-raised);color:var(--bl-muted)}.visit-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:var(--bl-accent);font-size:var(--bl-text-sm);font-weight:500;text-decoration:none}.visit-link:hover{text-decoration:underline}.visit-link>span{font-size:18px}
.experiments{background:var(--bl-inset);border-top:1px solid var(--bl-border)}.experiments>summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding:16px 24px;list-style:none;cursor:pointer;font-size:var(--bl-text-sm);font-weight:500}.experiments>summary::-webkit-details-marker{display:none}.experiments>summary:hover{background:var(--bl-raised)}.experiment-count{font-size:var(--bl-text-xs);color:var(--bl-muted)}.chevron{margin-left:auto;color:var(--bl-muted);transition:transform var(--bl-duration-normal);font-size:18px}.experiments[open]>summary .chevron{transform:rotate(180deg)}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:var(--bl-text-xs);line-height:1.5;border:1px solid currentColor;border-radius:var(--bl-radius-sm);color:var(--bl-muted);white-space:nowrap;background:var(--bl-inset);font-weight:500}.status:before{content:'';width:5px;height:5px;border:1px solid currentColor;border-radius:50%}.status.testing{color:var(--bl-warning)}.status.testing:before,.status.live:before{background:currentColor}.status.tested{color:var(--bl-cyan)}.status.live{color:var(--bl-success)}
.experiment{padding:8px 24px 24px;scroll-margin-top:24px}.experiment+.experiment{border-top:1px solid var(--bl-border);padding-top:24px}.experiment h4{font-size:var(--bl-text-lead);line-height:1.4;margin-block:16px}.experiment p{font-size:var(--bl-text-sm);line-height:1.75;color:var(--bl-muted)}.technology-tags{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}.deployment-note{display:flex;gap:8px;padding-block:16px;border-block:1px dashed var(--bl-border);font-size:var(--bl-text-xs);color:var(--bl-muted)}.outcome{padding:16px;border:1px solid var(--bl-border);border-radius:var(--bl-radius-md);background:var(--bl-surface);margin-block:20px}.outcome h5,.next-step h5,.event-history h5{font-size:var(--bl-text-xs);font-weight:600;color:var(--bl-text);margin-bottom:8px}.next-step{margin-block:20px}.event-history ol{list-style:none;padding:0 0 0 12px;margin:16px 0 0 3px;border-left:1px solid var(--bl-border-strong)}.event-history li{position:relative;font-size:var(--bl-text-sm);padding:0 0 16px 8px}.event-history li:before{content:'';position:absolute;left:-16px;top:8px;width:6px;height:6px;background:var(--bl-cyan);border-radius:50%}.event-history li strong{font-weight:500}.event-history time,.unknown-date{display:block;color:var(--bl-muted);font-size:var(--bl-text-xs);margin-bottom:6px}.event-history p{font-size:var(--bl-text-sm);margin-top:6px}.experiment .tool-disclosure{font-size:var(--bl-text-xs);padding-top:16px;margin-top:16px;border-top:1px solid var(--bl-border)}
.notebook-section{background:var(--bl-inset);border-block:1px solid var(--bl-border)}.notebook-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.notebook-intro>p:not(.eyebrow){color:var(--bl-muted);margin-block:24px;font-size:var(--bl-text-body);max-width:40ch}.log-entry{padding-block:24px;border-bottom:1px solid var(--bl-border)}.log-entry:first-child{padding-top:0}.log-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.log-site{font-size:var(--bl-text-xs);color:var(--bl-muted)}.log-entry h3{font-size:var(--bl-text-lead);margin-bottom:12px}.log-entry>p{font-size:var(--bl-text-sm);color:var(--bl-muted);line-height:1.75;margin-bottom:12px}.log-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--bl-text-sm);color:var(--bl-accent);text-decoration:none}.log-link:hover{text-decoration:underline}.log-bottom{font-size:var(--bl-text-xs);color:var(--bl-muted);margin-top:24px}
.garage-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:40px;align-items:center;padding:40px;background:var(--bl-surface);border:1px solid var(--bl-border);border-radius:var(--bl-radius-xl)}.garage-icon{width:112px;height:112px;padding:12px;background:var(--bl-inset);border:1px solid var(--bl-border);border-radius:var(--bl-radius-xl);color:var(--bl-violet)}.garage-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.garage-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.garage-card>div>p:not(.eyebrow){font-size:var(--bl-text-body);color:var(--bl-muted);max-width:65ch}.empty-state{display:flex;gap:12px;margin-top:24px;align-items:flex-start}.empty-state>span{color:var(--bl-muted);font-size:24px;line-height:1.4}.empty-state strong{font-size:var(--bl-text-sm);font-weight:500}.empty-state p{font-size:var(--bl-text-sm);color:var(--bl-muted);margin-top:4px}
.status-guide{padding-block:0 48px}.status-guide>h2{font-size:var(--bl-text-lead);margin-bottom:24px}.status-guide dl{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0}.status-guide dd{font-size:var(--bl-text-sm);color:var(--bl-muted);margin:12px 0 0;line-height:1.7}.footer{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:32px;border-top:1px solid var(--bl-border)}.footer>div>p{font-size:var(--bl-text-xs);color:var(--bl-muted);margin-top:16px;max-width:60ch}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{font-size:var(--bl-text-sm);color:var(--bl-muted);text-decoration:none;min-height:44px;display:flex;align-items:center;gap:8px}.footer-links a:hover{color:var(--bl-accent)}.notice{border:1px solid var(--bl-border-strong);border-radius:var(--bl-radius-md);background:var(--bl-inset);padding:20px;font-size:var(--bl-text-sm);margin-bottom:24px}.notice p{margin-bottom:16px}.error{border-color:var(--bl-danger)}
@media(max-width:1100px){.header{gap:24px}.header nav{gap:16px}.hero{gap:40px}.passport-meta{flex-direction:column}.passport-description{min-height:96px}.overview>.text-link{display:none}.footer-links{gap:16px}.spotlight{padding:24px}}
@media(max-width:1023px){.wrap{width:calc(100% - 48px)}.header{flex-wrap:wrap;padding-block:24px;gap:20px}.header nav{order:3;width:100%;gap:32px}.appearance{margin-left:auto}.hero{gap:32px;padding-block:64px}.hero-intro{font-size:var(--bl-text-body)}.hero-actions{gap:12px}.passports{grid-template-columns:repeat(2,minmax(0,1fr))}.passport-meta{flex-direction:row}.passport-description{min-height:72px}.notebook-layout{gap:40px}.garage-card{grid-template-columns:112px 1fr;gap:24px;padding:32px}.garage-heading h2{font-size:1.75rem}.footer{align-items:flex-start}.footer-links{max-width:240px}}
@media(max-width:639px){.wrap{width:calc(100% - 32px)}.section{padding-block:48px}.header{gap:16px;padding-block:20px}.brand{font-size:1rem}.brand img{width:36px;height:36px}.appearance>summary{padding:10px;font-size:var(--bl-text-xs);gap:8px}.appearance-panel{width:min(300px,calc(100vw - 32px))}.header nav{gap:0;justify-content:space-between}.header nav a{font-size:var(--bl-text-xs)}.hero{grid-template-columns:1fr;padding-block:48px;gap:32px}h1{font-size:clamp(2.75rem,11vw,3.5rem)}h2{font-size:1.75rem}.hero-intro{font-size:var(--bl-text-body);margin-top:20px}.hero-actions{gap:12px;margin-top:24px}.hero-actions .button{width:100%}.hero-actions>.text-link{margin-inline:auto}.spotlight{padding:24px 20px}.spotlight-top{gap:8px}.spotlight-top .eyebrow{font-size:var(--bl-text-xs);max-width:14ch}.spotlight h2{font-size:1.75rem}.overview{flex-wrap:wrap;gap:24px;padding-block:24px}.overview>p br{display:none}.overview strong{margin-left:4px}.overview dl{flex-basis:100%;justify-content:space-between;gap:16px}.overview dd{font-size:var(--bl-text-h2)}.overview dt{font-size:var(--bl-text-xs)}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:16px}.atlas-toolbar{flex-wrap:wrap;gap:16px}.filters{gap:8px}.filter{font-size:var(--bl-text-xs);padding:10px 12px}.filter span{margin-left:6px}.passports{grid-template-columns:1fr;gap:24px}.passport-main{padding:24px 20px}.passport h3{font-size:var(--bl-text-h3)}.passport-description{min-height:0;font-size:var(--bl-text-body)}.passport-meta{flex-direction:row}.experiments>summary{padding-inline:20px}.experiment{padding-inline:20px}.notebook-layout{grid-template-columns:1fr;gap:32px}.notebook-intro>p:not(.eyebrow){max-width:none}.log-meta{gap:8px}.log-site{font-size:var(--bl-text-xs)}.garage-card{grid-template-columns:1fr;padding:24px 20px;gap:24px}.garage-icon{width:80px;height:80px}.garage-heading{gap:12px}.garage-heading h2{font-size:1.75rem}.status-guide{padding-bottom:40px}.status-guide dl{grid-template-columns:1fr 1fr;gap:24px 16px}.footer{flex-direction:column;gap:24px;padding-block:24px}.footer-links{max-width:none;gap:20px}.footer-links a{font-size:var(--bl-text-xs)}}
@supports not (backdrop-filter:blur(1px)){[data-intensity='immersive'][data-effects='on'] .spotlight{background:var(--bl-surface)}}
@media(prefers-reduced-transparency:reduce){.spotlight{background:var(--bl-surface)!important;backdrop-filter:none!important;box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){:root{--bl-border:var(--bl-border-strong)}.spotlight{background:var(--bl-surface)!important;box-shadow:none!important;backdrop-filter:none!important}}
@media(forced-colors:active){.button,.filter,.status,.tag,.passport,.spotlight,.garage-card,.appearance>summary,select{border:1px solid CanvasText}.spotlight{background:Canvas!important;box-shadow:none!important;backdrop-filter:none!important}.signal-wave svg,.garage-icon svg{stroke:CanvasText}.filter[aria-pressed='true'],.button.primary{background:Highlight;color:HighlightText}:focus-visible{outline-color:Highlight}}