@layer page{.sub-hero{background:var(--g-deep);padding:calc(var(--header-h) + 60px) 0 60px;position:relative;overflow:hidden}.sub-hero:before{content:"";background-image:linear-gradient(#00d4c80a 1px,#0000 1px),linear-gradient(90deg,#00d4c80a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.sub-hero__inner{z-index:1;position:relative}.sub-hero__breadcrumb{color:#fff6;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:1.2rem;display:flex}.sub-hero__breadcrumb a{color:#fff6;transition:color .25s}.sub-hero__breadcrumb a:hover{color:var(--t-teal)}.sub-hero__breadcrumb span{color:#fff3}.sub-hero__meta{align-items:center;gap:12px;margin-bottom:20px;display:flex}.sub-hero__date{font-family:var(--font-en);color:#ffffff80;font-size:1.3rem;font-weight:600}.sub-hero__cat{color:#6ee7b7;background:#05966940;border:1px solid #05966966;border-radius:2px;padding:4px 14px;font-size:1.2rem;font-weight:700}.sub-hero__title{color:#fff;letter-spacing:.02em;max-width:840px;font-size:clamp(2.4rem,4vw,4rem);font-weight:700;line-height:1.4}.article-wrap{background:var(--c-bg);padding:80px 0 120px}.article-inner{grid-template-columns:1fr 300px;align-items:start;gap:60px;display:grid}.article-main{background:#fff;border-radius:12px;padding:60px;box-shadow:0 2px 16px #0000000f}.article-eyecatch{border-radius:8px;width:100%;margin-bottom:48px;overflow:hidden}.article-eyecatch img{width:100%;display:block}.article-body{color:var(--c-text);font-size:1.6rem;line-height:2}.article-body h2{color:var(--c-dark);border-bottom:2px solid var(--c-teal-bg);margin:48px 0 20px;padding-bottom:16px;font-size:2.4rem;font-weight:700;position:relative}.article-body h2:before{content:"";background:linear-gradient(90deg,#00d4c8,#00a99a);width:60px;height:2px;position:absolute;bottom:-2px;left:0}.article-body h3{color:var(--c-dark);border-left:3px solid var(--c-teal);margin:36px 0 14px;padding-left:16px;font-size:1.9rem;font-weight:700}.article-body p{margin-bottom:20px}.article-body strong{color:var(--c-dark);font-weight:700}.article-body ul{flex-direction:column;gap:10px;margin:16px 0 24px;display:flex}.article-body ul li{padding-left:24px;position:relative}.article-body ul li:before{content:"";background:linear-gradient(135deg,#00d4c8,#00a99a);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:0}.article-highlight{background:linear-gradient(135deg,#00d4c80f 0%,#14d2c00f 100%);border:1px solid #00d4c840;border-radius:8px;margin:32px 0;padding:28px 32px}.article-highlight__title{color:var(--t-teal);margin-bottom:12px;font-size:1.5rem;font-weight:700}.article-table{border-collapse:collapse;width:100%;margin:24px 0}.article-table th,.article-table td{border:1px solid var(--c-border);padding:16px 20px;font-size:1.5rem}.article-table th{background:var(--c-teal-bg);color:var(--c-dark);text-align:left;font-weight:700}.article-table td{background:#fff}.article-cta{background:var(--g-deep);text-align:center;border-radius:12px;margin-top:48px;padding:40px}.article-cta__title{color:#fff;margin-bottom:12px;font-size:2rem;font-weight:700}.article-cta__text{color:#fff9;margin-bottom:28px;font-size:1.4rem}.article-cta__btn{color:#fff;transition:transform .35s var(--spring),box-shadow .35s;background:linear-gradient(135deg,#00d4c8,#00a99a);border-radius:4px;align-items:center;gap:10px;padding:16px 36px;font-size:1.5rem;font-weight:700;display:inline-flex;box-shadow:0 6px 24px #00d4c84d}.article-cta__btn:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00d4c873}.article-side{top:calc(var(--header-h) + 24px);flex-direction:column;gap:24px;display:flex;position:sticky}.side-block{border:1px solid var(--c-border);background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #0000000d}.side-block__title{letter-spacing:.1em;color:var(--t-teal);border-bottom:1px solid var(--c-border);margin-bottom:16px;padding-bottom:12px;font-size:1.2rem;font-weight:700}.share-btns{flex-direction:column;gap:8px;display:flex}.share-btn{transition:transform .25s var(--spring),opacity .25s;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:1.3rem;font-weight:700;display:flex}.share-btn:hover{transform:translate(4px)}.share-btn--x{color:#fff;background:#000}.share-btn--line{color:#fff;background:#06c755}.share-btn svg{width:18px;height:18px}.related-list{flex-direction:column;gap:12px;display:flex}.related-item{align-items:flex-start;gap:12px;display:flex}.related-item__img{border-radius:4px;flex-shrink:0;width:64px;height:48px;overflow:hidden}.related-item__img img{object-fit:cover;width:100%;height:100%}.related-item__text{flex:1}.related-item__date{color:var(--c-text-mid);margin-bottom:4px;font-size:1.1rem}.related-item__title{color:var(--c-dark);font-size:1.3rem;font-weight:500;line-height:1.5;transition:color .25s}.related-item:hover .related-item__title{color:var(--t-teal)}.article-nav{grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;display:grid}.article-nav__btn{border:1px solid var(--c-border);transition:transform .25s var(--spring),box-shadow .25s;background:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:20px 24px;display:flex}.article-nav__btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #14d2c01a}.article-nav__btn--next{text-align:right}.article-nav__label{letter-spacing:.1em;color:var(--t-teal);font-size:1.1rem;font-weight:700}.article-nav__title{color:var(--c-text);font-size:1.3rem;line-height:1.5}@media (max-width:1024px){.article-inner{grid-template-columns:1fr}.article-side{position:static}}@media (max-width:767px){.article-main{padding:32px 24px}.article-body h2{font-size:2rem}}}