:root{--fragment-radius:var(--radius-m);--fragment-border:var(--border-warm);--fragment-shadow:var(--shadow-sm);--fragment-shadow-hover:var(--shadow-md);--fragment-text:var(--font-color-1);--fragment-strip-w:3px;--fragment-strip-gap:12px;--fragment-pad-x:18px;--fragment-pad-y:16px}.fragment{position:relative;margin:20px 0;padding:var(--fragment-pad-y) var(--fragment-pad-x);padding-left:calc(var(--fragment-pad-x) + var(--fragment-strip-w) + var(--fragment-strip-gap));border-radius:var(--fragment-radius);border:1px solid var(--fragment-border);background:var(--bg-paper);box-shadow:var(--fragment-shadow);font-size:15px;line-height:1.75;letter-spacing:.01em;color:var(--fragment-text);overflow:hidden;word-wrap:break-word!important;white-space:pre-line;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.fragment::before{content:"";position:absolute;left:var(--fragment-pad-x);top:12px;bottom:12px;width:var(--fragment-strip-w);border-radius:999px;background:var(--line-1);pointer-events:none}.fragment::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0) 30%);pointer-events:none}.fragment:hover{transform:translateY(-1px);box-shadow:var(--fragment-shadow-hover);border-color:var(--line-1)}.fragment-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding-bottom:10px;font-weight:600;font-size:.98em;letter-spacing:.02em;border-bottom:1px dashed var(--line-1);color:var(--font-color-1)}.fragment-title::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--font-color-3);flex:0 0 auto}.fragment[data-title]{padding-top:calc(var(--fragment-pad-y) + 4px)}.fragment[data-title]>:first-child{margin-top:0}.fragment[data-title]::marker{content:""}.fragment[data-title] .fragment-title{display:none}.fragment[data-title]::selection{background:rgba(0,0,0,.08)}.fragment>:first-child{margin-top:0}.fragment>:last-child{margin-bottom:0}.fragment code{border-radius:6px;padding:.12em .4em;background:var(--md-accent-faint,rgba(0,0,0,.05));white-space:normal}.fragment blockquote{margin:10px 0;padding:8px 12px;border-left:3px solid var(--line-1);background:rgba(255,255,255,.45);white-space:normal}.fragment.red{background-color:rgba(255,77,79,.08);color:rgba(92,0,17,.85)}.fragment.yellow{background-color:rgba(255,229,143,.22);color:rgba(97,71,0,.88)}.fragment.green{background-color:rgba(183,235,143,.2);color:rgba(19,82,0,.86)}.fragment.blue{background-color:rgba(145,213,255,.2);color:rgba(0,58,140,.86)}.fragment.purple{background-color:rgba(211,173,247,.2);color:rgba(57,16,133,.85)}.fragment.grey{background-color:var(--bg-zebra);color:var(--font-color-1)}.fragment.red::before{background:rgba(255,77,79,.55)}.fragment.yellow::before{background:rgba(241,151,38,.55)}.fragment.green::before{background:rgba(26,171,142,.55)}.fragment.blue::before{background:rgba(81,114,221,.55)}.fragment.purple::before{background:rgba(163,51,139,.45)}.fragment.grey::before{background:var(--font-color-3)}.fragment.red .fragment-title::before{background:rgba(255,77,79,.6)}.fragment.yellow .fragment-title::before{background:rgba(241,151,38,.6)}.fragment.green .fragment-title::before{background:rgba(26,171,142,.6)}.fragment.blue .fragment-title::before{background:rgba(81,114,221,.6)}.fragment.purple .fragment-title::before{background:rgba(163,51,139,.5)}.fragment.grey .fragment-title::before{background:var(--font-color-3)}.fragment a{font-weight:600;text-decoration:none;border-bottom:1px solid var(--line-1)}.fragment a:hover{border-bottom-color:var(--accent);color:var(--accent)}@media (max-width:600px){.fragment{padding:14px 12px;padding-left:calc(12px + 3px + 8px);font-size:14px}.fragment::before{left:12px;width:3px}}.post-md h6:has(+ .fragment){display:flex;align-items:center;gap:14px;font-size:12px;font-weight:400;color:var(--font-color-3);margin:36px 0 8px;padding:0;border:none;letter-spacing:.03em;line-height:1}.post-md hr+h6:has(+ .fragment){margin-top:20px}.post-md h6:has(+ .fragment)::after,.post-md h6:has(+ .fragment)::before{content:"";flex:1;height:1px;background:var(--border-warm)}.post-md h6+.fragment{margin-top:0}.fragment-archive-link{display:flex;justify-content:flex-end;margin-top:36px}.fragment-archive-link a{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--font-color-3);text-decoration:none;transition:color .2s ease}.fragment-archive-link a:hover{color:var(--font-color-2)}