.jb-blog{padding-block-end:clamp(48px,6vw,88px)}.jb-postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:clamp(16px,2vw,24px)}.jb-postgrid > li{min-width:0;display:flex}.jb-postgrid > li > *{width:100%}.jb-postlist{display:block}.jb-postlist > li{display:flex;min-width:0}.jb-postlist > li > *{width:100%}.jb-postcard{display:flex;flex-direction:column;min-width:0;position:relative;border-radius:var(--r-xl);border:1px solid var(--c-border);background:var(--c-surface);box-shadow:var(--sh-card);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.jb-postcard:hover{transform:translateY(-3px);box-shadow:var(--sh-card-hover);border-color:var(--c-blue-200)}.jb-postcard__media{position:relative;aspect-ratio:16 / 9;background:var(--c-navy-800);overflow:hidden}.jb-postcard__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.jb-postcard:hover .jb-postcard__media img{transform:scale(1.04)}.jb-postcard__chip{position:absolute;inset-block-start:var(--s-3);inset-inline-start:var(--s-3);display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--r-pill);background:rgba(255,255,255,0.95);border:1px solid rgba(8,20,38,0.06);box-shadow:0 2px 8px rgba(8,20,38,0.16);color:var(--c-navy-900);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.5;white-space:nowrap;z-index:1}.jb-postcard__chip .icon{width:13px;height:13px;stroke-width:2;color:var(--c-primary)}.jb-postcard__body{display:flex;flex-direction:column;gap:var(--s-2);flex:1;padding:var(--s-5) clamp(16px,1.8vw,20px);min-width:0}.jb-postcard__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:1.75;min-height:calc(2 * 1.75em);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.jb-postcard__title a{transition:color var(--dur) var(--ease)}.jb-postcard:hover .jb-postcard__title a{color:var(--c-primary)}.jb-postcard__title a::after{content:"";position:absolute;inset:0}.jb-postcard__excerpt{font-size:var(--fs-base);color:var(--c-text-muted);line-height:1.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jb-postmeta{display:flex;align-items:center;flex-wrap:wrap;gap:4px var(--s-4);margin-block-start:auto;padding-block-start:var(--s-3);font-size:var(--fs-xs);color:var(--c-text-muted)}.jb-postmeta > li{display:inline-flex;align-items:center;gap:6px}.jb-postmeta .icon{width:14px;height:14px;flex:none;color:var(--c-text-soft)}.jb-postmeta--lg{margin-block-start:0;padding-block-start:0;font-size:var(--fs-base);gap:6px var(--s-5)}.jb-postmeta--lg .icon{width:16px;height:16px}.jb-postcard--feature{flex-direction:row;align-items:stretch;margin-block-end:clamp(20px,2.4vw,32px)}.jb-postcard--feature .jb-postcard__media{flex:0 0 46%;aspect-ratio:auto;min-height:300px}.jb-postcard--feature .jb-postcard__body{justify-content:center;gap:var(--s-3);padding:clamp(24px,3vw,44px)}.jb-postcard--feature .jb-postcard__title{font-size:var(--fs-3xl);line-height:1.55}.jb-postcard--feature .jb-postcard__excerpt{font-size:var(--fs-md);-webkit-line-clamp:4;max-width:54ch}.jb-postcard--feature .jb-postmeta{margin-block-start:var(--s-2)}.jb-postcard__flag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 11px;border-radius:var(--r-pill);background:var(--c-blue-50);border:1px solid var(--c-blue-100);color:var(--c-blue-700);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.jb-postcard__flag .icon{width:13px;height:13px;stroke-width:2}@media (max-width:900px){.jb-postcard--feature{flex-direction:column}.jb-postcard--feature .jb-postcard__media{flex:none;aspect-ratio:16 / 9;min-height:0}.jb-postcard--feature .jb-postcard__title{font-size:var(--fs-2xl)}}.jb-blogbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-block-end:clamp(20px,2.4vw,28px)}.jb-blogbar__count{flex:none;font-size:var(--fs-sm);color:var(--c-text-muted)}.jb-blogbar__count .is-num{color:var(--c-text);font-weight:var(--fw-semibold)}@media (max-width:860px){.jb-blogbar{flex-direction:column;align-items:stretch;gap:var(--s-3)}.jb-blogbar__count{order:-1}}.jb-article__head{padding-block:var(--s-2) var(--s-6)}.jb-article__title{margin-block:var(--s-4) var(--s-4);font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:1.5}.jb-article__lead{font-size:var(--fs-lg);color:var(--c-text-muted);line-height:1.95}.jb-article__cover{border-radius:var(--r-2xl);overflow:hidden;background:var(--c-navy-800);box-shadow:var(--sh-lg);margin-block-end:clamp(28px,3.4vw,48px);aspect-ratio:16 / 9}.jb-article__cover img{width:100%;height:100%;object-fit:cover}.jb-article{display:grid;grid-template-columns:248px minmax(0,1fr);gap:clamp(28px,3.4vw,56px);align-items:start}.jb-article__body{min-width:0}@media (min-width:1024px){.jb-article__head,.jb-article__cover{margin-inline-start:calc(248px + clamp(28px,3.4vw,56px))}}@media (max-width:1023px){.jb-article{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}.jb-article__title{font-size:var(--fs-3xl)}}.jb-article__body > .jb-prose{max-width:none;padding:clamp(24px,3.2vw,44px);border-radius:var(--r-2xl);border:1px solid var(--c-border);background:var(--c-surface);box-shadow:var(--sh-sm);font-size:var(--fs-lg);line-height:2.15;color:var(--c-text-muted)}.jb-article__body > .jb-prose > * + *{margin-block-start:var(--s-5)}.jb-article__body > .jb-prose > p:first-child{font-size:var(--fs-xl);line-height:2.05;color:var(--c-text)}.jb-article__body > .jb-prose :is(h1,h2,h3,h4,h5,h6){color:var(--c-text);line-height:1.7;text-wrap:balance}.jb-article__body > .jb-prose :is(h1,h2,h3){position:relative;padding-inline-start:var(--s-4)}.jb-article__body > .jb-prose :is(h1,h2,h3)::before{content:"";position:absolute;inset-inline-start:0;inset-block:0.28em 0.22em;width:4px;border-radius:var(--r-pill);background:var(--c-primary)}.jb-article__body > .jb-prose h1{margin-block-start:var(--s-9);font-size:var(--fs-3xl)}.jb-article__body > .jb-prose h2{margin-block-start:var(--s-9);font-size:var(--fs-2xl)}.jb-article__body > .jb-prose h3{margin-block-start:var(--s-7);font-size:var(--fs-xl)}.jb-article__body > .jb-prose h3::before{background:var(--c-blue-200)}.jb-article__body > .jb-prose h4{margin-block-start:var(--s-6);font-size:var(--fs-lg)}.jb-article__body > .jb-prose h5{margin-block-start:var(--s-6);font-size:var(--fs-md)}.jb-article__body > .jb-prose h6{margin-block-start:var(--s-5);font-size:var(--fs-sm);color:var(--c-text-soft);letter-spacing:0.06em}.jb-article__body > .jb-prose > :first-child{margin-block-start:0}.jb-article__body > .jb-prose > :last-child{margin-block-end:0}.jb-article__body > .jb-prose a{color:var(--c-primary);text-decoration-color:var(--c-blue-200);text-decoration-thickness:1.5px;text-underline-offset:5px;transition:color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease)}.jb-article__body > .jb-prose a:hover{color:var(--c-primary-hover);text-decoration-color:currentColor}.jb-article__body > .jb-prose li{line-height:2.05}.jb-article__body > .jb-prose ul > li::before{inset-block-start:0.95em;background:var(--c-primary)}.jb-article__body > .jb-prose blockquote{position:relative;margin-block:var(--s-6);padding:var(--s-5) var(--s-6);padding-inline-start:var(--s-9);border:0;border-radius:var(--r-lg);background:var(--c-blue-50);color:var(--c-text);font-size:var(--fs-lg);line-height:2.05}.jb-article__body > .jb-prose blockquote::before{content:"”";position:absolute;inset-inline-start:var(--s-4);inset-block-start:0.1em;font-size:2.6rem;line-height:1;color:var(--c-blue-200)}.jb-article__body > .jb-prose :is(img,figure img){border-radius:var(--r-lg)}.jb-article__body > .jb-prose figure{margin-block:var(--s-6)}.jb-article__body > .jb-prose table{font-size:var(--fs-base);border:1px solid var(--c-border);border-radius:var(--r-md);border-collapse:separate;border-spacing:0;overflow:hidden}.jb-article__body > .jb-prose table :is(th,td){border:0;border-block-start:1px solid var(--c-border)}.jb-article__body > .jb-prose table tr:first-child :is(th,td){border-block-start:0}.jb-article__body > .jb-prose table th{background:var(--c-surface-muted);color:var(--c-text)}.jb-article__body > .jb-prose hr{margin-block:var(--s-8);border:0;height:4px;background:radial-gradient(circle,var(--c-border-strong) 1.6px,transparent 2px) center / 14px 4px repeat-x}@media (max-width:720px){.jb-article__body > .jb-prose{font-size:var(--fs-md);line-height:2.05}.jb-article__body > .jb-prose > p:first-child{font-size:var(--fs-lg)}.jb-article__body > .jb-prose h1{font-size:var(--fs-2xl);margin-block-start:var(--s-7)}.jb-article__body > .jb-prose h2{font-size:var(--fs-xl);margin-block-start:var(--s-7)}.jb-article__body > .jb-prose h3{font-size:var(--fs-lg)}.jb-article__body > .jb-prose h4{font-size:var(--fs-md)}}.jb-tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);margin-block-start:var(--s-8);padding-block-start:var(--s-5);border-block-start:1px solid var(--c-border)}.jb-tags__label{font-size:var(--fs-sm);color:var(--c-text-muted);margin-inline-end:var(--s-2)}.jb-tag{display:inline-flex;align-items:center;min-height:32px;padding-inline:var(--s-3);border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface);font-size:var(--fs-sm);color:var(--c-text-muted)}.jb-authorbox{display:flex;align-items:center;gap:var(--s-4);margin-block-start:var(--s-6);padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-surface-muted);min-width:0}.jb-authorbox__mark{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-primary)}.jb-authorbox__mark .icon{width:24px;height:24px}.jb-authorbox__name{font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:1.6}.jb-authorbox__text{font-size:var(--fs-sm);color:var(--c-text-muted);line-height:1.85}.jb-postnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin-block-start:var(--s-6)}.jb-postnav__link{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-lg);border:1px solid var(--c-border);background:var(--c-surface);min-width:0;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.jb-postnav__link:hover{border-color:var(--c-blue-200);background:var(--c-blue-50)}.jb-postnav__link--next{text-align:end}.jb-postnav__link--next{flex-direction:row-reverse}.jb-postnav__link .icon{width:18px;height:18px;flex:none;color:var(--c-text-soft)}.jb-postnav__text{min-width:0;flex:1;display:flex;flex-direction:column}.jb-postnav__label{font-size:var(--fs-xs);color:var(--c-text-soft)}.jb-postnav__title{font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.jb-postnav{grid-template-columns:minmax(0,1fr)}.jb-postnav__link--next{flex-direction:row;text-align:start}}@media (max-width:720px){.jb-postgrid{grid-template-columns:minmax(0,1fr)}.jb-postcard__title{font-size:var(--fs-md)}.jb-article__cover{border-radius:var(--r-xl)}.jb-authorbox{padding:var(--s-4)}}.jb-comments-section{margin-block-start:clamp(32px,4vw,56px);padding-block-start:clamp(28px,3.4vw,44px);border-block-start:1px solid var(--c-border);scroll-margin-top:calc(var(--header-h) + var(--s-6))}.jb-comments-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-block-end:var(--s-5)}.jb-comments-section__title{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.jb-comments-section__title .icon{width:19px;height:19px;color:var(--c-primary)}.jb-comments-section__count{font-size:var(--fs-sm);color:var(--c-text-muted)}.jb-comments-section__count .is-num{color:var(--c-text);font-weight:var(--fw-semibold)}.jb-comment__reply-btn{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:32px;padding-inline:var(--s-3);border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.jb-comment__reply-btn:hover{border-color:var(--c-blue-200);background:var(--c-blue-50);color:var(--c-primary)}.jb-comment__reply-btn[aria-expanded="true"]{border-color:var(--c-primary);background:var(--c-blue-50);color:var(--c-blue-700)}[data-comment-form-home] .jb-formcard{margin-block:var(--s-5) var(--s-6)}.jb-comment .jb-formcard{margin-block-start:var(--s-4);margin-inline-start:var(--s-6);border-color:var(--c-blue-200)}.jb-replyto{display:flex;align-items:center;gap:var(--s-2);margin-block-end:var(--s-4);padding:8px var(--s-3);border-radius:var(--r-sm);background:var(--c-blue-50);border:1px solid var(--c-blue-100);font-size:var(--fs-sm);color:var(--c-blue-700)}.jb-replyto .icon{width:15px;height:15px;flex:none}.jb-replyto b{font-weight:var(--fw-semibold)}.jb-replyto button{margin-inline-start:auto;padding:2px 8px;border-radius:var(--r-xs);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text-muted)}.jb-replyto button:hover{color:var(--c-danger)}@media (max-width:640px){.jb-comment .jb-formcard{margin-inline-start:0}.jb-comments-section__title{font-size:var(--fs-lg)}}.jb-carousel--posts .jb-carousel__track{grid-auto-columns:calc((100% - 2.4 * var(--s-6)) / 3.4)}.jb-carousel--posts .jb-carousel__track > li{display:flex;min-width:0}.jb-carousel--posts .jb-carousel__track > li > *{width:100%}@media (max-width:1180px){.jb-carousel--posts .jb-carousel__track{grid-auto-columns:calc((100% - 1.4 * var(--s-6)) / 2.4)}}@media (max-width:860px){.jb-carousel--posts .jb-carousel__track{grid-auto-columns:calc((100% + var(--s-4)) / 1.6 - var(--s-4))}}@media (max-width:560px){.jb-carousel--posts .jb-carousel__track{grid-auto-columns:calc((100% + var(--s-4)) / 1.12 - var(--s-4))}}