*{box-sizing:border-box}html{color-scheme:dark;background:#080b09}body{margin:0;background:radial-gradient(900px 450px at 50% -180px,rgba(57,255,20,.10),transparent 65%),#080b09;color:#eef1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:min(100% - 32px,1080px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,11,9,.90);backdrop-filter:blur(16px);border-bottom:1px solid #20251f}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;text-decoration:none;min-width:0}.brand-mobile-logo{display:block;width:68px;height:auto}.brand-desktop-logo{display:none;flex-direction:column;align-items:flex-start;gap:3px;line-height:0}.brand-wordmark{display:block;width:142px;height:auto}.brand-tagline{display:block;width:108px;height:auto;margin-left:17px}.main-nav{display:flex;gap:4px}.main-nav a{text-decoration:none;color:#aab2a7;padding:9px 11px;border-radius:9px;font-size:14px;font-weight:650}.main-nav a:hover,.main-nav a.active{color:#f4f6f2;background:#151a15}.intro{padding:58px 0 44px}.terminal-line{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#d7ddd4;font-size:12px;padding:10px 12px;border:1px solid #252c24;background:#0d110e;border-radius:9px;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-line span:first-child{color:#39ff14}.cursor{color:#39ff14;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.intro h1,.lab-hero h1,.single h1,.page-copy h1{font-size:clamp(34px,10vw,70px);line-height:.98;letter-spacing:-.055em;margin:22px 0 18px;max-width:900px}.intro h1 span,.lab-hero h1 span{color:#9aa398}.lead,.lab-hero>p{color:#aeb6ac;font-size:17px;max-width:680px;margin:0}.feed{padding:0 0 72px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid #242b23;padding-bottom:14px;margin-bottom:18px}.section-heading h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.eyebrow{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;letter-spacing:.12em;color:#39ff14;font-weight:700}.feed-count{font-family:"SFMono-Regular",Consolas,monospace;color:#697268;font-size:11px}.empty-state{border:1px dashed #30392f;background:linear-gradient(145deg,#0e120f,#0a0d0b);border-radius:14px;padding:28px 20px;display:flex;gap:16px;align-items:flex-start}.empty-state .prompt{font-family:Consolas,monospace;color:#39ff14;font-weight:800}.empty-state h3{margin:0 0 6px;font-size:18px}.empty-state p{margin:0;color:#899287}.post-list{display:grid;gap:18px}.post-card{overflow:hidden;border:1px solid #252c24;border-radius:16px;background:#0e120f;box-shadow:0 12px 35px rgba(0,0,0,.12)}.post-media{display:block;background:#090b09;border-bottom:1px solid #252c24}.post-media img,.single-media img{display:block;width:100%;height:auto;object-fit:contain}.post-body{padding:18px}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#7f887d;font-family:"SFMono-Regular",Consolas,monospace;font-size:10px}.project-chip{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--project-accent,#39ff14) 42%,#222);background:color-mix(in srgb,var(--project-accent,#39ff14) 9%,transparent);color:color-mix(in srgb,var(--project-accent,#39ff14) 80%,white 20%);padding:4px 7px;border-radius:999px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.post-body h3{font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:13px 0 10px}.post-body h3 a{text-decoration:none}.post-body p{margin:0;color:#aab2a8}.read-more{display:inline-flex;gap:7px;align-items:center;margin-top:16px;text-decoration:none;font-weight:700;font-size:13px;color:#dfe5dc}.read-more span{color:#39ff14}.read-more:hover{color:#fff}.site-footer{border-top:1px solid #20261f;background:#070907}.footer-inner{padding:26px 0 36px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none;line-height:0}.footer-wordmark{display:block;width:108px;height:auto}.footer-tagline{display:block;width:82px;height:auto;margin-left:13px}.footer-inner nav{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto;white-space:nowrap}.footer-inner nav a{color:#899187;font-size:12px;text-decoration:none}.lab-hero{padding:54px 0 38px}.lab-terminal{display:flex;align-items:center;gap:10px;margin-top:15px;background:#0e120f;border:1px solid #252d24;border-radius:12px;padding:12px 14px;max-width:540px}.lab-terminal code{font-size:12px;color:#b7c0b4}.lab-dot{width:8px;height:8px;border-radius:50%;background:#39ff14;box-shadow:0 0 14px rgba(57,255,20,.42)}.lab-card{border-color:#30382f}.lab-empty .prompt{font-size:14px}.single{padding:42px 0 72px}.back-link{font-size:12px;color:#8f998d;text-decoration:none}.single-head{margin:26px 0}.single-head h1{font-size:clamp(35px,9vw,66px);margin:16px 0 0}.single-media{margin:0 0 28px;border:1px solid #293128;border-radius:16px;overflow:hidden;background:#0a0d0b}.article-text{font-size:17px;color:#c7cec4;max-width:780px}.article-text p{margin:0 0 1.15em}.article-text.compact{font-size:15px}.page-copy{padding:52px 0 82px}.page-copy h1{font-size:clamp(40px,10vw,68px)}.legal-note{max-width:700px;border-left:2px solid #39ff14;padding:3px 0 3px 16px;color:#aeb6ac}.legal-note strong{color:#edf1ea}.legal-note p{margin:5px 0 0}.admin-link-hidden{display:none}
@media(max-width:559px){.footer-wordmark{width:96px}.footer-tagline{width:73px;margin-left:11px}.footer-inner nav{gap:12px}.footer-inner nav a{font-size:11px}.intro{padding:48px 0 38px}.lab-hero{padding:44px 0 32px}.intro h1{font-size:clamp(32px,8.4vw,40px);line-height:1.02;margin:18px 0 14px}.lab-hero h1{font-size:clamp(30px,7.8vw,38px);line-height:1.03;margin:18px 0 14px}.single-head h1{font-size:clamp(30px,8vw,40px);line-height:1.03}.page-copy h1{font-size:clamp(32px,8.2vw,42px);line-height:1.03}.lead,.lab-hero>p{font-size:15px;line-height:1.6}.section-heading h2{font-size:20px}.empty-state{padding:24px 18px;gap:14px}.empty-state h3{font-size:17px}.empty-state p{font-size:15px;line-height:1.55}.terminal-line{font-size:11px}.lab-terminal code{font-size:11px}.post-body h3{font-size:23px}}
@media(min-width:560px){.shell{width:min(100% - 48px,1080px)}.brand-mobile-logo{display:none}.brand-desktop-logo{display:flex}.intro h1,.lab-hero h1{font-size:clamp(40px,5vw,56px);line-height:1.02;letter-spacing:-.05em}.single-head h1{font-size:clamp(38px,4.8vw,54px);line-height:1.02}.page-copy h1{font-size:clamp(38px,4.8vw,54px);line-height:1.02}.lead,.lab-hero>p{font-size:16px}.intro{padding-top:76px}.post-body{padding:22px}.post-body h3{font-size:30px}.footer-inner{align-items:center;justify-content:space-between}}
@media(min-width:760px){.post-card{display:grid;grid-template-columns:minmax(280px,42%) 1fr;min-height:245px}.post-card:not(:has(.post-media)){grid-template-columns:1fr}.post-media{border-bottom:0;border-right:1px solid #252c24;display:flex;align-items:center}.post-media img{width:100%;height:100%;object-fit:cover}.lab-card .post-media img{object-fit:contain}.intro{padding-top:88px}.main-nav a{padding-inline:14px}.site-footer{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.cursor{animation:none}}
.preview-notice{border-bottom:1px solid #35402f;background:#11170f;color:#dbe2d7}.preview-notice>.shell{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;font-size:11px}.preview-notice strong{color:#39ff14;letter-spacing:.08em;text-transform:uppercase}.preview-notice span{color:#8f998d}
/* Kommentare · BUILD 006 */
.comments-section{max-width:780px;margin-top:56px;padding-top:34px;border-top:1px solid #242b23}.comments-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.comments-heading h2{font-size:24px;letter-spacing:-.035em;margin:3px 0 0}.comment-list{display:grid;gap:14px}.comment-card{border:1px solid #252d24;background:#0d110e;border-radius:14px;padding:18px}.comment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.comment-meta strong{font-size:14px}.comment-meta time{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;color:#788177}.comment-text{color:#bfc7bc;font-size:15px}.comment-text p{margin:0 0 .8em}.comment-text p:last-child{margin-bottom:0}.comment-approved{display:block;margin-top:9px;color:#626b61;font-size:9px;font-family:"SFMono-Regular",Consolas,monospace}.developer-reply{margin-top:16px;margin-left:18px;padding:14px 15px;border-left:2px solid #39ff14;background:#11170f;border-radius:0 10px 10px 0}.developer-reply header{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}.developer-reply header span{font-size:9px;color:#778076;text-transform:uppercase;letter-spacing:.1em}.developer-reply header strong{font-size:11px;letter-spacing:.09em}.developer-reply header strong b{color:#39ff14}.developer-reply header time{margin-left:auto;font-family:"SFMono-Regular",Consolas,monospace;font-size:9px;color:#6f786d}.comments-empty{color:#879086;margin:0 0 20px}.comment-form-wrap{margin-top:22px;border:1px solid #2a3329;background:#0d120e;border-radius:14px;padding:19px}.comment-form-wrap h3{font-size:18px;margin:0 0 4px}.comment-form-wrap>p{font-size:13px;color:#889187;margin:0 0 16px}.comment-form{display:grid;gap:13px;position:relative}.comment-form label>span{display:block;font-size:11px;font-weight:750;color:#b6beb4;margin-bottom:6px}.comment-form input,.comment-form textarea{width:100%;border:1px solid #30382f;background:#090c0a;color:#edf1eb;border-radius:9px;padding:11px 12px;font:inherit}.comment-form textarea{min-height:140px;resize:vertical}.comment-form input:focus,.comment-form textarea:focus{outline:2px solid rgba(57,255,20,.22);border-color:#39ff14}.comment-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.comment-form-bottom small{color:#737c72;font-size:10px}.comment-form button{border:0;border-radius:9px;padding:10px 13px;background:#39ff14;color:#0a0c09;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.comment-form button:hover{filter:brightness(1.06)}.comment-flash{padding:11px 12px;border-radius:9px;margin:0 0 14px;font-size:12px}.comment-flash.ok{background:#13200e;border:1px solid #31551d;color:#dcead3}.comment-flash.error{background:#251111;border:1px solid #542323;color:#f4cccc}.comments-closed{margin-top:20px;border:1px dashed #30392f;border-radius:11px;padding:14px 15px;color:#858e83;font-size:12px}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:559px){.comments-section{margin-top:44px;padding-top:28px}.comments-heading h2{font-size:21px}.comment-card{padding:15px}.comment-text{font-size:14px}.developer-reply{margin-left:8px;padding:12px 13px}.developer-reply header time{width:100%;margin-left:0}.comment-form-wrap{padding:16px}.comment-form-bottom{align-items:stretch;flex-direction:column}.comment-form button{width:100%}}
/* Lab-Module · BUILD 007 */
.experiment-grid{display:grid;grid-template-columns:1fr;gap:14px}.experiment-card{display:block;text-decoration:none;border:1px solid #293128;background:linear-gradient(145deg,#0f140f,#0b0e0c);border-radius:15px;padding:20px;min-height:190px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.experiment-card:hover{transform:translateY(-2px);border-color:#43513d;background:#111711}.experiment-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.experiment-icon{font-family:Consolas,monospace;color:#39ff14;font-weight:900}.experiment-version{font-family:Consolas,monospace;color:#697268;font-size:9px}.experiment-card h3{font-size:21px;letter-spacing:-.035em;margin:18px 0 7px}.experiment-card p{margin:0;color:#929b90;font-size:14px}.lab-notes-heading{margin-top:48px}.lab-secret-cursor{color:#39ff14;text-decoration:none;animation:blink 1.1s steps(1) infinite}.experiment-description{max-width:680px;color:#9fa89d;margin:8px 0 0}.experiment-stage{border:1px solid #293128;background:#0c100d;border-radius:16px;min-height:340px;padding:24px;overflow:hidden}.lab-widget{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.lab-widget h2{font-size:clamp(24px,5vw,36px);margin:0;letter-spacing:-.04em}.lab-widget p{max-width:580px;color:#aeb6ac;margin:0}.lab-button{border:1px solid #52631f;background:#39ff14;color:#090b08;border-radius:11px;padding:12px 16px;font:inherit;font-weight:850;cursor:pointer}.lab-button.secondary{background:#161d14;color:#dfe5dc;border-color:#344032}.lab-output{width:min(100%,640px);padding:16px 18px;border:1px solid #2a3329;border-radius:12px;background:#080b09;text-align:left;font-family:Consolas,monospace;color:#cbd3c7;white-space:pre-wrap}.terminal-widget{width:min(100%,720px);margin:auto}.terminal-screen{min-height:280px;background:#070a08;border:1px solid #2b342a;border-radius:12px;padding:16px;font:13px/1.6 Consolas,monospace;color:#c7d0c4;overflow:auto}.terminal-input-row{display:flex;align-items:center;gap:8px;margin-top:10px}.terminal-prompt{color:#39ff14;font:13px Consolas,monospace}.terminal-input{flex:1;background:#080b09;border:1px solid #2d372c;border-radius:9px;color:#edf1ec;padding:10px;font:13px Consolas,monospace}.switch-wrap{display:flex;align-items:center;gap:12px}.fake-switch{width:58px;height:30px;border-radius:999px;background:#222923;border:1px solid #394238;padding:3px;cursor:pointer}.fake-switch i{display:block;width:22px;height:22px;border-radius:50%;background:#808a7d;transition:transform .18s ease,background .18s ease}.fake-switch.on{background:#24320f;border-color:#607c16}.fake-switch.on i{transform:translateX(26px);background:#39ff14}.bug-target{position:relative;width:min(100%,680px);height:230px;border:1px dashed #30382f;border-radius:12px;background:#090c0a;overflow:hidden}.bug-dot{position:absolute;width:18px;height:18px;border:0;background:transparent;color:#39ff14;cursor:pointer;font-size:16px}.legal-content{max-width:760px;color:#b2bbb0}.legal-content h2{font-size:20px;color:#edf1eb;margin:30px 0 8px;letter-spacing:-.02em}.legal-content p{margin:0 0 14px}.legal-content a{color:#39ff14}.legal-updated{margin-top:36px!important;color:#778076;font:10px Consolas,monospace}
@media(min-width:700px){.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-stage{padding:34px}}
@media(max-width:559px){.experiment-card{min-height:165px;padding:17px}.experiment-card h3{font-size:19px}.experiment-stage{padding:16px;min-height:300px}.legal-content h2{font-size:18px;margin-top:25px}}
/* BUILD 011 · About */
.about-hero{padding:58px 0 42px}.about-hero>.eyebrow{display:block;margin-top:28px}.about-hero h1{font-size:clamp(34px,10vw,68px);line-height:.99;letter-spacing:-.055em;margin:10px 0 18px;max-width:900px}.about-hero h1 span{color:#9aa398}.about-content{padding:0 0 82px;max-width:900px}.about-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:34px 0;border-top:1px solid #242b23}.about-index{font-family:"SFMono-Regular",Consolas,monospace;color:#39ff14;font-size:10px;letter-spacing:.08em;padding-top:8px}.about-section h2{font-size:clamp(24px,4vw,34px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}.about-section p{max-width:760px;color:#b5bdb2;font-size:16px;margin:0 0 1.05em}.about-section p:last-child{margin-bottom:0}.about-section strong{color:#edf1eb}.about-section a{color:#dce3d9;text-decoration-color:#39ff14;text-underline-offset:3px}.about-principle{margin:24px 0;padding:18px 20px;border:1px solid #2b342a;border-left:2px solid #39ff14;border-radius:0 12px 12px 0;background:#0d120e}.about-principle p{font-size:18px;line-height:1.45;color:#e5eae2;margin:6px 0 0;max-width:680px}.wordplay-card{margin:18px 0 22px;padding:20px;border:1px solid #2a3329;border-radius:14px;background:linear-gradient(145deg,#0f140f,#0a0d0b)}.wordplay-main{font-family:"SFMono-Regular",Consolas,monospace;color:#edf1eb;font-size:clamp(15px,2.4vw,20px);font-weight:800;line-height:1.45}.wordplay-main span{color:#39ff14;padding:0 6px}.wordplay-translation{display:grid;gap:4px;margin-top:16px;padding-top:14px;border-top:1px solid #273026}.wordplay-translation span{font-size:11px;color:#818a7f}.wordplay-translation strong{font-size:17px;color:#edf1eb}.wordplay-translation small{font-size:12px;color:#929b90}.bemorefine{display:flex;flex-wrap:wrap;gap:.35em;margin:18px 0 0;font-size:clamp(30px,7vw,56px);line-height:1;font-weight:900;letter-spacing:-.055em}.bemorefine span{color:#39ff14;text-shadow:0 0 22px rgba(57,255,20,.08)}.wordplay-translation.second{max-width:700px;margin:14px 0 24px;padding:14px 16px;border:1px solid #283127;border-radius:11px;background:#0c100d}.build-line{font-family:"SFMono-Regular",Consolas,monospace!important;color:#8f988d!important;font-size:13px!important;margin-top:24px!important}.fine-signoff{font-size:clamp(22px,4vw,30px)!important;font-weight:850;color:#edf1eb!important;letter-spacing:-.035em;margin-top:8px!important}.about-lab-link{padding-bottom:14px}.about-lab-button{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:11px 14px;border:1px solid #344032;border-radius:10px;background:#111711;color:#eef2eb!important;text-decoration:none!important;font-size:13px;font-weight:800}.about-lab-button span{color:#39ff14}.about-lab-button:hover{border-color:#52614e;background:#151c15}
@media(max-width:559px){.about-hero{padding:46px 0 34px}.about-hero>.eyebrow{margin-top:22px}.about-hero h1{font-size:clamp(31px,8vw,39px);line-height:1.03;margin:9px 0 14px}.about-content{padding-bottom:62px}.about-section{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:28px 0}.about-index{font-size:9px;padding-top:6px}.about-section h2{font-size:24px;margin-bottom:15px}.about-section p{font-size:15px;line-height:1.62}.about-principle{padding:16px;margin:20px 0}.about-principle p{font-size:16px;line-height:1.5}.wordplay-card{padding:16px;margin:16px 0 20px}.wordplay-main{font-size:14px}.wordplay-main span{padding:0 3px}.wordplay-translation strong{font-size:15px}.wordplay-translation small{font-size:11px}.bemorefine{font-size:clamp(28px,9vw,38px);gap:.28em}.wordplay-translation.second{padding:13px 14px}.build-line{font-size:11px!important}.fine-signoff{font-size:23px!important}.about-lab-button{width:100%;justify-content:center}}
@media(min-width:560px){.about-hero{padding-top:76px}.about-hero h1{font-size:clamp(40px,5vw,56px);line-height:1.02;letter-spacing:-.05em}}
/* BUILD 012 · Page rhythm + About typography + brand signature */
.page-hero{padding:72px 0 44px}
.page-hero>.eyebrow{display:block;margin-top:24px}
.page-hero h1{font-size:clamp(40px,5vw,56px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 16px;max-width:900px}
.page-hero h1 span{color:#9aa398}
.page-hero .lead,.page-hero>p{color:#aeb6ac;font-size:16px;max-width:680px;margin:0}
.lab-secret-cursor{display:inline;color:#39ff14;text-decoration:none;animation:blink 1.1s steps(1) infinite}
/* About: all supporting typography stays in the site's normal scale. */
.about-section h2{font-size:30px}
.about-section p{font-size:16px}
.about-principle p{font-size:17px}
.bemorefine{font-size:32px;line-height:1.08;gap:.28em;letter-spacing:-.04em;margin-top:16px}
.wordplay-main{font-size:17px}
.wordplay-translation strong{font-size:16px}
.fine-signoff{font-size:25px!important}
/* The extended brand thought lives in the footer, not the functional header. */
@media(max-width:559px){
.page-hero{padding:46px 0 34px}
.page-hero>.eyebrow{margin-top:20px}
.page-hero h1{font-size:clamp(31px,8vw,39px);line-height:1.03;margin:9px 0 14px;letter-spacing:-.045em}
.page-hero .lead,.page-hero>p{font-size:15px;line-height:1.6}
.about-section h2{font-size:23px}
.about-section p{font-size:15px}
.about-principle p{font-size:15px}
.bemorefine{font-size:26px;gap:.24em;margin-top:14px}
.wordplay-main{font-size:14px}
.wordplay-translation strong{font-size:15px}
.fine-signoff{font-size:22px!important}
}
@media(min-width:760px){.page-hero{padding-top:88px}}
/* BUILD 013 · Typography audit + footer brand stack */
:root{
--mb-type-page-title:clamp(40px,5vw,56px);
--mb-type-section-title:22px;
--mb-type-body:16px;
--mb-type-lead:16px;
}
/* One scale across Home, Lab, About, posts and legal pages. */
.page-hero h1,.single-head h1,.page-copy h1{
font-size:var(--mb-type-page-title);
line-height:1.02;
letter-spacing:-.05em;
}
.page-hero .lead,.page-hero>p{
font-size:var(--mb-type-lead);
}
.section-heading h2,.comments-heading h2,.about-section h2,.legal-content h2{
font-size:var(--mb-type-section-title);
line-height:1.14;
letter-spacing:-.03em;
}
.article-text,.about-section p,.legal-content{
font-size:var(--mb-type-body);
}
.about-principle p,.wordplay-main{
font-size:var(--mb-type-body);
}
.bemorefine{
font-size:26px;
line-height:1.08;
gap:.26em;
letter-spacing:-.035em;
}
.fine-signoff{
font-size:22px!important;
}
/* Footer: the three official brand lines form B. / MORE. / FINE. visually. */
.footer-slogan{
display:block;
width:90px;
height:auto;
margin-left:9px;
margin-top:1px;
}
@media(max-width:559px){
:root{
--mb-type-page-title:clamp(31px,8vw,39px);
--mb-type-section-title:20px;
--mb-type-body:15px;
--mb-type-lead:15px;
}
.bemorefine{font-size:22px;gap:.22em}
.fine-signoff{font-size:20px!important}
.footer-slogan{width:80px;margin-left:7px}
}
/* BUILD 014 · restrained Easter eggs + 404 */
.terminal-easter-command{cursor:default;outline:none;border-radius:4px;transition:color .15s ease,background .15s ease}
.terminal-easter-command:focus-visible{outline:1px solid #39ff14;outline-offset:3px}
.terminal-easter-command.is-revealed{color:#39ff14;background:rgba(57,255,20,.045)}
.footer-slogan-wrap{position:relative;display:block;line-height:0}
.footer-fine-easter{position:absolute;right:0;top:0;width:38%;height:100%;border:0;padding:0;margin:0;background:transparent;cursor:default;appearance:none}
.footer-fine-easter:focus-visible{outline:1px dashed rgba(57,255,20,.55);outline-offset:2px;border-radius:2px}
.footer-easter-status{display:block;min-height:0;margin:0 0 0 9px;font:8px/1.3 "SFMono-Regular",Consolas,monospace;color:#39ff14;opacity:0;transform:translateY(-2px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}
.footer-easter-status.is-visible{opacity:.72;transform:translateY(0)}
.error-hero{padding-bottom:24px}
.error-hero h1{max-width:760px}
.error-actions{padding:0 0 82px;color:#9ca59a}
.error-actions p{max-width:620px;margin:0 0 18px;font-size:16px}
@media(max-width:559px){.footer-easter-status{font-size:7px;margin-left:7px}.error-actions{padding-bottom:62px}.error-actions p{font-size:15px}}
/* BUILD 016 · Screenshot galleries + lightbox */
.post-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#060806;border-bottom:1px solid #252c24;overflow:hidden}
.gallery-item{position:relative;display:block;overflow:hidden;min-width:0;background:#090b09;text-decoration:none;aspect-ratio:1/1;cursor:zoom-in}
.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease,filter .2s ease}
.gallery-item:hover img{transform:scale(1.015);filter:brightness(1.04)}
.gallery-count-1{grid-template-columns:1fr}
.gallery-count-1 .gallery-item{aspect-ratio:auto;min-height:180px}
.gallery-count-1 .gallery-item img{height:auto;max-height:520px;object-fit:contain}
.gallery-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-count-3 .gallery-item:first-child{grid-column:1/-1;aspect-ratio:16/9}
.gallery-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.single-gallery{margin:0 0 28px;border:1px solid #293128;border-radius:16px;background:#0a0d0b}
.single-gallery.gallery-count-1 .gallery-item{max-height:none}
.single-gallery.gallery-count-1 .gallery-item img{max-height:72vh;width:100%;object-fit:contain}
.card-gallery.gallery-count-1 .gallery-item img{max-height:380px}
.lightbox-open{overflow:hidden;touch-action:none}
.mbf-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.94);opacity:0;pointer-events:none;transition:opacity .16s ease;cursor:zoom-out;overscroll-behavior:contain}
.mbf-lightbox.is-open{opacity:1;pointer-events:auto}
.mbf-lightbox-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.mbf-lightbox-image{display:block;max-width:96vw;max-height:94vh;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform;cursor:zoom-out}
.mbf-lightbox-count{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font:10px/1.2 "SFMono-Regular",Consolas,monospace;color:rgba(255,255,255,.45);letter-spacing:.08em;pointer-events:none}
@media(min-width:760px){
.post-card:has(.post-gallery){display:grid;grid-template-columns:minmax(280px,42%) 1fr;min-height:245px}
.post-card:has(.post-gallery) .post-gallery{border-bottom:0;border-right:1px solid #252c24;min-height:100%;height:100%}
.post-card:has(.post-gallery) .gallery-item{min-height:0}
.post-card:has(.post-gallery) .gallery-count-1 .gallery-item,.post-card:has(.post-gallery).gallery-count-1 .gallery-item{height:100%}
/* Einzelbild-Teaser: gesamte Grafik im Kartenrahmen zeigen statt Logos/Text seitlich abzuschneiden. */
.post-card:has(.post-gallery) .gallery-count-1 .gallery-item img,.post-card:has(.post-gallery) .post-gallery.gallery-count-1 .gallery-item img{width:100%;height:100%;max-height:none;object-fit:contain}
}
@media(max-width:559px){
.post-gallery{gap:1px}
.gallery-count-1 .gallery-item{min-height:150px}
.single-gallery{border-radius:13px;margin-bottom:24px}
.mbf-lightbox-image{max-width:100vw;max-height:100vh}
.mbf-lightbox-count{bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.gallery-item img,.mbf-lightbox{transition:none}}
/* BUILD 017 · Zoom affordance + touch-safe screenshot hint */
.gallery-item::after{
content:"";
position:absolute;
top:10px;
right:10px;
z-index:3;
width:30px;
height:30px;
border-radius:999px;
border:1px solid rgba(255,255,255,.18);
background-color:rgba(5,8,6,.72);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.25'/%3E%3Cpath d='m16 16 4 4'/%3E%3Cpath d='M11 8v6M8 11h6'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
background-size:16px 16px;
box-shadow:0 5px 18px rgba(0,0,0,.28);
opacity:0;
transform:translateY(-2px) scale(.94);
transition:opacity .16s ease,transform .16s ease,background-color .16s ease;
pointer-events:none;
}
.gallery-item:focus-visible{outline:2px solid rgba(57,255,20,.72);outline-offset:-2px}
.gallery-item:focus-visible::after{opacity:.92;transform:translateY(0) scale(1);background-color:rgba(5,8,6,.82)}
@media(hover:hover) and (pointer:fine){
.gallery-item:hover::after{opacity:.92;transform:translateY(0) scale(1)}
}
@media(hover:none),(pointer:coarse){
.gallery-item::after{opacity:.68;transform:translateY(0) scale(1);width:28px;height:28px;top:8px;right:8px;background-size:15px 15px}
}
@media(prefers-reduced-motion:reduce){.gallery-item::after{transition:none}}
/* BUILD 018 · Contact page + social links */
.contact-content{padding:0 0 82px;max-width:900px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-card{border:1px solid #293128;background:linear-gradient(145deg,#0f140f,#0b0e0c);border-radius:15px;padding:22px;min-width:0}
.contact-card h2{font-size:var(--mb-type-section-title);line-height:1.14;letter-spacing:-.03em;margin:8px 0 10px}
.contact-card>p{color:#9fa89d;font-size:var(--mb-type-body);margin:0 0 20px}
.contact-email{display:block;color:#eef2eb;text-decoration:none;font-family:"SFMono-Regular",Consolas,monospace;font-size:15px;overflow-wrap:anywhere;margin:2px 0 18px}
.contact-email:hover{color:#39ff14}
.contact-action{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #344032;border-radius:10px;background:#111711;color:#eef2eb;text-decoration:none;font-size:13px;font-weight:800}
.contact-action span{color:#39ff14}.contact-action:hover{border-color:#52614e;background:#151c15}
.social-links{display:grid;gap:8px}
.social-links a{display:grid;grid-template-columns:minmax(72px,.8fr) minmax(0,1.7fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #293128;border-radius:10px;background:#090c0a;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.social-links a:hover{border-color:#465244;background:#101510;transform:translateY(-1px)}
.social-name{font-weight:800;color:#edf1eb}.social-handle{font:11px/1.4 "SFMono-Regular",Consolas,monospace;color:#7f887d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-arrow{color:#39ff14;font-weight:900}
.contact-note{margin-top:18px;padding:17px 18px;border:1px solid #293128;border-left:2px solid #39ff14;border-radius:0 12px 12px 0;background:#0d120e}
.contact-note p{margin:5px 0 0;color:#aeb6ac;font-size:14px;max-width:760px}
@media(max-width:559px){
.main-nav .nav-contact{display:none}
.contact-content{padding-bottom:62px}
.contact-grid{grid-template-columns:1fr;gap:12px}
.contact-card{padding:18px}
.contact-card>p{font-size:15px;line-height:1.6}
.contact-email{font-size:14px}
.social-links a{grid-template-columns:70px minmax(0,1fr) auto;padding:10px 11px}
.social-handle{font-size:10px}
.contact-note p{font-size:13px;line-height:1.55}
.footer-inner nav{gap:9px}
.footer-inner nav a{font-size:10px}
}
@media(max-width:380px){
.footer-wordmark{width:88px}.footer-tagline{width:67px;margin-left:10px}.footer-slogan{width:73px;margin-left:6px}
.footer-inner{gap:8px}.footer-inner nav{gap:7px}.footer-inner nav a{font-size:9px}
}
/* BUILD 003: Discord ist auf jeder öffentlichen Seite im Footer erreichbar. */
.footer-inner nav a.footer-discord{color:#39ff14;font-weight:800;border:1px solid #335630;background:#101b10;border-radius:999px;padding:7px 11px;white-space:nowrap}
.footer-inner nav a.footer-discord:hover,.footer-inner nav a.footer-discord:focus-visible{color:#080b09;background:#39ff14;border-color:#39ff14}
@media(max-width:559px){
.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}
.footer-inner nav{margin-left:0;justify-content:flex-start;flex-wrap:wrap;gap:10px 14px;white-space:normal}
.footer-inner nav a{font-size:11px}
}
/* BUILD 004 · Nur veröffentlichte Beiträge nach Projekt filtern */
.feed-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
.feed-reset{display:inline-flex;align-items:center;border:1px solid #344032;border-radius:9px;background:#111711;padding:7px 10px;text-decoration:none;color:#e3ebe0;font-size:12px;font-weight:750;white-space:nowrap}
.feed-reset:hover{border-color:#52614e;background:#172017;color:#fff}
.project-chip-link{text-decoration:none;transition:filter .15s ease,border-color .15s ease}
.project-chip-link:hover{filter:brightness(1.2);border-color:var(--project-accent,#39ff14)}
.project-chip-link:focus-visible,.feed-reset:focus-visible{outline:2px solid #39ff14;outline-offset:3px}
@media(max-width:559px){.section-heading{align-items:flex-start;flex-wrap:wrap}.feed-actions{width:100%;justify-content:space-between}}
/* BUILD 005 · independent album gallery */
.gallery-hero{padding:64px 0 36px}.gallery-hero h1{font-size:clamp(36px,6vw,62px);line-height:1.06;letter-spacing:-.05em;margin:14px 0 18px}.gallery-return{display:inline-flex;margin-top:19px;color:#b5ef9d;text-decoration:none;font-size:13px;font-weight:750}.gallery-return:hover{text-decoration:underline}.gallery-section{padding-bottom:82px}.gallery-album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:20px}.gallery-album-card{overflow:hidden;border:1px solid #2b352b;border-radius:15px;background:#101611}.gallery-album-cover{aspect-ratio:16/10;position:relative;background:#090e0a;display:block;overflow:hidden}.gallery-album-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}.gallery-album-cover:hover img{transform:scale(1.025)}.gallery-cover-count{position:absolute;right:11px;bottom:11px;background:rgba(7,12,8,.88);border:1px solid #355134;color:#e8f5e3;border-radius:7px;padding:3px 9px;font-size:11px}.gallery-album-body{padding:18px}.gallery-album-body h2{font-size:22px;line-height:1.17;letter-spacing:-.035em;margin:12px 0 10px}.gallery-album-body h2 a{text-decoration:none}.gallery-album-body p{color:#abb9aa;font-size:13px;margin:0 0 12px}.gallery-project-link{display:inline-block;color:#a6ea8e;font-family:Consolas,monospace;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-weight:750;font-size:11px}.gallery-project-link:hover{text-decoration:underline}.gallery-album-open{display:inline-block;margin-top:7px;font-size:13px;color:#e6eee3;text-decoration:none;font-weight:750}.gallery-album-info{display:flex;align-items:center;gap:14px;margin-bottom:20px;color:#8e988e;font-size:12px}.gallery-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.gallery-photo{margin:0;min-width:0}.gallery-photo-link{position:relative;display:block;aspect-ratio:4/3;background:#101611;border:1px solid #2a352a;border-radius:12px;overflow:hidden}.gallery-photo-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.gallery-photo-link:hover img{transform:scale(1.02)}.gallery-zoom{position:absolute;bottom:11px;right:11px;background:rgba(0,0,0,.73);border-radius:7px;padding:3px 8px;color:#fff;font-size:20px}.gallery-photo figcaption{font-size:12px;color:#a3b09f;margin:8px 3px 0}.gallery-photo-link:focus-visible,.gallery-album-cover:focus-visible{outline:2px solid #39ff14;outline-offset:3px}
@media(max-width:559px){.main-nav{gap:0}.main-nav a{font-size:12px;padding:8px 6px}.header-inner{gap:8px}.brand-mobile-logo{width:48px}.gallery-hero{padding:42px 0 28px}.gallery-album-grid{gap:14px}}
@media(prefers-reduced-motion:reduce){.gallery-album-cover img,.gallery-photo-link img{transition:none}}
@media(max-width:360px){.main-nav a{font-size:10.5px;padding:8px 4px}.brand-mobile-logo{width:40px}.header-inner{gap:6px}}
/* BUILD 009 · dynamic community profiles, responsive footer. */
.social-links .social-identity{display:grid;grid-template-columns:minmax(72px,.8fr) minmax(0,1.7fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #293128;border-radius:10px;background:#090c0a}
.social-identity .social-arrow{font-size:9px;color:#7b8879}
.footer-links{display:grid;justify-items:end;gap:10px;min-width:0}
.footer-links nav{display:flex;margin:0;align-items:center;justify-content:flex-end;gap:9px 15px;flex-wrap:wrap;white-space:normal}
.footer-links .footer-community{gap:7px 11px}
.footer-links .footer-community a{font-size:11px;color:#c9d5c6}
.footer-links .footer-legal a{color:#899187}
@media(max-width:759px){.footer-inner{align-items:flex-start;flex-direction:column;gap:17px}.footer-links{justify-items:start;width:100%}.footer-links nav{justify-content:flex-start}}
@media(max-width:559px){.social-links .social-identity{grid-template-columns:70px minmax(0,1fr) auto;padding:10px 11px}.footer-links nav a{font-size:11px}}
/* BUILD 010 · Projektübersicht und Detailseiten. Keine neuen externen Bibliotheken. */
.project-overview-section,.project-profile-section{padding-bottom:54px}
.project-overview-hero{padding-bottom:34px}
.project-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:17px}
.project-overview-card{min-width:0;overflow:hidden;background:#0e130f;border:1px solid #273227;border-radius:15px;display:flex;flex-direction:column;transition:border-color .16s ease}
.project-overview-card:hover{border-color:#556f4d}
.project-overview-cover{display:block;aspect-ratio:16/9;background:radial-gradient(circle at 50% 40%,#1c3220,#0c110d 80%);overflow:hidden;text-decoration:none;position:relative}
.project-overview-cover img{width:100%;height:100%;object-fit:cover;display:block}
.project-overview-placeholder{display:grid;place-items:center;height:100%;font:700 38px Consolas,monospace;color:var(--project-accent,#39ff14)}
.project-overview-body{padding:18px 19px 20px;display:flex;flex:1;flex-direction:column;gap:10px}
.project-overview-body .eyebrow{color:var(--project-accent,#39ff14);font-size:10px}
.project-overview-body h3{font-size:21px;line-height:1.18;letter-spacing:-.025em;margin:0}
.project-overview-body h3 a{color:#f0f4ec;text-decoration:none}
.project-overview-body h3 a:hover{text-decoration:underline;text-decoration-color:var(--project-accent,#39ff14)}
.project-overview-body p{font-size:13px;line-height:1.6;margin:0;color:#b1bcae}
.project-overview-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}
.project-overview-stats span{font:11px/1.5 Consolas,monospace;color:#b0c3a8;background:#182018;padding:4px 10px;border-radius:20px;border:1px solid #2a3628}
.project-overview-action{display:inline-flex;margin-top:auto;padding-top:7px;text-decoration:none;color:var(--project-accent,#39ff14);font-size:13px;font-weight:800;align-self:flex-start}
.project-section-link{font-size:13px;color:#b9eda7;text-decoration:none;font-weight:700;white-space:nowrap}
.project-section-link:hover{text-decoration:underline}
.project-profile-hero{padding:43px 0 56px}
.project-profile-hero .back-link{display:inline-block;margin-bottom:30px}
.project-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:35px}
.project-profile-heading h1{font-size:clamp(36px,5vw,56px);letter-spacing:-.045em;line-height:1.05;margin:10px 0 18px;overflow-wrap:anywhere}
.project-profile-heading .lead{color:#aeb9a9;max-width:580px;font-size:16px;line-height:1.65;white-space:pre-line}
.project-profile-image{border:1px solid #283b28;border-radius:15px;background:#0a0e0a;overflow:hidden;aspect-ratio:16/9}
.project-profile-image img{width:100%;height:100%;object-fit:contain;display:block}
.project-news-list{display:grid;gap:10px}
.project-news-item{border:1px solid #293428;background:#0d120e;border-radius:12px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.project-news-item time{font:11px Consolas,monospace;color:#91a08d}
.project-news-item h3{font-size:18px;margin:8px 0;line-height:1.3}
.project-news-item h3 a{color:#eff3ed;text-decoration:none}
.project-news-item h3 a:hover{text-decoration:underline;text-decoration-color:#39ff14}
.project-news-item p{font-size:13px;color:#9faa9b;margin:0;line-height:1.55}
.project-news-arrow{font-size:23px;text-decoration:none;color:#39ff14}
.project-album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:15px}
.project-album-tile{display:block;overflow:hidden;border-radius:12px;border:1px solid #293428;background:#101610;text-decoration:none}
.project-album-tile img{display:block;aspect-ratio:16/10;object-fit:cover;width:100%}
.project-album-tile span{display:block;color:#f0f4ed;font-size:14px;font-weight:750;padding:12px 13px}
.project-album-tile:hover{border-color:#577e4b}
@media (min-width:560px) and (max-width:780px){.main-nav a{font-size:12px;padding:8px 7px}.header-inner{gap:8px}.brand-wordmark{width:124px}.brand-tagline{width:96px}}
@media (max-width:699px){.project-profile-layout{grid-template-columns:1fr;gap:22px}.project-profile-hero{padding-bottom:34px}.project-profile-image{max-width:620px}}
@media (max-width:559px){.project-overview-grid{gap:13px}.project-overview-body{padding:15px 17px 17px}.project-overview-section,.project-profile-section{padding-bottom:36px}.project-profile-section .section-heading{gap:10px;flex-wrap:wrap}.project-overview-hero{padding-bottom:24px}.project-profile-hero{padding-top:24px}}
@media (max-width:380px){.main-nav a{font-size:10px;padding:8px 3px}}
@media (prefers-reduced-motion:reduce){.project-overview-card{transition:none}}
/* BUILD 011 · Plattformunabhängiges Link-Icon statt Emoji-Pfeil. */
.social-external-icon{display:block;width:19px;height:19px;flex:none;justify-self:end}
.footer-community a{display:inline-flex;align-items:center;gap:5px}
.footer-external-icon{display:block;width:13px;height:13px;flex:none}
/* BUILD 012 · Portraits in news and Lab notes (no cropping, no second image version). */
/* Lab notes reuse the existing lightbox just like Devlog image cards. */
.lab-media .gallery-item{aspect-ratio:auto;min-height:0;display:block;width:100%}
.lab-media .gallery-item img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;margin-inline:auto}
/* Mixed multi-image galleries: preserve portrait screenshots instead of cropping them. */
.card-gallery .gallery-item.media-portrait-item img{object-fit:contain}
@media(min-width:760px){
.post-card.has-portrait-media{display:grid;grid-template-columns:minmax(170px,30%) minmax(0,1fr);min-height:240px}
.post-card.has-portrait-media>.post-gallery,
.post-card.has-portrait-media>.post-media{position:relative;display:block;min-height:0;height:100%;border-right:1px solid #293128;border-bottom:0;background:radial-gradient(ellipse at center,#142119,#080c09 78%)}
.post-card.has-portrait-media .gallery-item{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}
.post-card.has-portrait-media .gallery-item img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}
.post-card.has-portrait-media>.post-body{min-width:0;align-self:start}
}
@media(max-width:759px){
.post-card.has-portrait-media>.post-gallery,
.post-card.has-portrait-media>.post-media{position:relative;height:clamp(190px,56vw,260px);min-height:0;background:radial-gradient(ellipse at center,#142119,#080c09 78%);overflow:hidden}
.post-card.has-portrait-media .gallery-item{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}
.post-card.has-portrait-media .gallery-item img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain}
}
/* Keep the three footer areas compact on phones: brand left, links right. */
@media(max-width:759px){
.footer-inner{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:12px;padding:22px 0 28px}
.footer-brand{grid-column:1;min-width:0}
.footer-links{grid-column:2;justify-self:stretch;justify-items:end;align-content:start;gap:12px;width:100%;min-width:0}
.footer-links nav{margin:0;justify-content:flex-end;gap:9px 12px;flex-wrap:wrap;white-space:normal}
.footer-links nav a{font-size:11px}
.footer-links .footer-legal{row-gap:7px}
}
@media(max-width:380px){
.footer-inner{gap:9px}
.footer-wordmark{width:88px}
.footer-tagline{width:67px;margin-left:10px}
.footer-slogan{width:73px;margin-left:6px}
.footer-links nav{column-gap:10px}
}
/* BUILD 015 · Projektprofile: lesbare Statusmarkierungen und Meilensteine. */
.project-profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin:5px 0}
.project-profile-tags span{font:700 11px/1.4 system-ui,sans-serif;color:#dbebd4;border:1px solid #355234;border-radius:999px;background:#142016;padding:5px 9px;overflow-wrap:anywhere}
.project-profile-progress{padding:11px 14px;margin:14px 0;border:1px solid #2c462b;border-left:3px solid var(--project-accent,#39ff14);border-radius:8px;background:#0e180f;overflow-wrap:anywhere}
.project-profile-progress p{margin:4px 0;color:#b3c3ad;font-size:13px;line-height:1.55}
.project-profile-progress strong{color:#e0efda}
@media(max-width:559px){.project-profile-tags{gap:6px}.project-profile-progress{padding:10px 12px}}
/* BUILD 016 · Öffentliche Querverweise: Devlog ⇄ Bildergalerie ⇄ Projektseite. */
.project-jump-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.project-jump-links a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #344834;border-radius:9px;background:#111b12;color:#d1edc7;text-decoration:none;font-size:12px;font-weight:700}
.project-jump-links a:hover{border-color:#39ff14;background:#172619}
.related-content{margin:36px 0 12px;padding:22px;border:1px solid #293728;border-radius:15px;background:#0d130e;min-width:0}
.related-content-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:13px;border-bottom:1px solid #293428}
.related-content-head h2{margin:4px 0 0;font-size:clamp(19px,3vw,24px);line-height:1.2;overflow-wrap:anywhere}
.related-project-link{color:#abec96;font-size:12px;font-weight:750;text-decoration:none}
.related-content-group{margin-top:18px}
.related-content-group h3{color:#acb8a8;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 9px}
.related-link-list{display:grid;gap:8px}
.related-link-item{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:12px 13px;border:1px solid #293528;border-radius:10px;background:#101711;color:#eef3ec;text-decoration:none;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.related-link-item>span:last-child{color:#39ff14;flex:none}
.related-link-item:hover{border-color:#54794a;background:#152017}
.related-link-item:focus-visible,.related-project-link:focus-visible,.project-jump-links a:focus-visible{outline:2px solid #39ff14;outline-offset:3px}
.gallery-project-return{margin-left:16px}
@media(max-width:559px){.related-content{margin:24px 0 10px;padding:16px}.related-content-head{align-items:flex-start}.related-link-item{font-size:13px;padding:11px}.gallery-project-return{margin-left:10px}}
/* BUILD 017 · Sehr kompakte öffentliche Aktivitätszeile. Keine Bilder, keine Kartenstapel. */
.activity-strip{padding-top:2px;padding-bottom:20px}
.activity-strip h2{font:700 11px/1.4 Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#84bd7b;margin:0 0 10px}
.activity-strip-items{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
.activity-strip-link{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;min-width:0;max-width:100%;padding:9px 12px;border:1px solid #2d422d;background:#0d160e;border-radius:10px;text-decoration:none;color:#e2ebe0;font-size:12px}
.activity-strip-link strong{font-size:12px;overflow-wrap:anywhere}
.activity-strip-kind{font:700 10px/1.4 Consolas,monospace;color:#39ff14;text-transform:uppercase;letter-spacing:.04em}
.activity-strip-sub{font-size:10px;color:#a7b6a3}
.activity-strip-link:hover{border-color:#57a54b;background:#112013}
.activity-strip-link:focus-visible{outline:2px solid #39ff14;outline-offset:2px}
@media(max-width:759px){
.activity-strip{padding-bottom:12px}
.activity-strip h2{margin-bottom:7px}
.activity-strip-items{gap:6px}
.activity-strip-link{padding:7px 9px;font-size:11px}
.activity-strip-link strong{font-size:11px}
.activity-strip-sub{display:none}
}
/* BUILD 019 · Lab-Notizen mit öffentlichen Experimenten verknüpfen. */
.lab-card{scroll-margin-top:100px}
.lab-note-experiment-link{display:inline-block;max-width:100%;margin-top:16px;padding:10px 13px;border:1px solid #35532c;border-radius:10px;background:#101b11;color:#bdf2ad;text-decoration:none;font-weight:750;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.lab-note-experiment-link span{color:#39ff14;margin-left:8px;white-space:nowrap}
.lab-note-experiment-link:hover{background:#17271a;border-color:#50784a}
.lab-experiment-notes{margin:32px 0 8px}
.lab-experiment-note-list{display:grid;gap:9px;margin-top:17px}
.lab-experiment-note{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:13px 15px;border:1px solid #2b372a;border-radius:10px;background:#0e150f;text-decoration:none;color:#edf1eb;overflow-wrap:anywhere}
.lab-experiment-note>span:first-child{grid-column:1;grid-row:1 / 3;font-size:14px;font-weight:750}
.lab-experiment-note small{grid-column:2;grid-row:1;font-size:11px;color:#94a18f;white-space:nowrap}
.lab-experiment-note>span:last-child{grid-column:2;grid-row:2;justify-self:end;color:#39ff14}
.lab-experiment-note:hover{border-color:#4e7442;background:#132016}
.lab-note-experiment-link:focus-visible,.lab-experiment-note:focus-visible{outline:2px solid #39ff14;outline-offset:3px}
@media(max-width:559px){.lab-experiment-notes{margin-top:24px}.lab-experiment-note{padding:12px}.lab-note-experiment-link{font-size:12px}}
/* BUILD 020 · Responsive Seitennavigation für Devlog, Lab und Experiment-Notizen. */
.public-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:26px 0 12px;padding:0;max-width:100%}
.public-pagination .page-step,.public-pagination .page-number{display:inline-flex;justify-content:center;align-items:center;min-height:40px;min-width:40px;padding:8px 11px;border:1px solid #334133;border-radius:9px;background:#101711;color:#e9f2e5;text-decoration:none;font-size:13px;font-weight:750}
.public-pagination .page-step:hover,.public-pagination a.page-number:hover{border-color:#70a557;color:#39ff14;background:#182319}
.public-pagination .page-number.is-current{border-color:#39ff14;background:#182b17;color:#a7ff94}
.public-pagination .page-step.is-disabled{opacity:.38}
.public-pagination .page-ellipsis{color:#9daa94;padding:0 2px}
.public-pagination a:focus-visible{outline:2px solid #39ff14;outline-offset:2px}
@media(max-width:559px){.public-pagination{gap:5px;margin:20px 0 10px}.public-pagination .page-step,.public-pagination .page-number{min-height:42px;min-width:40px;padding:8px;font-size:12px}}
/* BUILD 021 · Allgemeine News nutzen die bestehende Chip-Darstellung. */
.news-category-chip{--project-accent:#39ff14}
/* BUILD 022 · Article Markdown, scoped to published article content (not comments). */
.article-text a{color:#a2f48e;text-decoration:underline;text-decoration-color:#69b35c;text-underline-offset:3px;overflow-wrap:anywhere}
.article-text a:hover{color:#d1ffc5}
.article-text strong{color:#ecf5e9;font-weight:800}
.article-text h2,.article-text h3,.article-text h4{color:#e9f5e6;line-height:1.24;letter-spacing:-.02em;overflow-wrap:anywhere}
.article-text h2{font-size:1.45em;margin:1.2em 0 .55em}
.article-text h3{font-size:1.25em;margin:1.1em 0 .5em}
.article-text h4{font-size:1.12em;margin:1em 0 .45em}
.article-text ul,.article-text ol{padding-left:1.45em;margin:.35em 0 1.2em}
.article-text li{padding-left:.1em;margin:.3em 0}
.article-text li::marker{color:#74db55}
.article-text p{overflow-wrap:anywhere}
.article-text.compact h2{font-size:1.3em}
.article-text.compact h3{font-size:1.15em}
.post-body .article-text p{margin:0 0 .9em}
@media(max-width:559px){.article-text h2{font-size:1.3em}.article-text h3{font-size:1.15em}}