diff --git a/public/brand-mark.svg b/public/brand-mark.svg
new file mode 100644
index 0000000..5d97435
--- /dev/null
+++ b/public/brand-mark.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
+  <rect width="40" height="40" rx="12" fill="#FF2442"/>
+  <path d="M21 10H12a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-9" stroke="#FFF" stroke-width="2.5" stroke-linecap="round"/>
+  <path d="M16 24v-6a2 2 0 0 1 2-2h6" stroke="#FFF" stroke-width="2.5" stroke-linecap="round"/>
+  <rect x="26" y="8" width="6" height="6" rx="1.5" fill="#FFF"/>
+</svg>
diff --git a/src/components/Feed.tsx b/src/components/Feed.tsx
index d7072b9..ad8e3f7 100644
--- a/src/components/Feed.tsx
+++ b/src/components/Feed.tsx
@@ -6,7 +6,6 @@ import { useEffect,useRef,useState } from "react";
 import { useRouter } from "next/router";
 import { Search,Image as ImageIcon,ArrowUpRight,AudioLines,Film,Layers,ArrowDown,Upload } from "lucide-react";
 import { Shell } from "./Shell";
-import { Heatmap } from "./Heatmap";
 import { sections,mediaUrl,type FeedData,type Post } from "@/lib/model";
 export function PostCard({post}:{post:Post}){
  const image=post.assets.find(a=>a.kind==='image');const video=post.assets.find(a=>a.kind==='video');const cover=post.cover_asset_id||image?.id;
@@ -15,14 +14,14 @@ export function PostCard({post}:{post:Post}){
  return <Link className="post-card" href={`/p/${post.slug}`}><div className={`post-cover cover-${post.kind}`} style={image?.width&&image?.height?{aspectRatio:`${image.width}/${image.height}`,maxHeight:460}:undefined}>
   {source?<img src={source} alt={post.title} loading="lazy"/>:post.kind==='audio'?<div className="waveform">{Array.from({length:36},(_,i)=><i key={i} style={{height:12+((i*31)%65)}}/>)}</div>:<div className="cover-symbol">{post.kind==='video'?<Film size={42}/>:<Layers size={42}/>}<span>{label}</span></div>}
   {count>1&&<span className="cover-count"><Layers size={12}/>{count}</span>}{video&&<span className="cover-badge">{video.has_audio?'有声音':'无声音'}</span>}
- </div><h3>{post.title}</h3><div className="post-meta"><span><i className={`type-dot ${post.kind}`}/>{label}</span><time>{new Date(post.created_at).toLocaleDateString('zh-CN',{month:'2-digit',day:'2-digit',timeZone:'Asia/Shanghai'})}</time></div>{post.tags.length>0&&<div className="card-tags">{post.tags.slice(0,2).map(t=><span key={t.id}>#{t.name}</span>)}</div>}</Link>;
+ </div><h3 title={post.title}>{post.title}</h3><div className="post-meta"><span><i className={`type-dot ${post.kind}`}/>{label}</span><time>{new Date(post.created_at).toLocaleDateString('zh-CN',{month:'2-digit',day:'2-digit',timeZone:'Asia/Shanghai'})}</time></div></Link>;
 }
 function Masonry({posts,includeSkills=false,q=""}:{posts:Post[];includeSkills?:boolean;q?:string}){
  const element=useRef<HTMLDivElement>(null);const [width,setWidth]=useState(1100);
  useEffect(()=>{if(!element.current)return;const observer=new ResizeObserver(entries=>setWidth(entries[0].contentRect.width));observer.observe(element.current);return ()=>observer.disconnect();},[]);
  const count=width>1250?5:width>1000?4:width>720?3:2;
- type Item={post?:Post;skill?:typeof skillCatalog[number];date:string};const columns:Item[][]=Array.from({length:count},()=>[]);const items:Item[]=[...posts.map(post=>({post,date:post.created_at})),...(includeSkills?skillCatalog.filter(s=>(s.title+s.description+s.category).toLowerCase().includes(q.toLowerCase())).map(skill=>({skill,date:skill.created_at})):[])].sort((a,b)=>b.date.localeCompare(a.date));const heights=Array(count).fill(0);const cardWidth=(width-22*(count-1))/count;
- for(const item of items){const image=item.post?.assets.find(a=>a.kind==='image');const ratio=item.skill?1.25:image?.width&&image.height?image.height/image.width:item.post?.kind==='audio'?1:1.25;const index=heights.indexOf(Math.min(...heights));columns[index].push(item);heights[index]+=Math.min(cardWidth*ratio,460)+(item.skill?170:120);}
+ type Item={post?:Post;skill?:typeof skillCatalog[number];date:string};const columns:Item[][]=Array.from({length:count},()=>[]);const items:Item[]=[...posts.map(post=>({post,date:post.created_at})),...(includeSkills?skillCatalog.filter(s=>(s.title+s.description+s.category).toLowerCase().includes(q.toLowerCase())).map(skill=>({skill,date:skill.created_at})):[])].sort((a,b)=>b.date.localeCompare(a.date));const heights=Array(count).fill(0);const cardWidth=(width-(width<=720?14:20)*(count-1))/count;
+ for(const item of items){const image=item.post?.assets.find(a=>a.kind==='image');const ratio=item.skill?1.25:image?.width&&image.height?image.height/image.width:item.post?.kind==='audio'?1:1.25;const index=heights.indexOf(Math.min(...heights));columns[index].push(item);heights[index]+=Math.min(cardWidth*ratio,item.skill?440:460)+78;}
 
  return <div ref={element} className="masonry" style={{gridTemplateColumns:`repeat(${count}, minmax(0,1fr))`}}>{columns.map((items,i)=><div className="masonry-column" key={i}>{items.map(item=>item.skill?<SkillCard skill={item.skill} key={item.skill.id}/>:<PostCard post={item.post!} key={item.post!.id}/>)}</div>)}</div>;
 }
@@ -33,7 +32,6 @@ export function Feed({initial,section='',tagPath=''}:{initial:FeedData;section?:
  async function load(){const gen=generation.current;setBusy(true);setError('');try{const q=new URLSearchParams({section,path:tagPath,cursor:cursor||'',q:String(router.query.q||'')});const res=await fetch('/api/feed?'+q);const d=await res.json();if(!res.ok)throw new Error(d.error);if(gen===generation.current){setPosts(old=>[...old,...d.posts.filter((p:Post)=>!old.some(a=>a.id===p.id))]);setCursor(d.nextCursor);}}catch{if(gen===generation.current)setError('加载没有完成，点击重试。');}finally{if(gen===generation.current)setBusy(false);}}
  return <Shell><Head><title>{target?.name||current?.name||'灵感首页'} · PROMPT</title><meta name="description" content="自己的图文、视频与声音创作空间"/><link rel="alternate" type="text/markdown" href="/index.md" title="Agent 文档入口"/></Head>
   {current&&<header className="page-header feed-heading"><div><h1>{target?.name||current.name}</h1><p>{current.hint}</p></div></header>}
-  {!section&&<Heatmap data={initial.contributions}/>}
   {tagPath&&<div className="breadcrumbs"><Link href={`/${section}`}>全部{current?.name}</Link>{tagPath.split('/').map((_,i)=>{const path=tagPath.split('/').slice(0,i+1).join('/');return <span key={path}> / <Link href={`/${section}/${path}`}>{initial.tags.find(t=>t.path===path)?.name}</Link></span>;})}</div>}
   <div className="feed-toolbar"><div className="feed-tabs">{!section?<><Link className="selected" href="/">全部</Link>{sections.map(s=><Link key={s.path} href={`/${s.path}`}>{s.name}</Link>)}</>:<><Link className={!tagPath?'selected':''} href={`/${section}`}>全部</Link>{children.map(t=><Link key={t.id} href={`/${section}/${t.path}`}>{t.name}</Link>)}</>}</div><span className="sort-label"><ArrowDown size={13}/>最近收录</span></div>
   {initial.unavailable?<div className="empty-state"><Layers/><h2>素材库暂时没有连接上</h2><p>请稍后刷新，已保存的内容不会因此丢失。</p></div>:(posts.length||(!section&&skillCatalog.some(s=>(s.title+s.description+s.category).toLowerCase().includes(String(router.query.q||'').toLowerCase()))))?<Masonry posts={posts} includeSkills={!section} q={String(router.query.q||'')}/>:<div className="empty-state"><div className="empty-art"><span/><ImageIcon size={42} strokeWidth={1.2}/><i><AudioLines size={18}/></i><b><Film size={19}/></b></div><span className="eyebrow">A LITTLE SPACE FOR SOMETHING GOOD</span><h2>{router.query.q?'还没有找到这份灵感':'这里还没有内容'}</h2><p>{router.query.q?'换一个词试试看。':'导入图片、视频或声音，开始整理你的素材。'}</p><Link className="primary-button" href={`/library/import${current&&['image','video','audio'].includes(current.kind)?'?kind='+current.kind:''}`}><Upload size={16}/>导入素材<ArrowUpRight size={16}/></Link><small>图文和动态作品通过代码加入，自由决定每一个像素。</small></div>}
diff --git a/src/components/Heatmap.tsx b/src/components/Heatmap.tsx
deleted file mode 100644
index 0897eab..0000000
--- a/src/components/Heatmap.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { useState,useRef,useEffect } from "react";
-export function Heatmap({data}:{data:{day:string;total:number}[]}){
- const [hover,setHover]=useState('');const values=new Map(data.map(d=>[d.day,d.total]));
- const scroller=useRef<HTMLDivElement>(null);
- useEffect(()=>{if(scroller.current)scroller.current.scrollLeft=scroller.current.scrollWidth;},[]);
- const now=new Date();const today=new Date(now.toLocaleDateString('en-CA',{timeZone:'Asia/Shanghai'})+'T00:00:00Z');
- const start=new Date(today);start.setUTCDate(start.getUTCDate()-364-start.getUTCDay());
- const days=Array.from({length:371},(_,i)=>{const d=new Date(start);d.setUTCDate(d.getUTCDate()+i);return d;});
- const total=data.reduce((s,d)=>s+d.total,0);
- return <section className="activity-card" aria-label="创作贡献热力图"><div className="activity-top"><div><span className="eyebrow">CREATIVE RHYTHM</span><h2>创作记录<span>{total} 次贡献</span></h2></div><span className="activity-year">过去一年 <span>↗</span></span></div>
-  <div className="heatmap-scroll" ref={scroller}><div className="month-row">{Array.from({length:53},(_,week)=>{const d=days[week*7];const changed=week===0||d.getUTCMonth()!==days[(week-1)*7].getUTCMonth();return <span key={week}>{changed?`${d.getUTCMonth()+1}月`:''}</span>;})}</div><div className="heatmap-body"><div className="weekdays"><span>一</span><span>三</span><span>五</span></div><div className="heatmap-grid">{days.map(d=>{const key=d.toISOString().slice(0,10);const n=values.get(key)||0;const future=d>today;const label=`${key} · ${n} 次贡献`;return <button key={key} tabIndex={n>0?0:-1} disabled={future} aria-label={label} title={label} onFocus={()=>setHover(label)} onBlur={()=>setHover('')} onMouseEnter={()=>setHover(label)} onMouseLeave={()=>setHover('')} className={`heat-cell level-${n===0?0:n<3?1:n<6?2:n<10?3:4} ${future?'future':''}`}/>;})}</div></div></div>
-  <div className="activity-bottom"><span>{hover||'每日贡献汇总'}</span><div className="heat-legend">少{[0,1,2,3,4].map(n=><i key={n} className={`heat-cell level-${n}`}/>)}多</div></div>
- </section>;
-}
diff --git a/src/components/Shell.tsx b/src/components/Shell.tsx
index 5546ebc..6aee2c7 100644
--- a/src/components/Shell.tsx
+++ b/src/components/Shell.tsx
@@ -12,9 +12,9 @@ export function Shell({children}:{children:ReactNode}){
  const router=useRouter();const [open,setOpen]=useState(false);const [query,setQuery]=useState(String(router.query.q||''));
  useEffect(()=>setQuery(String(router.query.q||'')),[router.query.q]);
  return <div className="app-shell"><button className="mobile-menu icon-button" aria-label="展开导航" onClick={()=>setOpen(!open)}>{open?<X size={22}/>:<Menu size={22}/>}</button>
-  <aside className={`sidebar ${open?'is-open':''}`}><Link href="/" className="brand" onClick={()=>setOpen(false)}><span className="brand-mark">P</span><strong>PROMPT</strong></Link>
+  <aside className={`sidebar ${open?'is-open':''}`}><Link href="/" className="brand" aria-label="PROMPT 首页" onClick={()=>setOpen(false)}><img className="brand-mark" src="/brand-mark.svg" width={40} height={40} alt=""/><strong>PROMPT</strong></Link>
    <nav>{groups.map((g,i)=><div className="nav-group" key={i}>{g.label&&<p>{g.label}</p>}{g.items.map(item=>{const active=item.href==='/'?router.asPath.split('?')[0]==='/':router.asPath.split('?')[0].startsWith(item.href);return <Link key={item.href} href={item.href} title={item.label} className={`nav-item ${active?'active':''}`} onClick={()=>setOpen(false)}><item.icon size={24} strokeWidth={active?2.2:1.8}/><span>{item.label}</span></Link>;})}</div>)}</nav>
    <div className="sidebar-bottom"><Link href="/library/import" className="import-link"><Upload size={22}/><span>导入素材</span><ArrowUpRight size={17}/></Link></div>
-  </aside><main className="main-content"><div className="global-topbar"><form className="global-search" role="search" onSubmit={e=>{e.preventDefault();const path=router.asPath.split('?')[0];const destination=/^\/(images|videos|audio|articles|motion)(\/|$)/.test(path)?path:'/';void router.push({pathname:destination,query:query?{q:query}:{}});}}><Search size={24}/><input aria-label="搜索素材包" placeholder="搜索素材、作品和灵感" value={query} onChange={e=>setQuery(e.target.value)}/>{query&&<button type="button" aria-label="清空搜索" onClick={()=>setQuery('')}><X size={20}/></button>}</form><span className="profile-mark" aria-label="PROMPT 个人空间">P</span></div>{children}</main>{open&&<button className="nav-scrim" aria-label="关闭导航" onClick={()=>setOpen(false)}/>}
+  </aside><main className="main-content"><div className="global-topbar"><form className="global-search" role="search" onSubmit={e=>{e.preventDefault();const path=router.asPath.split('?')[0];const destination=/^\/(images|videos|audio|articles|motion)(\/|$)/.test(path)?path:'/';void router.push({pathname:destination,query:query?{q:query}:{}});}}><Search size={24}/><input aria-label="搜索素材包" placeholder="搜索素材、作品和灵感" value={query} onChange={e=>setQuery(e.target.value)}/>{query&&<button type="button" aria-label="清空搜索" onClick={()=>setQuery('')}><X size={20}/></button>}</form></div>{children}</main>{open&&<button className="nav-scrim" aria-label="关闭导航" onClick={()=>setOpen(false)}/>}
  </div>;
 }
diff --git a/src/components/SkillCard.tsx b/src/components/SkillCard.tsx
index 117b0a1..83cffcf 100644
--- a/src/components/SkillCard.tsx
+++ b/src/components/SkillCard.tsx
@@ -1,3 +1,4 @@
 import Link from 'next/link';
+import {ArrowUpRight} from 'lucide-react';
 import {skillCatalog} from '@/content/skills/catalog';
-export function SkillCard({skill}:{skill:typeof skillCatalog[number]}){return <Link href={skill.href} className="post-card skill-pin"><div className="post-cover skill-pin-cover"><img src={skill.image} alt={skill.alt}/></div><span className="skill-pin-category">{skill.category}</span><h3>{skill.title}</h3><p>{skill.description}</p><span className="skill-pin-link">查看文档与 Agent 入口 ↗</span></Link>}
+export function SkillCard({skill}:{skill:typeof skillCatalog[number]}){return <Link href={skill.href} className="post-card skill-pin"><div className="post-cover skill-pin-cover"><img src={skill.image} alt={skill.alt} loading="lazy"/></div><h3 title={skill.title}>{skill.title}</h3><div className="post-meta"><span>{skill.category}</span><ArrowUpRight size={14} aria-hidden="true"/></div></Link>}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 800c87b..b555885 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1,10 +1,10 @@
 @import "tailwindcss";
 @theme{--font-sans:"Inter","PingFang SC","Microsoft YaHei",Arial,sans-serif}
-:root{--ink:#202020;--muted:#767676;--line:#e9e9e9;--accent:#ff2442;--green:#2f702f}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px var(--font-sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #b4d5fa;outline-offset:3px}input,textarea,select{outline:none}img{display:block;max-width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:208px;display:flex;flex-direction:column;padding:30px 16px 24px;border-right:1px solid #f0f0f0;background:#fff;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:35px;letter-spacing:-1px}.brand strong{font-size:23px;font-weight:800}.brand-mark{display:grid;place-items:center;background:#ff2442;color:white;border-radius:14px;width:40px;height:40px;font-size:29px;font-weight:900;font-style:italic;letter-spacing:-3px;padding-right:4px}.nav-group{margin-bottom:14px}.nav-group>p{font-size:12px;color:#999;margin:10px 18px 6px}.nav-item{display:flex;align-items:center;gap:16px;padding:13px 20px;min-height:51px;border-radius:30px;font-size:17px;font-weight:500;margin:2px 0;transition:background .15s}.nav-item svg{flex-shrink:0}.nav-item:hover{background:#f7f7f7}.nav-item.active{background:#f1f1f1;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:20px}.import-link{display:flex;align-items:center;gap:13px;padding:15px 18px;border-radius:28px;font-size:15px}.import-link:hover{background:#f2f2f2}.import-link svg:last-child{margin-left:auto}.main-content{margin-left:208px;padding:0 28px 30px}.global-topbar{height:96px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:15;background:#fff;margin:0 -4px 18px;padding:16px 4px}.global-search{flex:1;height:56px;background:#ededeb;border-radius:30px;display:flex;align-items:center;gap:12px;padding:0 20px;color:#70706d}.global-search:focus-within{outline:4px solid #b9d9fa}.global-search input{width:100%;min-width:0;border:0;background:transparent;color:#222;font-size:16px}.global-search input::placeholder{color:#777}.global-search button{display:grid;place-items:center}.profile-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#5d4740;color:#fff;font-size:19px;flex-shrink:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 28px}.page-header h1{font-size:28px;font-weight:700;margin:0 0 12px;letter-spacing:-.5px}.page-header p{font-size:14px;color:#767676;margin:0;line-height:1.8}.eyebrow,.brand-caption,.page-footer{display:none}.feed-heading h1{font-size:24px}.feed-heading{margin-bottom:24px}.activity-card{max-width:1100px;margin:8px auto 30px;border:1px solid #e5e5e5;border-radius:20px;padding:22px 26px 18px;background:#fff}.activity-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.activity-top h2{font-size:16px;font-weight:600;margin:0}.activity-top h2>span{font-size:13px;color:#767676;font-weight:400;margin-left:16px}.activity-year{font-size:13px;color:#767676}.activity-year>span{margin-left:10px}.heatmap-scroll{overflow-x:auto;padding:0 0 4px}.month-row{display:grid;grid-template-columns:repeat(53,minmax(7px,1fr));gap:4px;min-width:583px;margin:0 0 7px 28px;color:#777;font-size:11px}.month-row span{white-space:nowrap}.heatmap-body{display:flex;gap:12px;min-width:610px}.weekdays{width:15px;flex-shrink:0;font-size:10px;color:#777;display:flex;flex-direction:column;justify-content:space-evenly}.heatmap-grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;grid-auto-columns:minmax(7px,1fr);gap:4px;width:100%}.heat-cell{aspect-ratio:1;border-radius:3px;background:#eff1ef;min-width:0;padding:0;max-height:14px;width:100%;border:1px solid #1f232808}.heat-cell:hover{outline:1px solid #7c8e78}.level-1{background:#c8e7c8}.level-2{background:#8fcd8d}.level-3{background:#54a95a}.level-4{background:#297c3a}.heat-cell.future{opacity:.25}.activity-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;color:#777;font-size:11px;min-height:18px}.heat-legend{display:flex;gap:4px;align-items:center;flex-shrink:0}.heat-legend .heat-cell{width:10px;height:10px}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px;gap:16px}.feed-tabs{display:flex;gap:10px;overflow:auto;white-space:nowrap;min-height:46px}.feed-tabs a{padding:12px 18px;border-radius:25px;font-size:16px;color:#666;font-weight:500}.feed-tabs a:hover{background:#f7f7f7}.feed-tabs a.selected{color:#111;background:#f1f1f1;font-weight:650}.sort-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a8a8a;white-space:nowrap;padding-right:5px}.masonry{display:grid;gap:20px;align-items:start}.masonry-column{min-width:0}.post-card{display:block;width:100%;margin-bottom:26px}.post-cover{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#f1f1f1}.post-cover:after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity .18s;pointer-events:none}.post-card:hover .post-cover:after{opacity:.08}.post-cover>img{width:100%;height:100%;object-fit:cover}.post-card h3{font-size:15px;line-height:1.55;font-weight:550;margin:10px 8px 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;color:#888}.post-meta>span{display:flex;align-items:center;gap:6px}.type-dot{width:15px;height:15px;border-radius:50%;background:#e5e5e5;border:4px solid #f2f2f2}.type-dot.video{background:#c9ceda}.type-dot.audio{background:#c8baa8}.post-meta time{font-size:11px}.card-tags{display:flex;gap:7px;font-size:11px;color:#8d8d8d;margin:8px}.cover-count,.cover-badge{position:absolute;right:11px;top:11px;color:white;font-size:12px;background:#0005;padding:5px 8px;border-radius:14px;display:flex;align-items:center;gap:4px;z-index:1}.cover-badge{top:auto;bottom:11px}.cover-audio{background:#ede8e1;aspect-ratio:1}.waveform{display:flex;gap:3px;align-items:center;justify-content:center;height:100%;padding:20px}.waveform i{width:3px;background:#8f7b66;border-radius:5px}.cover-symbol{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:14px;color:#999}.empty-state{min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 20px;color:#aaa}.empty-state h2{color:#333;font-size:21px;font-weight:600;margin:22px 0 12px}.empty-state p{white-space:pre-line;line-height:1.8;color:#888;font-size:14px;margin:0 0 24px}.empty-state>small{font-size:12px;color:#aaa;margin-top:22px}.empty-art{position:relative;display:flex;align-items:center;justify-content:center;color:#777;width:110px;height:94px;background:#f5f5f5;border:1px solid #e7e7e7;border-radius:18px;transform:rotate(-5deg)}.empty-art>span{position:absolute;inset:-8px 10px 10px -8px;border:1px solid #ebebeb;border-radius:17px;transform:rotate(12deg);z-index:-1}.empty-art>i,.empty-art>b{position:absolute;width:36px;height:36px;background:white;border:1px solid #e7e7e7;border-radius:10px;display:flex;align-items:center;justify-content:center;right:-17px;bottom:2px;transform:rotate(12deg)}.empty-art>b{top:-12px;left:-17px;transform:rotate(-12deg)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 23px;border-radius:26px;background:var(--accent);color:white;font-size:15px;font-weight:600;border:1px solid transparent;min-height:48px}.primary-button:hover{background:#e91e3b}.secondary-button{background:#f1f1f1;color:#333}.secondary-button:hover{background:#e7e7e7}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:7px;color:#777}.breadcrumbs{font-size:14px;color:#888;margin:0 0 24px}.breadcrumbs a:hover{text-decoration:underline}.load-more{text-align:center;margin:30px 0}.load-more button{padding:14px 25px;background:#f1f1f1;border-radius:25px;display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#555}.icon-button{background:white;border:1px solid #e8e8e8;border-radius:50%;padding:10px;display:inline-flex;align-items:center;justify-content:center}.mobile-menu{display:none}.detail-top{display:flex;justify-content:space-between;margin:8px 0 22px;font-size:14px;color:#777}.detail-top>a{display:flex;align-items:center;gap:8px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);gap:0;border:1px solid #ededed;border-radius:26px;overflow:hidden;box-shadow:0 6px 25px #00000009;max-width:1250px;margin:0 auto}.detail-media{min-width:0;background:#f8f8f8}.media-stage{position:relative;background:#f7f7f7;min-height:480px;height:70vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-stage>img,.media-stage>video{max-width:100%;max-height:100%;object-fit:contain}.stage-video{background:#191919}.gallery-prev,.gallery-next{position:absolute;top:50%;left:14px;opacity:.85}.gallery-next{left:auto;right:14px}.gallery-position{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;border-radius:20px;background:#0006;color:white;padding:6px 12px}.thumbnail-strip{display:flex;gap:10px;padding:18px;overflow:auto}.thumbnail-strip button{height:64px;width:64px;flex-shrink:0;background:#eee;border-radius:10px;overflow:hidden;border:2px solid transparent;color:#888;font-size:12px}.thumbnail-strip button.selected{border-color:#333}.thumbnail-strip img{height:100%;width:100%;object-fit:cover}.detail-info{padding:30px;min-width:0;background:white}.detail-info h1{font-size:24px;line-height:1.5;font-weight:650;margin:0 0 15px}.detail-date{font-size:12px;color:#999;line-height:1.8}.detail-date span{margin-left:9px}.description p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9;color:#444;margin:26px 0}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag-list>a{font-size:14px;color:#31516c;padding:4px 0}.asset-facts{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.asset-facts h3{font-size:14px;font-weight:550}.asset-facts dl{display:grid;grid-template-columns:65px 1fr;font-size:12px;gap:14px;margin:20px 0}.asset-facts dt{color:#999}.asset-facts dd{color:#666;margin:0;overflow-wrap:anywhere}.asset-facts .secondary-button{font-size:12px;padding:10px 14px;min-height:38px;margin-right:14px}.pill{font-size:12px;display:inline-flex;align-items:center;gap:6px;background:#f1f1f1;color:#555;border-radius:18px;padding:7px 11px}.video-companion{padding:18px;margin:0 18px 18px;background:white;border:1px solid #e8e8e8;border-radius:16px}.video-companion>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.video-companion small{font-size:12px;color:#888}.bound-audio{margin-top:20px;display:grid;gap:12px;font-size:14px;color:#555}.bound-audio>span{display:flex;align-items:center;gap:7px}.bound-audio audio{width:100%;height:42px}.audio-stage{text-align:center;padding:35px;width:100%;color:#555}.audio-stage h3{font-size:15px;font-weight:500;margin:30px 0 20px}.audio-stage audio{width:100%;max-width:400px}.vinyl{height:180px;width:180px;border-radius:50%;margin:auto;background:repeating-radial-gradient(circle,#444 0 2px,#292929 3px 4px);display:grid;place-items:center;box-shadow:0 12px 25px #0002}.vinyl>span{height:66px;width:66px;border-radius:50%;background:#c9b2a0;border:25px solid #e8d9cf}.editor-panel{max-width:1000px;margin:0 auto;padding:32px;border:1px solid #eee;border-radius:24px;box-shadow:0 5px 20px #00000005}.kind-picker{display:flex;gap:8px;margin-bottom:25px}.kind-picker button{display:flex;align-items:center;gap:8px;padding:13px 24px;border-radius:26px;color:#666;font-size:15px;background:#f4f4f4}.kind-picker .selected{background:#222;color:white}.drop-zone{position:relative;cursor:pointer;border:2px dashed #d4d4d4;background:#f5f5f5;border-radius:20px;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:#888}.drop-zone:hover{background:#efefef}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.drop-zone strong{font-size:17px;color:#444;font-weight:600}.drop-zone>span:last-child{font-size:13px}.upload-circle{width:54px;height:54px;border-radius:50%;background:white;display:grid;place-items:center;color:#555}.form-field{margin-top:27px}.form-field>label,.compact-form>label{display:block;font-size:14px;color:#444;margin-bottom:12px}.form-field small{color:#999;font-size:12px;margin-left:6px}.form-field input,.form-field textarea,.compact-form input,.compact-form select{display:block;width:100%;border:1px solid #d9d9d9;padding:14px 16px;border-radius:14px;color:#333;background:#fff;font-size:15px}.form-field input:focus,.form-field textarea:focus,.compact-form input:focus,.compact-form select:focus{outline:3px solid #b9d9fa;border-color:#9baec5}.form-field textarea{resize:vertical;line-height:1.8}.form-field input::placeholder,.form-field textarea::placeholder,.compact-form input::placeholder{color:#aaa}.form-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:27px;gap:15px}.form-actions>span{font-size:12px;color:#999}.form-note{font-size:13px;color:#888;line-height:1.8;margin:20px 0}.file-list{list-style:none;padding:0;margin:15px 0}.file-list li{display:flex;gap:10px;align-items:center;font-size:14px;color:#555;padding:12px;border-bottom:1px solid var(--line)}.file-list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-list small{font-size:12px;color:#999}.file-list button{display:flex}.tag-picker{display:flex;gap:10px;flex-wrap:wrap}.tag-picker>label{display:flex;align-items:center;gap:8px;font-size:13px;padding:10px 14px;border:1px solid #ddd;border-radius:22px;color:#666}.tag-picker input{width:14px;accent-color:#333}.error-message{color:#b7263f;font-size:14px;padding:14px;background:#fff0f3;border-radius:12px}.surface{border:1px solid #e9e9e9;border-radius:22px;padding:28px}.surface>h2{font-size:20px;font-weight:650;margin:0 0 24px}.surface h2>small{font-size:13px;margin-left:14px;color:#999;font-weight:400}.management-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:25px;align-items:start}.compact-form>label{margin-top:24px}.compact-form input,.compact-form select{margin-top:10px}.compact-form>label small{font-size:12px;display:block;margin-top:10px;color:#999}.compact-form>button{margin-top:20px}.taxonomy-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:18px 0;font-size:15px;color:#555}.taxonomy-row strong{font-weight:550}.taxonomy-row code{font-size:12px;color:#aaa;margin-left:auto;overflow-wrap:anywhere}.quiet-empty{padding:70px 10px;text-align:center;font-size:14px;color:#999}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.asset-tile{overflow:hidden}.asset-preview{height:245px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px}.asset-preview img,.asset-preview video{max-height:100%;width:100%;object-fit:contain}.asset-preview p{padding:20px;color:#666;font-size:14px;white-space:pre-wrap}.asset-preview audio{width:90%}.asset-tile-info{padding:13px 6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.asset-tile h3{margin:0;width:100%;font-size:14px;font-weight:550;overflow-wrap:anywhere}.asset-tile-info>span{font-size:12px;color:#999}.asset-tile-info button{font-size:12px;display:flex;align-items:center;gap:5px;color:#555;margin-left:auto}.doodle-layout{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}.doodle-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.doodle-card{text-align:left;border:2px solid transparent;border-radius:20px;overflow:hidden;padding:0 0 15px;transition:transform .15s}.doodle-card:hover{transform:translateY(-3px)}.doodle-card.selected{border-color:#222}.doodle-card>div{aspect-ratio:1.15;background:#777c7b;display:grid;place-items:center;border-radius:18px}.doodle-card:nth-child(3n+2)>div{background:#a18b7e}.doodle-card:nth-child(3n)>div{background:#737a8b}.doodle-card svg{width:70%;height:80%}.doodle-card strong{font-size:16px;font-weight:600;display:block;margin:15px 13px 7px}.doodle-card small{display:block;font-size:12px;color:#888;margin:0 13px;line-height:1.6}.doodle-inspector{text-align:left;position:sticky;top:115px;padding:22px}.doodle-large{background:#777c7b;border-radius:18px;padding:25px;margin-bottom:24px}.doodle-large svg{width:100%;height:170px}.doodle-inspector h2{font-size:22px;margin:0 0 10px}.doodle-inspector>p{font-size:14px;color:#888;line-height:1.8}.swatches{display:flex;gap:15px;margin:26px 0}.swatches button{height:29px;width:29px;border-radius:50%;border:1px solid #ddd}.swatches button.selected{outline:2px solid #333;outline-offset:3px}.doodle-inspector>.primary-button,.doodle-inspector>.secondary-button{display:flex;width:100%;margin-top:12px;font-size:14px}.coded-detail{grid-template-columns:minmax(0,1fr)}
+:root{--ink:#202020;--muted:#767676;--line:#e9e9e9;--accent:#ff2442;--green:#2f702f}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px var(--font-sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #b4d5fa;outline-offset:3px}input,textarea,select{outline:none}img{display:block;max-width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:208px;display:flex;flex-direction:column;padding:30px 16px 24px;border-right:1px solid #f0f0f0;background:#fff;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:35px;letter-spacing:-1px}.brand strong{font-size:23px;font-weight:800}.brand-mark{display:block;width:40px;height:40px;flex-shrink:0}.nav-group{margin-bottom:14px}.nav-group>p{font-size:12px;color:#999;margin:10px 18px 6px}.nav-item{display:flex;align-items:center;gap:16px;padding:13px 20px;min-height:51px;border-radius:30px;font-size:17px;font-weight:500;margin:2px 0;transition:background .15s}.nav-item svg{flex-shrink:0}.nav-item:hover{background:#f7f7f7}.nav-item.active{background:#f1f1f1;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:20px}.import-link{display:flex;align-items:center;gap:13px;padding:15px 18px;border-radius:28px;font-size:15px}.import-link:hover{background:#f2f2f2}.import-link svg:last-child{margin-left:auto}.main-content{margin-left:208px;padding:0 28px 30px}.global-topbar{height:96px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:15;background:#fff;margin:0 -4px 18px;padding:16px 4px}.global-search{flex:1;height:56px;background:#ededeb;border-radius:30px;display:flex;align-items:center;gap:12px;padding:0 20px;color:#70706d}.global-search:focus-within{outline:4px solid #b9d9fa}.global-search input{width:100%;min-width:0;border:0;background:transparent;color:#222;font-size:16px}.global-search input::placeholder{color:#777}.global-search button{display:grid;place-items:center}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 28px}.page-header h1{font-size:28px;font-weight:700;margin:0 0 12px;letter-spacing:-.5px}.page-header p{font-size:14px;color:#767676;margin:0;line-height:1.8}.eyebrow,.brand-caption,.page-footer{display:none}.feed-heading h1{font-size:24px}.feed-heading{margin-bottom:24px}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px;gap:16px}.feed-tabs{display:flex;gap:10px;overflow:auto;white-space:nowrap;min-height:46px}.feed-tabs a{padding:12px 18px;border-radius:25px;font-size:16px;color:#666;font-weight:500}.feed-tabs a:hover{background:#f7f7f7}.feed-tabs a.selected{color:#111;background:#f1f1f1;font-weight:650}.sort-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a8a8a;white-space:nowrap;padding-right:5px}.masonry{display:grid;gap:20px;align-items:start}.masonry-column{min-width:0}.post-card{display:block;width:100%;margin-bottom:26px}.post-cover{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#f1f1f1}.post-cover:after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity .18s;pointer-events:none}.post-card:hover .post-cover:after{opacity:.08}.post-cover>img{width:100%;height:100%;object-fit:cover}.post-card h3{font-size:15px;line-height:1.55;font-weight:550;margin:10px 8px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap;line-height:18px;padding:0 8px;font-size:12px;color:#888}.post-meta>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-dot{display:inline-block;vertical-align:-2px;margin-right:6px;width:15px;height:15px;border-radius:50%;background:#e5e5e5;border:4px solid #f2f2f2}.type-dot.video{background:#c9ceda}.type-dot.audio{background:#c8baa8}.post-meta time{font-size:11px;flex-shrink:0}.post-meta>svg{flex-shrink:0}.cover-count,.cover-badge{position:absolute;right:11px;top:11px;color:white;font-size:12px;background:#0005;padding:5px 8px;border-radius:14px;display:flex;align-items:center;gap:4px;z-index:1}.cover-badge{top:auto;bottom:11px}.cover-audio{background:#ede8e1;aspect-ratio:1}.waveform{display:flex;gap:3px;align-items:center;justify-content:center;height:100%;padding:20px}.waveform i{width:3px;background:#8f7b66;border-radius:5px}.cover-symbol{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:14px;color:#999}.empty-state{min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 20px;color:#aaa}.empty-state h2{color:#333;font-size:21px;font-weight:600;margin:22px 0 12px}.empty-state p{white-space:pre-line;line-height:1.8;color:#888;font-size:14px;margin:0 0 24px}.empty-state>small{font-size:12px;color:#aaa;margin-top:22px}.empty-art{position:relative;display:flex;align-items:center;justify-content:center;color:#777;width:110px;height:94px;background:#f5f5f5;border:1px solid #e7e7e7;border-radius:18px;transform:rotate(-5deg)}.empty-art>span{position:absolute;inset:-8px 10px 10px -8px;border:1px solid #ebebeb;border-radius:17px;transform:rotate(12deg);z-index:-1}.empty-art>i,.empty-art>b{position:absolute;width:36px;height:36px;background:white;border:1px solid #e7e7e7;border-radius:10px;display:flex;align-items:center;justify-content:center;right:-17px;bottom:2px;transform:rotate(12deg)}.empty-art>b{top:-12px;left:-17px;transform:rotate(-12deg)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 23px;border-radius:26px;background:var(--accent);color:white;font-size:15px;font-weight:600;border:1px solid transparent;min-height:48px}.primary-button:hover{background:#e91e3b}.secondary-button{background:#f1f1f1;color:#333}.secondary-button:hover{background:#e7e7e7}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:7px;color:#777}.breadcrumbs{font-size:14px;color:#888;margin:0 0 24px}.breadcrumbs a:hover{text-decoration:underline}.load-more{text-align:center;margin:30px 0}.load-more button{padding:14px 25px;background:#f1f1f1;border-radius:25px;display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#555}.icon-button{background:white;border:1px solid #e8e8e8;border-radius:50%;padding:10px;display:inline-flex;align-items:center;justify-content:center}.mobile-menu{display:none}.detail-top{display:flex;justify-content:space-between;margin:8px 0 22px;font-size:14px;color:#777}.detail-top>a{display:flex;align-items:center;gap:8px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);gap:0;border:1px solid #ededed;border-radius:26px;overflow:hidden;box-shadow:0 6px 25px #00000009;max-width:1250px;margin:0 auto}.detail-media{min-width:0;background:#f8f8f8}.media-stage{position:relative;background:#f7f7f7;min-height:480px;height:70vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-stage>img,.media-stage>video{max-width:100%;max-height:100%;object-fit:contain}.stage-video{background:#191919}.gallery-prev,.gallery-next{position:absolute;top:50%;left:14px;opacity:.85}.gallery-next{left:auto;right:14px}.gallery-position{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;border-radius:20px;background:#0006;color:white;padding:6px 12px}.thumbnail-strip{display:flex;gap:10px;padding:18px;overflow:auto}.thumbnail-strip button{height:64px;width:64px;flex-shrink:0;background:#eee;border-radius:10px;overflow:hidden;border:2px solid transparent;color:#888;font-size:12px}.thumbnail-strip button.selected{border-color:#333}.thumbnail-strip img{height:100%;width:100%;object-fit:cover}.detail-info{padding:30px;min-width:0;background:white}.detail-info h1{font-size:24px;line-height:1.5;font-weight:650;margin:0 0 15px}.detail-date{font-size:12px;color:#999;line-height:1.8}.detail-date span{margin-left:9px}.description p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9;color:#444;margin:26px 0}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag-list>a{font-size:14px;color:#31516c;padding:4px 0}.asset-facts{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.asset-facts h3{font-size:14px;font-weight:550}.asset-facts dl{display:grid;grid-template-columns:65px 1fr;font-size:12px;gap:14px;margin:20px 0}.asset-facts dt{color:#999}.asset-facts dd{color:#666;margin:0;overflow-wrap:anywhere}.asset-facts .secondary-button{font-size:12px;padding:10px 14px;min-height:38px;margin-right:14px}.pill{font-size:12px;display:inline-flex;align-items:center;gap:6px;background:#f1f1f1;color:#555;border-radius:18px;padding:7px 11px}.video-companion{padding:18px;margin:0 18px 18px;background:white;border:1px solid #e8e8e8;border-radius:16px}.video-companion>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.video-companion small{font-size:12px;color:#888}.bound-audio{margin-top:20px;display:grid;gap:12px;font-size:14px;color:#555}.bound-audio>span{display:flex;align-items:center;gap:7px}.bound-audio audio{width:100%;height:42px}.audio-stage{text-align:center;padding:35px;width:100%;color:#555}.audio-stage h3{font-size:15px;font-weight:500;margin:30px 0 20px}.audio-stage audio{width:100%;max-width:400px}.vinyl{height:180px;width:180px;border-radius:50%;margin:auto;background:repeating-radial-gradient(circle,#444 0 2px,#292929 3px 4px);display:grid;place-items:center;box-shadow:0 12px 25px #0002}.vinyl>span{height:66px;width:66px;border-radius:50%;background:#c9b2a0;border:25px solid #e8d9cf}.editor-panel{max-width:1000px;margin:0 auto;padding:32px;border:1px solid #eee;border-radius:24px;box-shadow:0 5px 20px #00000005}.kind-picker{display:flex;gap:8px;margin-bottom:25px}.kind-picker button{display:flex;align-items:center;gap:8px;padding:13px 24px;border-radius:26px;color:#666;font-size:15px;background:#f4f4f4}.kind-picker .selected{background:#222;color:white}.drop-zone{position:relative;cursor:pointer;border:2px dashed #d4d4d4;background:#f5f5f5;border-radius:20px;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:#888}.drop-zone:hover{background:#efefef}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.drop-zone strong{font-size:17px;color:#444;font-weight:600}.drop-zone>span:last-child{font-size:13px}.upload-circle{width:54px;height:54px;border-radius:50%;background:white;display:grid;place-items:center;color:#555}.form-field{margin-top:27px}.form-field>label,.compact-form>label{display:block;font-size:14px;color:#444;margin-bottom:12px}.form-field small{color:#999;font-size:12px;margin-left:6px}.form-field input,.form-field textarea,.compact-form input,.compact-form select{display:block;width:100%;border:1px solid #d9d9d9;padding:14px 16px;border-radius:14px;color:#333;background:#fff;font-size:15px}.form-field input:focus,.form-field textarea:focus,.compact-form input:focus,.compact-form select:focus{outline:3px solid #b9d9fa;border-color:#9baec5}.form-field textarea{resize:vertical;line-height:1.8}.form-field input::placeholder,.form-field textarea::placeholder,.compact-form input::placeholder{color:#aaa}.form-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:27px;gap:15px}.form-actions>span{font-size:12px;color:#999}.form-note{font-size:13px;color:#888;line-height:1.8;margin:20px 0}.file-list{list-style:none;padding:0;margin:15px 0}.file-list li{display:flex;gap:10px;align-items:center;font-size:14px;color:#555;padding:12px;border-bottom:1px solid var(--line)}.file-list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-list small{font-size:12px;color:#999}.file-list button{display:flex}.tag-picker{display:flex;gap:10px;flex-wrap:wrap}.tag-picker>label{display:flex;align-items:center;gap:8px;font-size:13px;padding:10px 14px;border:1px solid #ddd;border-radius:22px;color:#666}.tag-picker input{width:14px;accent-color:#333}.error-message{color:#b7263f;font-size:14px;padding:14px;background:#fff0f3;border-radius:12px}.surface{border:1px solid #e9e9e9;border-radius:22px;padding:28px}.surface>h2{font-size:20px;font-weight:650;margin:0 0 24px}.surface h2>small{font-size:13px;margin-left:14px;color:#999;font-weight:400}.management-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:25px;align-items:start}.compact-form>label{margin-top:24px}.compact-form input,.compact-form select{margin-top:10px}.compact-form>label small{font-size:12px;display:block;margin-top:10px;color:#999}.compact-form>button{margin-top:20px}.taxonomy-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:18px 0;font-size:15px;color:#555}.taxonomy-row strong{font-weight:550}.taxonomy-row code{font-size:12px;color:#aaa;margin-left:auto;overflow-wrap:anywhere}.quiet-empty{padding:70px 10px;text-align:center;font-size:14px;color:#999}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.asset-tile{overflow:hidden}.asset-preview{height:245px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px}.asset-preview img,.asset-preview video{max-height:100%;width:100%;object-fit:contain}.asset-preview p{padding:20px;color:#666;font-size:14px;white-space:pre-wrap}.asset-preview audio{width:90%}.asset-tile-info{padding:13px 6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.asset-tile h3{margin:0;width:100%;font-size:14px;font-weight:550;overflow-wrap:anywhere}.asset-tile-info>span{font-size:12px;color:#999}.asset-tile-info button{font-size:12px;display:flex;align-items:center;gap:5px;color:#555;margin-left:auto}.doodle-layout{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}.doodle-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.doodle-card{text-align:left;border:2px solid transparent;border-radius:20px;overflow:hidden;padding:0 0 15px;transition:transform .15s}.doodle-card:hover{transform:translateY(-3px)}.doodle-card.selected{border-color:#222}.doodle-card>div{aspect-ratio:1.15;background:#777c7b;display:grid;place-items:center;border-radius:18px}.doodle-card:nth-child(3n+2)>div{background:#a18b7e}.doodle-card:nth-child(3n)>div{background:#737a8b}.doodle-card svg{width:70%;height:80%}.doodle-card strong{font-size:16px;font-weight:600;display:block;margin:15px 13px 7px}.doodle-card small{display:block;font-size:12px;color:#888;margin:0 13px;line-height:1.6}.doodle-inspector{text-align:left;position:sticky;top:115px;padding:22px}.doodle-large{background:#777c7b;border-radius:18px;padding:25px;margin-bottom:24px}.doodle-large svg{width:100%;height:170px}.doodle-inspector h2{font-size:22px;margin:0 0 10px}.doodle-inspector>p{font-size:14px;color:#888;line-height:1.8}.swatches{display:flex;gap:15px;margin:26px 0}.swatches button{height:29px;width:29px;border-radius:50%;border:1px solid #ddd}.swatches button.selected{outline:2px solid #333;outline-offset:3px}.doodle-inspector>.primary-button,.doodle-inspector>.secondary-button{display:flex;width:100%;margin-top:12px;font-size:14px}.coded-detail{grid-template-columns:minmax(0,1fr)}
 @media(min-width:1800px){.main-content{padding-left:35px;padding-right:35px}.doodle-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
-@media(max-width:1200px){.sidebar{width:180px;padding:26px 12px}.main-content{margin-left:180px;padding:0 24px 25px}.brand{gap:7px}.brand strong{font-size:20px}.brand-mark{height:35px;width:35px;font-size:25px}.nav-item{font-size:16px;padding:13px 17px;gap:13px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.doodle-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.8fr)}.detail-info{padding:25px}}
-@media(max-width:950px){.sidebar{width:88px;padding:26px 14px}.brand{padding:0;margin:0 auto 30px}.brand strong,.nav-item span,.nav-group>p,.import-link span,.import-link svg:last-child{display:none}.nav-item{justify-content:center;padding:16px 10px;min-height:56px;gap:0}.nav-group{margin-bottom:10px}.import-link{justify-content:center;padding:15px 10px}.main-content{margin-left:88px;padding:0 22px 25px}.detail-layout,.management-grid{grid-template-columns:1fr}.media-stage{height:65vh;min-height:400px}.doodle-layout{grid-template-columns:1fr 260px;gap:20px}.doodle-catalog{gap:16px}.activity-card{padding:20px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header p{font-size:13px}.sort-label{display:none}.feed-tabs{gap:3px}.feed-tabs a{font-size:14px;padding:11px 14px}}
-@media(max-width:650px){.sidebar{transform:translateX(-100%);width:210px;padding:25px 15px;transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.sidebar .brand{margin:0 10px 25px}.sidebar .brand strong,.sidebar .nav-item span,.sidebar .nav-group>p,.sidebar .import-link span{display:block}.sidebar .nav-item,.sidebar .import-link{justify-content:flex-start;gap:15px;padding:13px 18px}.main-content{margin-left:0;padding:0 16px 25px}.global-topbar{height:83px;padding-left:45px;gap:12px;margin-bottom:18px}.global-search{height:46px;padding:0 13px;gap:8px}.global-search>svg{width:20px;flex-shrink:0}.global-search input{font-size:14px}.profile-mark{width:34px;height:34px;font-size:16px}.mobile-menu{display:flex;position:fixed;top:22px;left:12px;z-index:40;border:0;background:white}.nav-scrim{position:fixed;inset:0;background:#0005;z-index:25}.page-header{margin:0 0 24px;align-items:flex-start;flex-direction:column;gap:16px}.page-header h1{font-size:25px}.page-header p{font-size:13px}.activity-card{padding:18px 14px;border-radius:18px;margin-bottom:24px}.activity-top h2{font-size:15px}.activity-top h2>span{font-size:12px;margin-left:10px}.activity-year{display:none}.activity-bottom{font-size:10px}.feed-tabs a{font-size:14px;padding:10px 14px}.feed-toolbar{margin-bottom:19px}.post-cover{border-radius:14px}.masonry{gap:14px}.post-card h3{font-size:14px;margin:9px 4px 7px}.post-meta{font-size:11px;padding:0 4px}.card-tags{font-size:10px;margin:7px 4px}.empty-state p{font-size:13px}.empty-state>small{font-size:11px}.detail-top{margin-top:0;font-size:13px}.detail-layout{border-radius:18px}.media-stage{height:58vh;min-height:300px}.detail-info{padding:23px}.detail-info h1{font-size:21px}.editor-panel{padding:20px;border-radius:20px}.drop-zone{min-height:210px}.drop-zone strong{font-size:15px}.drop-zone>span:last-child{font-size:11px}.form-actions{align-items:flex-start;flex-direction:column}.form-actions button{width:100%}.kind-picker button{padding:11px 18px;font-size:14px}.asset-grid{gap:16px}.asset-preview{height:200px}.asset-tile-info{padding:11px 3px}.asset-tile-info>span{font-size:11px}.asset-tile h3{font-size:13px}.management-grid .surface{padding:23px 18px}.taxonomy-row code{font-size:11px;max-width:45%}.doodle-layout{grid-template-columns:1fr}.doodle-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.doodle-inspector{position:static}.doodle-card strong{font-size:15px}.doodle-card small{font-size:11px}}
+@media(max-width:1200px){.sidebar{width:180px;padding:26px 12px}.main-content{margin-left:180px;padding:0 24px 25px}.brand{gap:7px}.brand strong{font-size:20px}.brand-mark{height:35px;width:35px}.nav-item{font-size:16px;padding:13px 17px;gap:13px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.doodle-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.8fr)}.detail-info{padding:25px}}
+@media(max-width:950px){.sidebar{width:88px;padding:26px 14px}.brand{padding:0;margin:0 auto 30px}.brand strong,.nav-item span,.nav-group>p,.import-link span,.import-link svg:last-child{display:none}.nav-item{justify-content:center;padding:16px 10px;min-height:56px;gap:0}.nav-group{margin-bottom:10px}.import-link{justify-content:center;padding:15px 10px}.main-content{margin-left:88px;padding:0 22px 25px}.detail-layout,.management-grid{grid-template-columns:1fr}.media-stage{height:65vh;min-height:400px}.doodle-layout{grid-template-columns:1fr 260px;gap:20px}.doodle-catalog{gap:16px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header p{font-size:13px}.sort-label{display:none}.feed-tabs{gap:3px}.feed-tabs a{font-size:14px;padding:11px 14px}}
+@media(max-width:650px){.sidebar{transform:translateX(-100%);width:210px;padding:25px 15px;transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.sidebar .brand{margin:0 10px 25px}.sidebar .brand strong,.sidebar .nav-item span,.sidebar .nav-group>p,.sidebar .import-link span{display:block}.sidebar .nav-item,.sidebar .import-link{justify-content:flex-start;gap:15px;padding:13px 18px}.main-content{margin-left:0;padding:0 16px 25px}.global-topbar{height:83px;padding-left:45px;gap:12px;margin-bottom:18px}.global-search{height:46px;padding:0 13px;gap:8px}.global-search>svg{width:20px;flex-shrink:0}.global-search input{font-size:14px}.mobile-menu{display:flex;position:fixed;top:22px;left:12px;z-index:40;border:0;background:white}.nav-scrim{position:fixed;inset:0;background:#0005;z-index:25}.page-header{margin:0 0 24px;align-items:flex-start;flex-direction:column;gap:16px}.page-header h1{font-size:25px}.page-header p{font-size:13px}.feed-tabs a{font-size:14px;padding:10px 14px}.feed-toolbar{margin-bottom:19px}.post-cover{border-radius:14px}.masonry{gap:14px}.post-card h3{font-size:14px;margin:9px 4px 7px}.post-meta{font-size:11px;padding:0 4px}.empty-state p{font-size:13px}.empty-state>small{font-size:11px}.detail-top{margin-top:0;font-size:13px}.detail-layout{border-radius:18px}.media-stage{height:58vh;min-height:300px}.detail-info{padding:23px}.detail-info h1{font-size:21px}.editor-panel{padding:20px;border-radius:20px}.drop-zone{min-height:210px}.drop-zone strong{font-size:15px}.drop-zone>span:last-child{font-size:11px}.form-actions{align-items:flex-start;flex-direction:column}.form-actions button{width:100%}.kind-picker button{padding:11px 18px;font-size:14px}.asset-grid{gap:16px}.asset-preview{height:200px}.asset-tile-info{padding:11px 3px}.asset-tile-info>span{font-size:11px}.asset-tile h3{font-size:13px}.management-grid .surface{padding:23px 18px}.taxonomy-row code{font-size:11px;max-width:45%}.doodle-layout{grid-template-columns:1fr}.doodle-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.doodle-inspector{position:static}.doodle-card strong{font-size:15px}.doodle-card small{font-size:11px}}
 .media-stage{max-height:760px}
 
 .skill-card{display:grid;grid-template-columns:minmax(220px,380px) 1fr;max-width:1000px;border:1px solid #e9e5df;border-radius:24px;overflow:hidden}.skill-card>div:last-child{padding:42px}.skill-card h2{display:flex;align-items:center;gap:20px;font-size:30px;margin:22px 0 16px}.skill-card p,.skill-doc p,.skill-doc li{color:#736c63;line-height:1.9}.skill-card span:last-child{font-size:14px}.skill-art{background-color:#ede8df;background-image:linear-gradient(45deg,#e3ddd3 25%,transparent 25%),linear-gradient(-45deg,#e3ddd3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3ddd3 75%),linear-gradient(-45deg,transparent 75%,#e3ddd3 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;display:grid;place-items:center;padding:28px}.skill-art img{height:340px;object-fit:contain}.skill-doc{max-width:1200px;margin:auto}.skill-hero{display:grid;grid-template-columns:1.5fr 1fr;background:#f7f3eb;border-radius:26px;overflow:hidden}.skill-hero>div:first-child{padding:45px}.skill-hero h1{font-size:clamp(28px,3vw,44px);line-height:1.4;letter-spacing:-1px;margin:24px 0}.skill-hero p{margin-bottom:25px}.skill-doc-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px;margin:40px 0}.skill-doc h2{font-size:21px;margin:32px 0 16px}.skill-doc pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f5f2;border:1px solid #e9e5dd;padding:24px;border-radius:16px;line-height:1.8;font-size:13px;color:#51483e}.skill-doc li{padding-left:8px;margin:12px 0}.skill-sidebar{align-self:start;position:sticky;top:112px}.skill-sidebar h2{margin-top:0}.skill-sidebar p{font-size:13px}.skill-sidebar code{display:block;font-size:12px;overflow-wrap:anywhere;margin:16px 0}.skill-sidebar .secondary-button{display:flex;margin:12px 0;padding:12px;font-size:13px}@media(max-width:800px){.skill-doc-grid{grid-template-columns:1fr;gap:10px}.skill-sidebar{position:static}.skill-hero{grid-template-columns:1fr}.skill-hero>div:first-child{padding:28px}.skill-hero .skill-art img{height:260px}.skill-card{grid-template-columns:1fr}.skill-card>div:last-child{padding:26px}}
diff --git a/src/styles/skill-docs.css b/src/styles/skill-docs.css
index 6042d83..834a1f4 100644
--- a/src/styles/skill-docs.css
+++ b/src/styles/skill-docs.css
@@ -1,3 +1,3 @@
-.skills-masonry{columns:4 230px;column-gap:24px}.skill-pin{display:block;break-inside:avoid;margin:0 0 28px}.skill-pin-cover{background:#f1eee8!important;aspect-ratio:4/5;display:grid;place-items:center;max-height:440px}.skill-pin-cover img{width:100%;height:100%;object-fit:contain!important;padding:24px}.skill-pin-category{display:block;font-size:11px;color:#a08873;margin:14px 4px 8px}.skill-pin p{font-size:13px;line-height:1.8;color:#777;margin:8px 4px 12px}.skill-pin-link{font-size:12px;margin:0 4px;color:#5e6b56}.docs-top{display:flex;justify-content:space-between;font-size:13px;color:#777;gap:15px;margin-bottom:28px}.docs-top button{display:flex;align-items:center;gap:8px}.docs-layout{max-width:1200px;margin:auto;display:grid;gap:35px;grid-template-columns:minmax(0,800px);justify-content:center}.docs-layout.with-sources{grid-template-columns:minmax(0,1fr) 340px}.docs-body{min-width:0;padding:18px 12px 70px}.docs-eyebrow{font-size:11px;color:#9b968b;letter-spacing:1.5px}.docs-body h1{font-size:38px;font-weight:700;margin:18px 0 24px;letter-spacing:-1px}.docs-body h2{font-size:23px;margin:40px 0 20px;font-weight:650}.docs-body>p{font-size:15px;color:#555;line-height:2;margin:22px 0}.docs-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px}.docs-actions button{display:flex;align-items:center;gap:8px;background:#252525;color:white;padding:12px 16px;border-radius:24px}.docs-actions a{color:#888}.docs-body>.docs-hint{font-size:12px;color:#999}.docs-body pre,.docs-resource-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f5f2;padding:22px;border-radius:15px;font-size:12px;line-height:1.9;color:#666}.docs-inline-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.docs-inline-links a{display:flex;align-items:center;gap:7px;border:1px solid #e4e4df;border-radius:20px;padding:9px 12px;font-size:12px;color:#64705b}.docs-sources{position:sticky;top:105px;align-self:start;max-height:calc(100vh - 125px);overflow:auto;border:1px solid #e6e6e1;border-radius:18px;background:white;box-shadow:0 8px 35px #00000008;padding:20px}.docs-sources>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid #eee;padding-bottom:18px}.docs-sources header b{font-size:16px}.docs-sources header small{display:block;font-size:11px;color:#aaa;margin-top:7px}.docs-sources h3{font-size:12px;color:#999;margin:21px 0 10px}.docs-sources section>button{display:flex;text-align:left;align-items:flex-start;gap:9px;width:100%;padding:12px 8px;border-radius:10px}.docs-sources section>button.selected,.docs-sources section>button:hover{background:#f2f3ed}.docs-sources section>button>span{font-size:9px;border:1px solid #ddd;padding:3px 4px;border-radius:5px;color:#92987f;flex-shrink:0}.docs-sources section>button>div{font-size:12px;color:#555;min-width:0}.docs-sources section small{display:block;font-size:10px;overflow-wrap:anywhere;color:#aaa;margin-top:5px}.docs-resource-preview{border-top:1px solid #ddd;margin-top:20px}.docs-resource-preview img{width:100%;max-height:350px;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,white 0 50%) 0/16px 16px}.docs-resource-preview pre{font-size:10px;max-height:330px;overflow:auto;padding:12px}.docs-resource-preview p,.docs-resource-preview code{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.docs-resource-actions{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#60724e;margin:18px 0}.docs-body a:focus-visible,.docs-sources button:focus-visible{outline:2px solid #81956d;outline-offset:3px}
-@media(max-width:1050px){.docs-layout.with-sources{grid-template-columns:minmax(0,1fr) 285px;gap:18px}}@media(max-width:760px){.docs-layout.with-sources{display:block}.docs-sources{position:fixed;right:12px;left:12px;top:95px;bottom:18px;max-height:none;z-index:45;box-shadow:0 0 0 100vmax #0005}.docs-body h1{font-size:30px}.docs-body{padding:10px 0 40px}.docs-body>p{font-size:14px}.skills-masonry{columns:2;column-gap:15px}.skill-pin-cover img{padding:12px}.skill-pin p{font-size:12px}.snapshot-reader{padding:14px 8px}.snapshot-reader>header{align-items:flex-start;flex-direction:column}.snapshot-reader nav{gap:10px}.snapshot-reader nav a{font-size:11px}}
+.skills-masonry{columns:4 230px;column-gap:24px}.skill-pin{display:block;break-inside:avoid;margin:0 0 28px}.skill-pin-cover{background:#f1eee8!important;aspect-ratio:4/5;display:grid;place-items:center;max-height:440px}.skill-pin-cover img{width:100%;height:100%;object-fit:contain!important;padding:24px}.docs-top{display:flex;justify-content:space-between;font-size:13px;color:#777;gap:15px;margin-bottom:28px}.docs-top button{display:flex;align-items:center;gap:8px}.docs-layout{max-width:1200px;margin:auto;display:grid;gap:35px;grid-template-columns:minmax(0,800px);justify-content:center}.docs-layout.with-sources{grid-template-columns:minmax(0,1fr) 340px}.docs-body{min-width:0;padding:18px 12px 70px}.docs-eyebrow{font-size:11px;color:#9b968b;letter-spacing:1.5px}.docs-body h1{font-size:38px;font-weight:700;margin:18px 0 24px;letter-spacing:-1px}.docs-body h2{font-size:23px;margin:40px 0 20px;font-weight:650}.docs-body>p{font-size:15px;color:#555;line-height:2;margin:22px 0}.docs-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px}.docs-actions button{display:flex;align-items:center;gap:8px;background:#252525;color:white;padding:12px 16px;border-radius:24px}.docs-actions a{color:#888}.docs-body>.docs-hint{font-size:12px;color:#999}.docs-body pre,.docs-resource-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f5f2;padding:22px;border-radius:15px;font-size:12px;line-height:1.9;color:#666}.docs-inline-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.docs-inline-links a{display:flex;align-items:center;gap:7px;border:1px solid #e4e4df;border-radius:20px;padding:9px 12px;font-size:12px;color:#64705b}.docs-sources{position:sticky;top:105px;align-self:start;max-height:calc(100vh - 125px);overflow:auto;border:1px solid #e6e6e1;border-radius:18px;background:white;box-shadow:0 8px 35px #00000008;padding:20px}.docs-sources>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid #eee;padding-bottom:18px}.docs-sources header b{font-size:16px}.docs-sources header small{display:block;font-size:11px;color:#aaa;margin-top:7px}.docs-sources h3{font-size:12px;color:#999;margin:21px 0 10px}.docs-sources section>button{display:flex;text-align:left;align-items:flex-start;gap:9px;width:100%;padding:12px 8px;border-radius:10px}.docs-sources section>button.selected,.docs-sources section>button:hover{background:#f2f3ed}.docs-sources section>button>span{font-size:9px;border:1px solid #ddd;padding:3px 4px;border-radius:5px;color:#92987f;flex-shrink:0}.docs-sources section>button>div{font-size:12px;color:#555;min-width:0}.docs-sources section small{display:block;font-size:10px;overflow-wrap:anywhere;color:#aaa;margin-top:5px}.docs-resource-preview{border-top:1px solid #ddd;margin-top:20px}.docs-resource-preview img{width:100%;max-height:350px;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,white 0 50%) 0/16px 16px}.docs-resource-preview pre{font-size:10px;max-height:330px;overflow:auto;padding:12px}.docs-resource-preview p,.docs-resource-preview code{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.docs-resource-actions{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#60724e;margin:18px 0}.docs-body a:focus-visible,.docs-sources button:focus-visible{outline:2px solid #81956d;outline-offset:3px}
+@media(max-width:1050px){.docs-layout.with-sources{grid-template-columns:minmax(0,1fr) 285px;gap:18px}}@media(max-width:760px){.docs-layout.with-sources{display:block}.docs-sources{position:fixed;right:12px;left:12px;top:95px;bottom:18px;max-height:none;z-index:45;box-shadow:0 0 0 100vmax #0005}.docs-body h1{font-size:30px}.docs-body{padding:10px 0 40px}.docs-body>p{font-size:14px}.skills-masonry{columns:2;column-gap:15px}.skill-pin-cover img{padding:12px}.snapshot-reader{padding:14px 8px}.snapshot-reader>header{align-items:flex-start;flex-direction:column}.snapshot-reader nav{gap:10px}.snapshot-reader nav a{font-size:11px}}
 .guidance-directory{border-top:1px solid #e4e4df;margin-top:24px}.guidance-directory>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #e4e4df}.guidance-directory>div>a:first-child{font-size:15px;color:#3e4938}.guidance-directory small,.guidance-directory>div>a:last-child{font-size:12px;color:#888}@media(max-width:760px){.guidance-directory>div{grid-template-columns:minmax(0,1fr) auto;gap:8px}.guidance-directory small{grid-column:1;grid-row:2}.guidance-directory>div>a:last-child{grid-column:2;grid-row:1/3}}