/* Article reading and list layout for the existing brand presentation theme. */
body[data-ws-layout="editorial"] #Blog.ws-journal-page{scroll-margin-top:100px;background:#fff;padding:16px 0 64px}
body[data-ws-layout="editorial"] #Blog.ws-journal-page>.warp{width:calc(100% - 64px);max-width:1160px;margin:0 auto;padding:0}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .seo-page-heading{font-size:38px;line-height:1.25;font-weight:600;margin:12px 0 32px;padding:0;color:var(--brand-ink,#183b40)}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .publish-box{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:40px;align-items:start;width:100%;margin:0;padding:0}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .publish-box>.list-box,body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box{float:none;width:auto;min-width:0;margin:0;padding:0}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .publish-box>.list-box>.item{margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #e3e9e6;background:#fff}
body[data-ws-layout="editorial"] #Blog.ws-journal-list .publish-box>.list-box>.item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px 24px;align-items:start}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .head{display:flex;gap:6px 18px;flex-wrap:wrap;margin:0;padding:0;border:0;font-size:12px;line-height:1.7;color:#657570}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .head .writer,body[data-ws-layout="editorial"] #Blog.ws-journal-page .head .times{float:none;margin:0}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .head span{font-size:inherit}
body[data-ws-layout="editorial"] #Blog.ws-journal-list .item>.head,body[data-ws-layout="editorial"] #Blog.ws-journal-list .item>.inner-box,body[data-ws-layout="editorial"] #Blog.ws-journal-list .item>.but{grid-column:2}
body[data-ws-layout="editorial"] #Blog.ws-journal-list .ws-journal-thumb{display:block;grid-column:1;grid-row:1/4;width:100%;aspect-ratio:1.3;border-radius:8px;overflow:hidden;background:#f4f2ec}
body[data-ws-layout="editorial"] #Blog .ws-journal-thumb img{display:block;width:100%;height:100%;object-fit:cover}
body[data-ws-layout="editorial"] #Blog.ws-journal-list .item:not(:has(.ws-journal-thumb)){grid-template-columns:minmax(0,1fr)}
body[data-ws-layout="editorial"] #Blog.ws-journal-list .item:not(:has(.ws-journal-thumb))>:is(.head,.inner-box,.but){grid-column:1}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .inner-box{margin:0;padding:0;min-width:0;border:0}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .seo-article-heading{font-size:25px;font-weight:600;line-height:1.35;letter-spacing:-.3px;margin:0 0 12px;overflow-wrap:anywhere;color:var(--brand-ink,#183b40)}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .seo-article-heading a{color:inherit;text-decoration:none}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .seo-article-heading a:hover{text-decoration:underline;text-underline-offset:4px}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .ws-journal-excerpt{display:block;-webkit-line-clamp:unset;font-size:15px;line-height:1.85;color:#52655e;margin:0;overflow:visible;max-height:none}
body[data-ws-layout="editorial"] #Blog.ws-journal-list .item>.but{line-height:1.5;display:inline-flex;justify-self:start;align-items:center;min-height:44px;padding:0;background:none;color:var(--brand-ink,#183b40);font-size:14px;border:0;border-radius:0;text-decoration:underline;text-underline-offset:4px;margin:0}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box>:is(.search-box,.message){padding:20px;margin:0 0 20px;background:#fafbf9;border:1px solid #e3e9e6;border-radius:8px;width:100%}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box .title{font-size:15px;font-weight:600;line-height:1.5;margin-bottom:12px;color:var(--brand-ink,#183b40)}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box .item{padding:8px 0 8px 14px;font-size:13px;line-height:1.65}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box .item a{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .search-m-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .ws-search-label{grid-column:1/-1;font-size:14px;font-weight:600}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .search-m-box input{min-width:0;width:100%;height:44px;margin:0;padding:0 10px;border:1px solid #d2dcd5;border-radius:5px;font-size:13px;background:#fff;color:#243f36}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .search-m-box button{min-height:44px;min-width:64px;padding:0 12px;border:0;border-radius:5px;background:var(--brand-primary,#183b40);color:var(--brand-on-primary,#fff);font-size:13px}
body[data-ws-layout="editorial"] #Blog.ws-journal-article .publish-box>.list-box>.item{border:0;padding:0;margin:0}
body[data-ws-layout="editorial"] #Blog.ws-journal-article .head{margin-bottom:16px}
body[data-ws-layout="editorial"] #Blog.ws-journal-article .seo-article-heading{font-size:clamp(28px,3.2vw,38px);line-height:1.25;margin:0 0 24px}
body[data-ws-layout="editorial"] #Blog .ws-journal-cover{display:block;width:100%;height:auto;max-height:460px;aspect-ratio:1.5;object-fit:cover;border-radius:8px;margin:0 0 28px}
body[data-ws-layout="editorial"] #Blog .ws-journal-body{font-size:16px;line-height:1.9;color:#42594f;overflow-wrap:anywhere}
body[data-ws-layout="editorial"] #Blog .ws-journal-body p,body[data-ws-layout="editorial"] #Blog .ws-journal-body li{font-size:inherit;line-height:inherit;margin:0 0 18px}
body[data-ws-layout="editorial"] #Blog .ws-journal-body :is(h2,h3,h4){color:var(--brand-ink,#183b40);font-size:23px;line-height:1.4;margin:30px 0 12px}
body[data-ws-layout="editorial"] #Blog .ws-journal-body :is(img,video,iframe){max-width:100%;height:auto}
body[data-ws-layout="editorial"] #Blog .ws-journal-body :is(ul,ol){padding-left:24px;margin:0 0 20px}
body[data-ws-layout="editorial"] #Blog.ws-journal-page .ws-empty-results{padding:32px;border:1px solid #e3e9e6;border-radius:8px;background:#fafbf9}
@media(max-width:900px){body[data-ws-layout="editorial"] #Blog.ws-journal-page>.warp{width:calc(100% - 40px)}body[data-ws-layout="editorial"] #Blog.ws-journal-page .publish-box{grid-template-columns:minmax(0,1fr);gap:32px}body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box>.search-box{grid-column:1/-1}body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box>:is(.search-box,.message){margin:0}}
@media(max-width:600px){body[data-ws-layout="editorial"] #Blog.ws-journal-page{padding:8px 0 40px}body[data-ws-layout="editorial"] #Blog.ws-journal-list .publish-box>.list-box>.item{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:24px;padding-bottom:24px}body[data-ws-layout="editorial"] #Blog.ws-journal-list .item>:is(.head,.inner-box,.but){grid-column:1}body[data-ws-layout="editorial"] #Blog.ws-journal-list .ws-journal-thumb{grid-column:1;grid-row:auto;aspect-ratio:1.65}body[data-ws-layout="editorial"] #Blog.ws-journal-page .column-box{grid-template-columns:minmax(0,1fr)}body[data-ws-layout="editorial"] #Blog.ws-journal-page .seo-page-heading{font-size:32px;margin-bottom:24px}body[data-ws-layout="editorial"] #Blog.ws-journal-page .seo-article-heading{font-size:23px}body[data-ws-layout="editorial"] #Blog.ws-journal-article .seo-article-heading{font-size:29px}body[data-ws-layout="editorial"] #Blog .ws-journal-body{font-size:15px;line-height:1.85}body[data-ws-layout="editorial"] #Blog .ws-journal-body :is(h2,h3,h4){font-size:21px}}

body[data-ws-layout="editorial"] #Blog .column-box .list-box{margin:0;background:transparent}
body[data-ws-layout="editorial"] #Blog .ws-journal-body h3::before{display:none}

body[data-ws-layout="editorial"] #Blog,body[data-ws-layout="editorial"] #Blog *{box-sizing:border-box}
body[data-ws-layout="editorial"] #Blog.ws-journal-list .item>.but{padding:10px 18px;border-radius:6px;background:var(--brand-primary,#183b40)!important;color:var(--brand-on-primary,#fff)!important;text-decoration:none!important}
body[data-ws-layout="editorial"] #Blog .column-box .item{padding:8px 0;background:transparent}
body[data-ws-layout="editorial"] #Blog .column-box .item::before{display:none!important}