/* Blog listing, Figma 5071:1966. Articles are WordPress posts. */
.blog-page{--bu:.0520833333cqw}.blog-page :is(h1,h2,h3,p,a,time){letter-spacing:.05em}.blog-page .about-banner h1{width:calc(205 * var(--bu))}.blog-page .about-banner-en{top:calc(202 * var(--bu));letter-spacing:.1em}.blog-list{padding:calc(200 * var(--bu)) 0}.blog-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(33 * var(--bu));width:57.291667%;margin:auto}.blog-categories a{position:relative;display:grid;place-items:center;min-height:calc(65 * var(--bu));padding:calc(18 * var(--bu)) calc(45 * var(--bu));border:calc(2 * var(--bu)) solid var(--brown);border-radius:calc(50 * var(--bu));background:white;font-size:calc(20 * var(--bu));line-height:1.25;white-space:nowrap}.blog-categories a[aria-current]{font-weight:700}.blog-categories a:hover{background:var(--pale)}.blog-categories img{position:absolute;right:calc(29 * var(--bu));top:50%;width:calc(8.16475 * var(--bu));height:auto;transform:translateY(-50%) rotate(-90deg) scaleX(-1)}
.blog-list .post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(60 * var(--bu)) calc(30 * var(--bu));width:57.291667%;margin:calc(100 * var(--bu)) auto 0}.blog-list .post-card{min-width:0}.blog-list .post-card>a{display:block}.blog-list .post-card img{display:block;width:100%;height:auto;aspect-ratio:535/295;object-fit:cover;border-radius:calc(20 * var(--bu))}.blog-list .post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:calc(15 * var(--bu));margin-top:calc(15 * var(--bu));font-size:calc(16 * var(--bu));line-height:1}.blog-list .post-meta>span{display:grid;place-items:center;min-width:calc(155 * var(--bu));height:calc(35 * var(--bu));padding:0 calc(12 * var(--bu));border-radius:calc(50 * var(--bu));background:var(--orange);color:white;font-size:calc(20 * var(--bu));letter-spacing:.05em}.blog-list .is-blog .post-meta>span{background:#fed338}.blog-list .post-card h3{font-size:calc(20 * var(--bu));line-height:2;margin-top:calc(15 * var(--bu));overflow-wrap:anywhere}.blog-list .post-card>a:hover h3{text-decoration:underline;text-underline-offset:4px}.blog-list .empty-state{grid-column:1/-1;font-size:18px;text-align:center;padding:60px 20px}.blog-filter-title{text-align:center;font-size:18px;margin-top:30px!important}
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:calc(5 * var(--bu));margin-top:calc(100 * var(--bu))}.blog-pagination .page-numbers{display:grid;place-items:center;min-width:calc(45 * var(--bu));height:calc(45 * var(--bu));padding:0 calc(5 * var(--bu));background:white;border:calc(1 * var(--bu)) solid var(--brown);border-radius:calc(10 * var(--bu));font-size:calc(20 * var(--bu));line-height:1}.blog-pagination .current{background:var(--brown);color:white}.blog-pagination .dots{min-width:calc(28 * var(--bu));background:none;border:0}.blog-page-arrow{display:grid;place-items:center;width:calc(45 * var(--bu));height:calc(45 * var(--bu))}.blog-page-arrow img{width:calc(45.695 * var(--bu));height:auto;max-width:none}.blog-page-prev img{transform:scaleX(-1)}.blog-page-arrow.is-disabled{opacity:.4}.days-air-blog .site-footer{margin-top:0}
.blog-detail-banner .about-banner h2{position:absolute;top:calc(120 * var(--bu));left:50%;transform:translateX(-50%);display:grid;place-items:center;width:calc(205 * var(--bu));height:calc(65 * var(--bu));border-radius:calc(50 * var(--bu));background:var(--pink);font-size:calc(36 * var(--bu));line-height:1;white-space:nowrap}
@media(max-width:1023px){.blog-page{--bu:1px}.blog-page .about-banner h1{width:190px}.blog-page .about-banner-en{top:123px}.blog-page .about-banner-desc{font-size:clamp(11px,2.7vw,17px);padding:0 10px}.blog-list{padding:65px 0 80px}.blog-list .post-grid{width:88%;gap:40px 24px;margin-top:40px}.blog-list .post-card img{border-radius:14px}.blog-list .post-meta{gap:10px;margin-top:12px;font-size:12px}.blog-list .post-meta>span{min-width:90px;height:27px;font-size:14px}.blog-list .post-card h3{font-size:17px;line-height:1.8;margin-top:12px}.blog-pagination{gap:7px;margin-top:50px}.blog-pagination .page-numbers{min-width:38px;height:38px;font-size:16px;border-radius:8px}.blog-page-arrow{width:38px;height:38px}.blog-page-arrow img{width:38.586px}.blog-detail-banner .about-banner h2{top:60px;width:190px;height:42px;font-size:21px;border-radius:50px}}
@media(max-width:599px){.blog-list .post-grid{grid-template-columns:1fr;gap:35px}.blog-list .post-card h3{font-size:18px}.blog-list .post-meta{font-size:13px}}
/* Single article, Figma 5071:2077. Content remains editable WordPress blocks. */
.article-detail{width:57.291667%;margin:auto;padding:calc(200 * var(--bu)) 0}.article-meta{display:flex;align-items:center;gap:calc(15 * var(--bu));font-size:calc(16 * var(--bu));line-height:1}.article-category{display:grid;place-items:center;min-width:calc(155 * var(--bu));height:calc(35 * var(--bu));padding:0 calc(12 * var(--bu));background:var(--orange);border-radius:calc(50 * var(--bu));color:white;font-size:calc(20 * var(--bu));line-height:1}.article-category.is-blog{background:#fed338}.article-heading h1{font-size:calc(20 * var(--bu));line-height:1;margin-top:calc(30 * var(--bu));overflow-wrap:anywhere}.article-cover{position:relative;aspect-ratio:1100/619;overflow:hidden;mask:url('images/single-14d46.svg') center/100% auto no-repeat;margin-top:calc(50 * var(--bu))!important}.article-cover>img{position:absolute;left:-.85%;top:0;width:101.7%;max-width:none;height:100%;object-fit:cover}.article-body{font-size:calc(16 * var(--bu));line-height:2;margin-top:calc(50 * var(--bu));overflow-wrap:anywhere}.article-body p{margin:0;line-height:2}.article-body h2,.article-body h3,.article-body h4{line-height:1.6;margin:1.25em 0 .6em}.article-body h2{font-size:1.75em}.article-body h3{font-size:1.4em}.article-body h4{font-size:1.15em}.article-body ul,.article-body ol{padding-left:1.6em;margin:1em 0}.article-body a{text-decoration:underline;text-underline-offset:3px}.article-body figure{margin:1.5em 0}.article-body img{max-width:100%;height:auto;border-radius:calc(16 * var(--bu))}.article-body figcaption{font-size:.875em;line-height:1.8;text-align:center;margin-top:.6em}.article-body blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:4px solid var(--orange);background:white}.article-body table{border-collapse:collapse;width:100%}.article-body td,.article-body th{padding:.6em;border:1px solid #dbcbb2}.article-body iframe,.article-body video{max-width:100%}.article-divider{position:relative;height:calc(1 * var(--bu));margin-top:calc(50 * var(--bu))}.article-divider img{position:absolute;left:0;top:calc(-1 * var(--bu));width:100%;height:auto}.article-navigation{display:grid;grid-template-columns:1fr calc(400 * var(--bu)) 1fr;align-items:center;gap:calc(25 * var(--bu));width:calc(674 * var(--bu));max-width:100%;margin:calc(99 * var(--bu)) auto 0;font-size:calc(20 * var(--bu));line-height:1.5;white-space:nowrap}.article-previous{text-align:right}.article-next{text-align:left}.article-navigation .is-disabled{opacity:.35}.article-navigation>a:not(.article-back):hover{text-decoration:underline;text-underline-offset:4px}.article-back{position:relative;display:grid;place-items:center;height:calc(70 * var(--bu));padding:calc(20 * var(--bu)) calc(60 * var(--bu));border-radius:calc(100 * var(--bu));background:var(--orange);color:white;font-size:calc(24 * var(--bu));line-height:1.25}.article-back img{position:absolute;right:calc(16 * var(--bu));top:calc(15 * var(--bu));width:calc(40 * var(--bu));height:auto}.article-content-pages{display:flex;justify-content:center;gap:12px;margin-top:30px}
@media(max-width:1023px){.article-detail{width:88%;padding:65px 0 80px}.article-meta{font-size:13px;gap:12px}.article-category{font-size:14px;min-width:95px;height:28px;padding:0 14px;border-radius:30px}.article-heading h1{font-size:22px;line-height:1.7;margin-top:20px}.article-cover{margin-top:30px!important}.article-body{font-size:15px;line-height:2;margin-top:30px}.article-divider{margin-top:35px}.article-navigation{width:100%;grid-template-columns:1fr minmax(180px,320px) 1fr;gap:15px;margin-top:45px;font-size:15px}.article-back{height:60px;font-size:20px;padding:18px 42px}.article-back img{width:32px;right:12px;top:14px}}
@media(max-width:599px){.article-heading h1{font-size:20px}.article-navigation{grid-template-columns:1fr 1fr;gap:25px 15px;font-size:14px}.article-back{grid-row:1;grid-column:1/-1;width:100%}.article-previous{grid-row:2;grid-column:1;text-align:left}.article-next{grid-row:2;grid-column:2;text-align:right}}