:root{--primary:#53c986;--primary-2:#4aa8ff;--primary-weak:#e8f9ef;--text:#333;--muted:#666;--bg:#f8f9fa;--surface:#fff;--surface-soft:#f8f9fa;--border:#eaeaea;--shadow:none;--radius:14px}:where(.astro-3rkrlumz)[data-dark]{--text:#f0f0f0;--muted:#aaa;--bg:#121212;--surface:#1e1e1e;--surface-soft:#121212;--border:#333;--primary-weak:#55c57a29;--shadow:none}:where(.astro-3rkrlumz){box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:var(--bg);flex-direction:column;margin:0;font-family:Kanit,system-ui,sans-serif;display:flex}.wrap:where(.astro-3rkrlumz){flex-direction:column;flex:1;width:100%;max-width:1120px;min-height:100vh;margin:0 auto;padding:26px 16px 22px;display:flex}.head:where(.astro-3rkrlumz){background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.head:where(.astro-3rkrlumz) h1:where(.astro-3rkrlumz){margin:0;font-size:clamp(1.5rem,3vw,2rem)}.head:where(.astro-3rkrlumz) p:where(.astro-3rkrlumz){color:var(--muted);margin:2px 0 0}.head-right:where(.astro-3rkrlumz){align-items:center;gap:8px;display:flex}.btn:where(.astro-3rkrlumz){border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn:where(.astro-3rkrlumz):hover{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));color:var(--primary)}.search:where(.astro-3rkrlumz){background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;margin-bottom:22px;padding:0 12px;display:flex}.search:where(.astro-3rkrlumz) input:where(.astro-3rkrlumz){width:100%;color:var(--text);font:inherit;background:0 0;border:none;outline:none;padding:12px 0}main:where(.astro-3rkrlumz){flex:1}.sec:where(.astro-3rkrlumz){border-top:1px solid var(--border);margin-bottom:36px;padding-top:20px}.sec:where(.astro-3rkrlumz):first-child{border-top:0;padding-top:0}.sec-head:where(.astro-3rkrlumz){margin-bottom:13px}.sec-head:where(.astro-3rkrlumz) h2:where(.astro-3rkrlumz){letter-spacing:.01em;align-items:center;gap:8px;margin:0 0 12px;font-size:1.18rem;display:flex}.sec-head:where(.astro-3rkrlumz) p:where(.astro-3rkrlumz){color:var(--muted);margin:-6px 0 0;font-size:.94rem}.grid:where(.astro-3rkrlumz){grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.card:where(.astro-3rkrlumz){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;min-height:210px;box-shadow:var(--shadow);flex-direction:column;padding:17px;text-decoration:none;transition:border-color .22s;display:flex}.card:where(.astro-3rkrlumz):hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.card-top:where(.astro-3rkrlumz){justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.icon:where(.astro-3rkrlumz){width:44px;height:44px;color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));background:#fff;border-radius:12px;place-items:center;display:grid;overflow:hidden}.icon:where(.astro-3rkrlumz) img:where(.astro-3rkrlumz){object-fit:cover;width:100%;height:100%;padding:0}.external-mark:where(.astro-3rkrlumz){border:1px solid var(--border);width:32px;height:32px;color:var(--muted);background:var(--surface-soft);border-radius:9px;place-items:center;font-size:.84rem;display:grid}.card:where(.astro-3rkrlumz) h3:where(.astro-3rkrlumz){margin:10px 0 8px;font-size:1.05rem}.card:where(.astro-3rkrlumz) p:where(.astro-3rkrlumz){color:var(--muted);flex:1;margin:0;line-height:1.62}.meta:where(.astro-3rkrlumz){border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:.86rem;display:flex}.meta-type:where(.astro-3rkrlumz){align-items:center;gap:7px;display:inline-flex}.meta-type:where(.astro-3rkrlumz) i:where(.astro-3rkrlumz){color:var(--primary);font-size:.72rem}.tag:where(.astro-3rkrlumz){border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.tag:where(.astro-3rkrlumz).new,.tag:where(.astro-3rkrlumz).active{color:#1f7a3d;background:#d9f8e2}.tag:where(.astro-3rkrlumz).updated{color:#1b6c9a;background:#dff4ff}.tag:where(.astro-3rkrlumz).wip{color:#9a5c12;background:#ffe9c8}.hidden:where(.astro-3rkrlumz){display:none!important}footer:where(.astro-3rkrlumz){color:var(--muted);text-align:center;margin-top:auto;padding-top:24px}