.blog-hero{border-bottom:1px solid var(--line);padding-block:clamp(2.5rem,5vw,4rem) 1.5rem}.blog-hero .row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.2rem;display:flex}.catnav{flex-wrap:wrap;gap:.45rem;margin-top:1.4rem;display:flex}.catnav a{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);font-size:var(--step--1);color:var(--body);transition:all .22s var(--ease);align-items:center;gap:.4rem;min-height:40px;padding:.5rem .95rem;display:inline-flex}.catnav a:hover{border-color:var(--accent);color:var(--accent)}.catnav a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.catnav a .n{font-family:var(--f-mono);opacity:.65;font-size:.64rem}@media (max-width:760px){.catnav{margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.3rem;overflow-x:auto}.catnav::-webkit-scrollbar{display:none}.catnav a{flex:none}}.feat{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);transition:all .3s var(--ease);grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.feat:hover{box-shadow:var(--shadow-3);border-color:var(--accent-line);transform:translateY(-3px)}@media (max-width:900px){.feat{grid-template-columns:1fr}}.feat .img{aspect-ratio:16/9;background:linear-gradient(135deg, var(--surface-2), var(--surface-3));border-right:1px solid var(--line);position:relative}@media (max-width:900px){.feat .img{border-right:0;border-bottom:1px solid var(--line)}}.feat .img .ph{font-family:var(--f-mono);color:var(--muted);letter-spacing:.1em;place-items:center;font-size:.66rem;display:grid;position:absolute;inset:0}.feat .body{flex-direction:column;justify-content:center;gap:.8rem;padding:clamp(1.4rem,3vw,2.4rem);display:flex}.feat h2{font-size:var(--step-3);line-height:1.12}.pmeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem .8rem;font-size:.76rem;display:flex}.pmeta .cat{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.64rem;font-weight:500}.pmeta .dot{background:var(--muted);border-radius:50%;width:3px;height:3px}.pmeta .au{color:var(--ink);align-items:center;gap:.4rem;display:inline-flex}.pmeta .av{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.6rem;font-weight:600;display:grid}.pgrid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}@media (max-width:1000px){.pgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.pgrid{grid-template-columns:1fr}}.pcard{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);transition:all .3s var(--ease);flex-direction:column;display:flex;overflow:hidden}.pcard:hover{box-shadow:var(--shadow-2);border-color:var(--accent-line);transform:translateY(-4px)}.pcard .img{aspect-ratio:16/9;background:linear-gradient(135deg, var(--surface-2), var(--surface-3));border-bottom:1px solid var(--line);position:relative}.pcard .img .ph{font-family:var(--f-mono);color:var(--muted);letter-spacing:.1em;place-items:center;font-size:.62rem;display:grid;position:absolute;inset:0}.pcard .body{flex-direction:column;flex:1;gap:.6rem;padding:1.25rem;display:flex}.pcard h3{font-size:var(--step-1);line-height:1.28}.pcard p{font-size:var(--step--1)}.pcard .pmeta{border-top:1px solid var(--line);margin-top:auto;padding-top:.8rem}.newsl{border-radius:var(--r-xl);background:var(--deep);color:var(--deep-body);grid-template-columns:1.1fr minmax(340px,.9fr);align-items:center;gap:2rem;padding:clamp(1.5rem,3vw,2.4rem);display:grid;position:relative;overflow:hidden}html[data-theme=dark] .newsl{border:1px solid var(--line);background:#03030f}.newsl:after{content:"";background:radial-gradient(circle, var(--accent), transparent 66%);opacity:.18;pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:-60%;right:-20%}.newsl h3{color:var(--deep-ink)}.newsl form{z-index:1;position:relative}.newsl-row{align-items:center;gap:.5rem;display:flex}.newsl input{border-radius:var(--r-full);border:1px solid var(--deep-line);min-width:0;color:var(--deep-ink);font:inherit;background:#ffffff0f;flex:1;height:52px;padding:.8rem 1.15rem}.newsl input::placeholder{color:var(--muted)}.newsl input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);background:#ffffff1a;outline:none}.newsl-row .btn{flex:none;height:52px}@media (max-width:800px){.newsl{grid-template-columns:1fr}.newsl-row{flex-direction:column;align-items:stretch}.newsl-row input{flex:none}}.post-hero{border-bottom:0;padding-block:clamp(2rem,4vw,3.5rem) 0}.post-hero .wrap{max-width:1180px}.post-hero h1{max-width:22ch;margin:1rem 0;font-size:clamp(2rem,1.5rem + 2.6vw,3.9rem);line-height:1.08}.post-hero .dek{font-size:var(--step-1);color:var(--body);max-width:60ch}.post-hero .pmeta{margin-top:1.2rem;font-size:.82rem}.post-hero .pmeta .upd{color:var(--accent)}.post-hero .img{aspect-ratio:16/9;border-radius:var(--r-xl);background:linear-gradient(135deg, var(--surface-2), var(--surface-3));border:1px solid var(--line);margin-top:2rem;position:relative;overflow:hidden}.post-hero .img .ph{font-family:var(--f-mono);color:var(--muted);letter-spacing:.1em;text-align:center;place-items:center;padding:1rem;font-size:.66rem;display:grid;position:absolute;inset:0}.post-layout{grid-template-columns:260px minmax(0,1fr) 260px;align-items:start;gap:clamp(1.5rem,3.5vw,3.5rem);max-width:1400px;margin-inline:auto;display:grid}@media (max-width:1200px){.post-layout{grid-template-columns:minmax(0,1fr) 280px}.post-layout .lrail{display:none}}@media (max-width:900px){.post-layout{grid-template-columns:minmax(0,1fr)}.post-layout .rrail{display:none}}.post-layout>*{min-width:0}.lrail,.rrail{position:sticky;top:96px}.rrail{flex-direction:column;gap:1.25rem;display:flex}.share{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.share a{border-radius:var(--r-full);border:1px solid var(--line);width:44px;height:44px;color:var(--body);background:var(--surface);place-items:center;transition:all .22s;display:grid}.share a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.share .cap{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem;font-size:.62rem}.prose-real.article{max-width:none}.prose-real.article>p:first-of-type{font-size:var(--step-1);color:var(--ink)}.prose-real.article h2{scroll-margin-top:100px}.prose-real.article img,.prose-real.article figure{border-radius:var(--r-lg);border:1px solid var(--line);margin:1.6rem 0}.prose-real.article table{border-collapse:collapse;width:100%;font-size:var(--step--1);margin:1.4rem 0}.prose-real.article th,.prose-real.article td{border:1px solid var(--line);text-align:left;padding:.6rem .8rem}.prose-real.article th{background:var(--surface-2);color:var(--ink)}.prose-real.article pre{background:var(--deep);color:var(--deep-ink);border-radius:var(--r-md);font-family:var(--f-mono);padding:1rem 1.2rem;font-size:.8rem;line-height:1.65;overflow:auto}.prose-real.article blockquote{border-left:3px solid var(--accent);color:var(--ink);font-size:var(--step-1);margin:1.6rem 0;padding:.4rem 0 .4rem 1.2rem;font-style:italic}.keytk{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);margin:1.6rem 0;padding:1.2rem 1.35rem}.keytk .k{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-size:.64rem}.authorbox{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);align-items:flex-start;gap:1.1rem;margin-top:2.5rem;padding:1.4rem;display:flex}.authorbox .av{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;font-weight:600;display:grid}.authorbox .nm{color:var(--ink);font-weight:600}.authorbox .rl{color:var(--muted);margin-bottom:.4rem;font-size:.78rem}.authorbox p{font-size:var(--step--1);margin:0}.authorbox .lk{gap:.8rem;margin-top:.5rem;font-size:.76rem;display:flex}.authorbox .lk a{color:var(--accent)}.prevnext{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}@media (max-width:600px){.prevnext{grid-template-columns:1fr}}.prevnext a{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:.25rem;padding:1.1rem 1.2rem;transition:all .25s;display:flex}.prevnext a:hover{border-color:var(--accent-line);transform:translateY(-2px)}.prevnext .k{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.prevnext .t{color:var(--ink);font-weight:500;font-size:var(--step--1)}.prevnext a.next{text-align:right;align-items:flex-end}.newsl-msg{font-size:var(--step--1);margin:.7rem 0 0}.newsl-msg.ok{color:var(--ok,#10b981)}.newsl-msg.err{color:var(--err,#f87171)}.article[data-post=jev-ai-vs-claude-vs-chatgpt-2026] .tbl table{min-width:640px}.article[data-post=jev-ai-vs-claude-vs-chatgpt-2026] .tbl:has(th:nth-child(4)) table{min-width:780px}.post-layout:has(.article[data-post=jev-ai-vs-claude-vs-chatgpt-2026]) .rrail .rail-card:first-child{max-height:calc(100dvh - 160px);overflow-y:auto}.feat>.img,.feat>.body{min-width:0}.feat .body{overflow-wrap:anywhere}.pmeta .au>a{text-underline-offset:.18em;text-decoration:underline}.pmeta img.av{object-fit:cover}.authorbox{grid-template-columns:64px minmax(0,1fr);gap:.25rem 1.1rem;display:grid}.authorbox>div{display:contents}.authorbox>.av{grid-area:1/1/span 2}.authorbox>img.av{object-fit:cover;border:0;border-radius:50%;margin:0}.authorbox .nm{grid-area:1/2;align-self:end}.authorbox .rl{grid-area:2/2}.authorbox p{grid-column:1/-1;margin-top:.8rem}.authorbox .lk a.btn{border-radius:var(--r-sm);white-space:normal;text-align:center;min-width:0;min-height:44px;line-height:1.4;text-decoration:none}.authorbox .lk a.btn-ghost{background:var(--surface-2);color:var(--ink)}.authorbox .lk a.btn-ghost:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.authorbox .lk a.btn-primary{color:var(--accent-ink)}.authorbox .lk a.btn-primary:hover{background:color-mix(in srgb, var(--accent) 90%, var(--ink));filter:none}.authorbox .lk a.btn:active{box-shadow:inset 0 0 0 2px var(--accent-line);transform:translateY(0)}.authorbox .lk{flex-wrap:wrap;grid-column:1/-1;gap:.65rem 1rem;margin-top:.8rem}@media (max-width:760px){.authorbox{grid-template-columns:3.5rem minmax(0,1fr);gap:.25rem .8rem;padding:1.2rem}.authorbox>.av{width:3.5rem;height:3.5rem}.authorbox .lk{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.authorbox .lk a.btn{scroll-margin-block:calc(var(--hdr-h) + 1rem) calc(7rem + env(safe-area-inset-bottom,0px));padding:.65rem .55rem}}@media (prefers-reduced-motion:reduce){.authorbox .lk a.btn:hover,.authorbox .lk a.btn:active{transform:none}}.post-hero:not(:has(>.wrap>.img)){visibility:hidden}.pager-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:2.4rem;display:flex}.pager-nav a,.pager-nav span{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);min-width:44px;height:44px;color:var(--body);font-size:var(--step--1);justify-content:center;align-items:center;padding:0 .8rem;transition:all .22s;display:inline-flex}.pager-nav a:hover{border-color:var(--accent);color:var(--accent)}.pager-nav [aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}.pager-nav .gap{color:var(--muted);background:0 0;border:0}.pager-nav a[rel]{gap:.4rem;padding-inline:1.1rem}.prose-real.article>.body-md>p:first-of-type{font-size:var(--step-1);color:var(--ink)}.share button{border-radius:var(--r-full);border:1px solid var(--line);width:44px;height:44px;color:var(--body);background:var(--surface);cursor:pointer;place-items:center;transition:all .22s;display:grid}.share button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.tags a{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);padding:.25rem .65rem;font-size:.7rem;transition:all .22s}.tags a:hover{border-color:var(--accent);color:var(--accent)}.pcard .img .illo,.feat .img .illo,.post-hero .img .illo{width:100%;height:100%;position:absolute;inset:0}.pcard .img img,.feat .img img,.post-hero .img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}