.kn-note{gap:var(--s3);max-width:var(--measure);margin:0 0 var(--s6);padding:var(--s4);background:var(--field-3);border-left:3px solid var(--sunlight);border-radius:0 var(--radius) var(--radius) 0;font-size:14px;line-height:var(--lh-body);color:var(--ink-2);align-items:flex-start;display:flex}.kn-note b{color:var(--ink);font-weight:var(--fw-em)}.kn-note p{margin:0}.kn-note-draft{border-left-color:var(--blue-dark)}.kn-filter{align-items:flex-end;gap:var(--s3);margin:0 0 var(--s5);padding:var(--s4);background:var(--field-3);border-radius:var(--radius);flex-wrap:wrap;display:flex}.kn-field{flex-direction:column;gap:7px;display:flex}.kn-field label{font-family:var(--mono);font-size:var(--label);letter-spacing:var(--ls-label);color:var(--ink-2)}.kn-field select{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--paper);min-width:156px;color:var(--ink);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%232B313C' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:9px 34px 9px 12px;font-size:14px}.kn-filter button{font:inherit;font-size:13px;font-weight:var(--fw-em);letter-spacing:var(--ls-sm);border:1px solid var(--blue-d);border-radius:var(--radius);background:var(--blue-d);color:#fff;cursor:pointer;transition:background-color var(--dur-fast), border-color var(--dur-fast);padding:10px 20px}.kn-filter button:hover{background:var(--blue);border-color:var(--blue)}.kn-count{font-size:13px;font-weight:var(--fw-em);color:var(--ink-2);margin:0 0 0 auto}@media (width<=620px){.kn-filter{gap:var(--s3) 12px}.kn-field{flex:140px}.kn-field select{width:100%;min-width:0}.kn-filter button{flex:100%}.kn-count{width:100%;margin-left:0}}.kn-cards{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=820px){.kn-cards{gap:var(--s3);grid-template-columns:1fr}}.kn-card{height:100%;padding:var(--s5) 110px var(--s4) var(--s5);background:var(--paper);border:1px solid var(--line-2);border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}@media (width<=640px){.kn-card{padding:var(--s4) 92px var(--s4) var(--s4)}}.kn-card:hover{border-color:var(--line)}.kn-card:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.9' intercept='-0.45'/%3E%3CfeFuncG type='linear' slope='1.9' intercept='-0.45'/%3E%3CfeFuncB type='linear' slope='1.9' intercept='-0.45'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.kn-card:before{content:"";background:linear-gradient(125deg, var(--violet-mist) 0%, var(--blue-mist) 100%);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease);position:absolute;inset:0}.kn-card:hover:before{opacity:1}.kn-card>:not(.kn-disc){z-index:1;position:relative}.kn-card:hover .kn-meta{color:var(--ink-2)}.kn-card-title{letter-spacing:var(--ls-d3);margin:var(--s3) 0 0;color:var(--ink);font-size:18px;font-weight:600;line-height:1.6}.kn-card-body{-webkit-line-clamp:3;margin:10px 0 var(--s4);color:var(--ink-2);-webkit-box-orient:vertical;font-size:13.5px;line-height:1.85;display:-webkit-box;overflow:hidden}.kn-card-go{font-size:12.5px;font-weight:var(--fw-em);letter-spacing:var(--ls-sm);color:var(--blue-d);align-items:center;gap:7px;margin-top:auto;display:inline-flex}.kn-card-go span{transition:transform var(--dur-fast) var(--ease)}.kn-card:hover .kn-card-go span{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.kn-card:hover .kn-card-go span{transform:none}}.kn-disc{z-index:1;pointer-events:none;width:150px;height:150px;transition:left var(--dur-soft) var(--ease);position:absolute;top:50%;left:calc(100% - 52px);transform:translateY(-50%)}.kn-card:hover .kn-disc{left:calc(100% - 92px)}@media (width<=640px){.kn-disc{width:130px;height:130px;left:calc(100% - 44px)}.kn-card:hover .kn-disc{left:calc(100% - 80px)}}.kn-disc svg{width:100%;height:100%;display:block}.kn-disc .d-vinyl{fill:var(--ink-deep)}.kn-disc .d-groove{stroke:#fff;stroke-opacity:.1;stroke-width:.6px}.kn-disc .d-label{fill:var(--cat-bg)}.kn-disc .d-hole{fill:var(--paper)}.kn-disc .d-text{fill:var(--paper);font-family:var(--sans);font-size:3.4px;font-weight:var(--fw-display);letter-spacing:0}.kn-disc .d-spin{transform-box:fill-box;transform-origin:50%}@media (hover:hover){.kn-card:hover .kn-disc .d-spin{animation:4.5s linear infinite kn-disc-spin}}@keyframes kn-disc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kn-card:hover .kn-disc .d-spin{animation:none}}.kn-meta{font-family:var(--mono);font-size:var(--label);letter-spacing:var(--ls-label);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kn-meta time{font-family:var(--sans);font-weight:var(--fw-em);letter-spacing:.04em}.kn-cat{color:var(--cat-fg);font-weight:var(--fw-em);background:var(--cat-bg);border-radius:var(--radius-xs);padding:3px 8px}.kn-pager{justify-content:center;align-items:center;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.kn-pager-nums{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.kn-pager-num{border:1px solid var(--line-2);border-radius:var(--radius);min-width:40px;height:40px;font-size:13.5px;font-weight:var(--fw-em);color:var(--ink-2);transition:border-color var(--dur-fast), background-color var(--dur-fast);justify-content:center;align-items:center;padding:0 10px;text-decoration:none;display:flex}a.kn-pager-num:hover{border-color:var(--blue);background:var(--blue-l)}.kn-pager-num.is-now{background:var(--blue-d);border-color:var(--blue-d);color:#fff}.kn-pager-step{height:40px;font-size:13px;font-weight:var(--fw-em);letter-spacing:var(--ls-sm);color:var(--blue-d);align-items:center;gap:7px;padding:0 14px;text-decoration:none;display:inline-flex}a.kn-pager-step:hover{text-underline-offset:4px;text-decoration:underline}.kn-pager-step.is-off{color:var(--ink-4)}.kn-intro{max-width:var(--measure);font-size:15px;line-height:var(--lh-loose);color:var(--ink-2);margin:0 0 var(--s6)}.kn-empty{max-width:var(--measure);font-size:15px;line-height:var(--lh-loose);color:var(--ink-2)}.kn-empty a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.kn-cols{gap:var(--s6);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1180px){.kn-cols{gap:var(--s6);grid-template-columns:minmax(0,1fr) 312px}}@media (width<=1179px){.kn-main{max-width:var(--measure)}}.kn-head{margin-bottom:var(--s6);padding-bottom:var(--s5);border-bottom:1px solid var(--line-2);isolation:isolate;position:relative}.kn-head:before{content:"";z-index:-1;inset:calc(var(--s4) * -1) -24px 0 -48px;pointer-events:none;background: linear-gradient(90deg, transparent 31px, color-mix(in srgb, var(--head-violet-l) 65%, transparent) 31px 32px, transparent 32px),  repeating-linear-gradient(to bottom, transparent 0 31px, color-mix(in srgb, var(--line) 35%, transparent) 31px 32px);-webkit-mask-composite:source-in;position:absolute;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 96%),linear-gradient(#000 65%,#0000 100%);mask-image:linear-gradient(90deg,#000 45%,#0000 96%),linear-gradient(#000 65%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (width<=640px){.kn-head:before{inset:calc(var(--s3) * -1) -12px 0 -12px;background:repeating-linear-gradient(to bottom, transparent 0 31px, color-mix(in srgb, var(--line) 35%, transparent) 31px 32px)}}.kn-head .kn-meta{margin-bottom:var(--s3)}.kn-title{font-size:clamp(24px,3.4vw,33px);font-weight:var(--fw-head);letter-spacing:var(--ls-d2);margin:0 0 var(--s4);color:var(--ink);max-width:var(--measure);text-wrap:balance;word-break:auto-phrase;line-height:1.5}@media (width>=1180px){.kn-title{max-width:calc(100% - 312px - var(--s6))}}.kn-lead{max-width:var(--measure);font-size:16.5px;line-height:var(--lh-loose);color:var(--ink-2);margin:0}.kn-by{gap:var(--s3);margin:var(--s4) 0 0;color:var(--ink-3);flex-wrap:wrap;font-size:12.5px;display:flex}.kn-by dt{font-weight:var(--fw-em)}.kn-by dd{margin:0 var(--s4) 0 6px;color:var(--ink-2);display:inline}.kn-by div{align-items:baseline;display:flex}.kn-main>.kn-note{margin-top:0}@media (width>=1180px){.kn-side{padding-left:var(--s5);border-left:1px solid var(--line-2);align-self:start}.kn-side.is-sticky{top:calc(var(--header-h) + var(--s3));position:sticky}}.kn-side-bnrs{margin-top:var(--s5)}@media (width<=1179px){.kn-side{padding-top:var(--s5);border-top:1px solid var(--line-2)}}.kn-side-box+.kn-side-box{margin-top:var(--s5)}.kn-side-h{font-size:12px;font-weight:var(--fw-em);letter-spacing:var(--ls-sm);color:var(--ink);margin:0 0 var(--s3);border-bottom:1px solid var(--line-2);padding-bottom:8px}.kn-side-cats{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.kn-side-cat{border-radius:var(--radius-xs);background:var(--blue-l);font-size:11.5px;font-weight:var(--fw-em);color:var(--blue-d);transition:background-color var(--dur-fast);padding:5px 10px;text-decoration:none;display:inline-block}.kn-side-cat:hover{background:var(--line)}.kn-side-cat.is-now{background:var(--blue-d);color:#fff}.kn-side-latest{margin:0;padding:0;list-style:none}.kn-side-latest li+li{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line-2)}.kn-side-latest a{text-decoration:none;display:block}.kn-side-latest time{font-size:11px;font-weight:var(--fw-em);letter-spacing:.04em;color:var(--ink-3);margin-bottom:4px;display:block}.kn-side-latest span{color:var(--ink-2);font-size:12.5px;line-height:1.7;display:block}.kn-side-latest a:hover span{color:var(--blue-d);text-underline-offset:3px;text-decoration:underline}.kn-side-back{margin-top:var(--s5);font-size:12.5px;font-weight:var(--fw-em);letter-spacing:var(--ls-sm);color:var(--blue-d);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.kn-side-back:hover{text-underline-offset:4px;text-decoration:underline}.kn-body{font-size:16px;line-height:var(--lh-loose);color:var(--ink-2)}.kn-body>:first-child{margin-top:0}.kn-body p{margin:0 0 var(--s4)}.kn-body h2{--kn-rule-top:56px;--kn-rule-gap:40px;letter-spacing:var(--ls-d3);color:var(--ink);margin:calc(var(--kn-rule-top) + var(--kn-rule-gap)) 0 var(--s4);border-left:4px solid var(--blue-d);padding:2px 0 2px 16px;font-size:20px;font-weight:600;line-height:1.55;position:relative}.kn-body h2:after{content:"";left:-4px;right:0;top:calc(var(--kn-rule-gap) * -1);background:var(--line-2);height:1px;position:absolute}.kn-body>h2:first-child{margin-top:0}.kn-body>h2:first-child:after{content:none}@media (width<=640px){.kn-body h2{--kn-rule-top:40px;--kn-rule-gap:28px;padding-left:13px;font-size:18.5px}}.kn-body h3{font-size:17px;font-weight:var(--fw-em);line-height:var(--lh-head);color:var(--ink);margin:var(--s5) 0 var(--s3)}.kn-body ul,.kn-body ol{margin:0 0 var(--s4);padding-left:1.4em}.kn-body li{margin-bottom:6px}.kn-body li::marker{color:var(--ink-3)}.kn-body strong{color:var(--ink);font-weight:var(--fw-em)}.kn-body a{color:var(--blue);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.kn-body a:hover{text-decoration-thickness:2px}.kn-body blockquote{margin:var(--s5) 0;padding:4px 0 4px var(--s4);border-left:3px solid var(--line);color:var(--ink-2)}.kn-body blockquote p:last-child{margin-bottom:0}.kn-body hr{background:var(--line-2);height:1px;margin:var(--s6) 0;border:0}.kn-xs{margin:var(--s5) 0}.kn-body table{font-size:14px;line-height:var(--lh-body);min-width:420px}.kn-body th,.kn-body td{padding:12px var(--s3);border-bottom:1px solid var(--line-2);vertical-align:top;text-align:left}.kn-body thead th{background:var(--field-3);color:var(--ink);font-weight:var(--fw-em);white-space:nowrap}.kn-body tbody th{color:var(--ink);font-weight:var(--fw-em)}.kn-body code{font-family:var(--mono);background:var(--field-3);border-radius:var(--radius-xs);color:var(--ink);padding:2px 5px;font-size:.92em}.kn-body pre{padding:var(--s4);border-radius:var(--radius);font-size:13px;line-height:1.7;overflow-x:auto}.kn-body pre code{background:0 0;padding:0}.kn-body img{border-radius:var(--radius);margin:var(--s5) 0}.kn-body figure{margin:var(--s5) 0}.kn-body figcaption{color:var(--ink-3);margin-top:10px;font-size:12.5px;line-height:1.8}@media (width<=640px){.kn-body{font-size:16.5px}}