nter gap-2 font-label text-xs font-medium text-primary underline decoration-primary underline-offset-4 transition-transform duration-300 ease-editorial hover:translate-x-0.5 focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary","children":[["$","span",null,{"aria-hidden":"true","children":"←"}]," スクラップ一覧へ"]}],["$","article",null,{"className":"mt-12 grid gap-12 lg:grid-cols-12 lg:gap-x-8","children":[["$","header",null,{"className":"lg:sticky lg:top-28 lg:col-span-4 lg:self-start","children":[["$","div",null,{"aria-hidden":"true","className":"h-0.5 w-12 bg-primary"}],["$","div",null,{"className":"mt-6 flex flex-wrap items-center gap-3 font-label text-label-sm tracking-label text-tertiary uppercase","children":["$","span",null,{"children":[1," ","post"]}]}],["$","h1",null,{"className":"mt-5 font-display text-[clamp(2.75rem,5vw,4.5rem)] leading-[1.08] font-bold tracking-display text-balance","children":"test"}],["$","ul",null,{"className":"mt-7 flex flex-wrap gap-2","aria-label":"タグ","children":[["$","li","test",{"className":"rounded-sm border border-outline-variant bg-surface-container-lowest px-2.5 py-1 font-label text-label-sm leading-5 text-on-surface-variant","children":"test"}]]}],["$","dl",null,{"className":"mt-8 grid grid-cols-2 gap-5 border-t border-outline-variant pt-5 font-label text-label-sm text-tertiary lg:grid-cols-1","children":[["$","div",null,{"children":[["$","dt",null,{"className":"tracking-label uppercase","children":"Created"}],["$","dd",null,{"className":"mt-1 text-on-surface-variant","children":["$","time",null,{"dateTime":"2026-07-28T16:47:50.582Z","children":"2026.07.28"}]}]]}],["$","div",null,{"children":[["$","dt",null,{"className":"tracking-label uppercase","children":"Updated"}],["$","dd",null,{"className":"mt-1 text-on-surface-variant","children":["$","time",null,{"dateTime":"2026-07-28T16:47:50.582Z","children":"2026.07.28"}]}]]}]]}]]}],["$","div",null,{"className":"lg:col-start-6 lg:col-span-7","children":["$","ol",null,{"className":"space-y-10","children":[["$","li","59c4fdcc-9b08-409a-9701-ef8e2f742df9",{"className":"rounded-lg border border-outline-variant bg-surface-container-lowest p-5 shadow-paper sm:p-8","children":[["$","div",null,{"className":"mb-7 flex items-center justify-between gap-4 border-b border-outline-variant pb-4 font-label text-label-sm text-tertiary","children":[["$","span",null,{"children":["#",1]}],["$","time",null,{"dateTime":"2026-07-28T16:47:50.582Z","children":"2026.07.28"}]]}],["$","div",null,{"className":"article-content","children":["$","div",null,{"className":"znc","dangerouslySetInnerHTML":{"__html":"

test

テストスクラップだよ

function hello() {\n  console.log('hello');\n}\n

"}}]}]]}]]}]}]]}]]}]