/* UNFOLD adaptation of purchased Boldcase / Uiverse Design. */
:root{--canvas:#f2eee5;--surface:#fbf8f1;--ink:#0e0e0c;--ink-soft:#4a4842;--muted:#615e57;--line:#1a1916;--line-soft:rgba(14,14,12,.18);--accent:#ff5a1f;--lime:#d8ff3d;--shadow-soft:none;--shadow-card:none}
body{background:var(--canvas);font-family:Inter,"Noto Sans TC","PingFang TC",sans-serif;color:var(--ink)}
.site-header{background:var(--canvas);backdrop-filter:none;box-shadow:none;border-color:var(--line);border-radius:20px}.brand{font-family:"Bricolage Grotesque",sans-serif;font-weight:800}.desktop-nav{background:transparent;border:0}.section-index,.archive-kicker,.entry-state,.tool-tags{font-family:"JetBrains Mono","Noto Sans TC",monospace}.archive-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;padding:0;min-height:0;border:0;background:none;box-shadow:none;overflow:visible;margin-top:32px;border-radius:0}.archive-title-row{max-width:none;margin:0;padding:40px;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.archive-kicker{order:2;margin-top:26px}.archive-intro h1[lang="en"]{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(66px,7vw,104px);letter-spacing:-.045em;line-height:.96;text-align:left;margin:0}.title-accent{color:var(--ink)!important}.archive-description{order:3;font-size:17px;line-height:1.8;max-width:560px;margin:24px 0}.hero-read-link{order:4;background:var(--ink);color:var(--canvas);padding:12px 22px;border-radius:999px;min-height:44px;text-decoration:none}.archive-mark{display:none}.boldcase-photo{position:relative;min-height:360px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--ink);margin:0}.boldcase-photo img{width:100%;height:100%;position:absolute;object-fit:cover;filter:grayscale(1) contrast(1.15)}.boldcase-photo figcaption{position:absolute;bottom:20px;left:20px;background:var(--lime);padding:8px 14px;border:1px solid var(--ink);border-radius:999px;font:11px "JetBrains Mono",monospace;letter-spacing:.08em}.start-here{padding-top:48px}.start-grid{gap:14px}.start-card,.article-card,.tool-card,.featured-entry,.about-unfold,.lab-card{border:1px solid var(--line);border-radius:24px;box-shadow:none;background:var(--surface)}.start-card{padding:24px}.start-card:first-child{background:var(--lime)}.start-card:nth-child(2){background:var(--ink);color:var(--canvas)}.start-card:nth-child(2) p{color:var(--canvas)}.start-card:nth-child(3){background:var(--surface)}.start-card:hover,.article-card:hover,.tool-card:hover{box-shadow:0 6px 18px -10px #0e0e0c59}.article-grid{gap:14px}.article-card{padding:22px}.article-card h3{line-height:1.4}.article-card p{line-height:1.8}.thumbnail{border-radius:16px}.filter-button,.difficulty-button{border-color:var(--line-soft)}.filter-button.is-active,.difficulty-button.is-active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.tool-tags li{background:var(--canvas);color:var(--ink);border:1px solid var(--line-soft)}.archive-list-heading h2,.start-heading h2,.lab-heading h2{font-weight:900;letter-spacing:-.035em}.site-footer{border-color:var(--line)}.archive-lab{background:var(--ink);color:var(--canvas);border:1px solid var(--line);border-radius:24px;padding:32px}.archive-lab p{color:var(--canvas)}.lab-entry{background:var(--lime);color:var(--ink)}.lab-hero h1{font-family:"Bricolage Grotesque",sans-serif}.lab-hero h1 span{color:var(--accent)}.lab-art{background:var(--lime);border:1px solid var(--line);border-radius:24px;transform:none}.lab-submit{background:var(--surface);border:1px solid var(--line);border-radius:24px}.lab-cover{background:var(--canvas)}.lab-button{background:var(--ink)}.lab-text-button{color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--accent)}
@media(min-width:1000px){.start-grid{grid-template-columns:1.25fr 1fr 1fr}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.archive-intro{grid-template-columns:1fr}.boldcase-photo{min-height:220px}.archive-intro h1[lang="en"]{font-size:clamp(60px,10vw,90px)}}
@media(max-width:640px){.archive-title-row{padding:26px}.archive-intro h1[lang="en"]{font-size:clamp(42px,10.5vw,66px)}.archive-description{font-size:16px;line-height:1.8}.boldcase-photo{min-height:180px}.article-card{padding:18px}.archive-lab{padding:24px}.lab-submit h2{font-size:32px}.start-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.site-header a,.brand{text-decoration:none;border-bottom:0}.hero-read-link{box-shadow:none}.status-dot{background:var(--ink);box-shadow:none}.start-card:nth-child(2) h3,.start-card:nth-child(2) span{color:var(--canvas)}
/* Explicit foreground pairs when converting former dark sections to bone. */
.about-unfold{color:var(--ink)}
.about-unfold h2,.content-types span{color:var(--ink)}
.about-copy > p:not(.section-index),.content-types p{color:var(--ink-soft)}
.content-types > div{border-bottom-color:var(--line-soft)}
.about-unfold .section-index{color:var(--ink-soft)}
.archive-lab h2,.archive-lab .section-index{color:var(--canvas)}
/* Homepage readability audit: pair metadata and decorative previews explicitly. */
.section-index{color:#4a4842}
.hero-read-link>span{color:#0e0e0c}
.thumb-prompt .prompt-line{color:#0e0e0c;background:#fbf8f1}
.html-tag{color:#263b0c}
.archive-lab p{color:#f2eee5}
.archive-lab .section-index{color:#f2eee5}
.entry-state,.filter-status{font-size:12px}
.tag-list button,.tag-list span,.tool-tags li{font-size:12px}
.content-types p,.content-types span{font-size:14px}
@media(max-width:640px){.article-card p,.tool-description{font-size:16px}.content-types p{line-height:1.8}}
.archive-lab>div>p{color:#f2eee5}
.archive-lab p:not(.section-index){color:#f2eee5}