article[data-astro-cid-gjtny2mx]{display:grid;grid-template-columns:1fr;grid-template-rows:200px,400px,1fr;padding-bottom:240px;background-color:var(--bg-color-white);@media (width > 800px){grid-template-columns:auto,1fr;grid-template-rows:200px,1fr;max-width:100vw}}.article-info[data-astro-cid-gjtny2mx]{grid-column:1 / 2;grid-row:1 / 2;max-width:100vw;@media (width > 800px){grid-column:2 / 3;grid-row:1 / 2;max-width:calc(100vw - 240px - var(--article-margin) * 2)}@media (width > 1080px){max-width:calc(100vw - 280px - var(--article-margin) * 2)}@media (width > 1200px){max-width:calc(100vw - 320px - var(--article-margin) * 2)}>.article-breadcrumb{margin-top:12px;padding-inline:var(--article-margin);max-width:calc(100vw - var(--article-margin) * 4);@media (width > 800px){margin-top:16px}>ul{display:flex;gap:20px;>li{font-size:var(--font-size-12);white-space:nowrap;&:has(a){position:relative;&:after{position:absolute;content:url(/assets/img/icon/chevron-right-solid-black.svg);top:0;right:-14px;width:6px;height:12px}}&:last-child{overflow:hidden;text-overflow:ellipsis}>a{text-decoration:underline}}}}>.article-ogimage{display:flex;justify-content:center;margin-top:12px;>img{width:calc(100% - var(--article-margin) * 2);max-width:720px;max-height:400px;border:2px solid var(--border-color-light-gray);border-radius:16px}}>.date-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-inline:var(--article-margin);@media (width > 800px){margin-top:24px}>p{min-width:120px;padding-block:2px;color:var(--font-color-white);background-color:var(--font-color-dark-green);border-radius:4px;font-size:var(--font-size-14);font-weight:700;text-align:center}>.date-inner{display:flex;align-items:center;gap:4px;padding-right:4px;color:var(--font-color-dark-gray);font-size:var(--font-size-12);>date{font-size:var(--font-size-14)}}}>h1{margin-top:16px;padding-inline:var(--article-margin);font-size:var(--font-size-22);@media (width > 800px){margin-top:28px}}>p{position:relative;margin-top:24px;padding-inline:calc(var(--article-margin) * 2.4);color:var(--font-color-dark-gray);font-size:var(--font-size-16);font-weight:700;letter-spacing:.05rem;line-height:1.75;&:before{position:absolute;content:"";top:4px;left:calc(var(--article-margin) * 1.2);width:4px;height:calc(100% - 8px);background-color:var(--bg-color-dark-gray);border-radius:100vw}}}.page-list[data-astro-cid-gjtny2mx]{width:calc(100% - var(--article-margin) * 2);height:auto;margin:40px 20px 20px;grid-column:1 / 2;grid-row:2 / 3;font-size:var(--font-size-15);font-weight:700;@media (width > 800px){position:sticky;top:calc(var(--header-height) + 20px);width:240px;max-height:100dvh;margin:44px 0 0 var(--article-margin);grid-column:1 / 2;grid-row:1 / 3}@media (width > 1080px){width:280px}@media (width > 1200px){width:320px}>details{color:var(--font-color-black);background-color:var(--bg-color-true-white);border-radius:24px;box-shadow:inset 0 0 8px #0003;@media (width > 800px){color:var(--font-color-gray)}>summary{position:relative;padding:12px 20px;font-size:var(--font-size-15);list-style:none;color:var(--font-color-black);cursor:pointer;&:before{position:absolute;content:url(/assets/img/icon/plus-solid.svg);top:14px;right:16px;width:16px;height:16px;z-index:3;transition:all .3s}&:after{position:absolute;content:"";top:7px;right:8px;width:32px;height:32px;background:linear-gradient(0deg,var(--bg-color-green),var(--bg-color-light-green));border-radius:100vw;z-index:2}&::-webkit-details-marker{display:none}}>ul{padding:0 20px 20px;list-style:none;transition:all .1s;>li{padding-block:8px;border-bottom:1px solid rgb(181,181,181,.2);font-weight:400;cursor:pointer;@media (width > 800px){&:hover{color:var(--font-color-green);font-weight:700}&.active{color:var(--font-color-black);font-weight:700}}&.level1{padding-left:0}&.level2{padding-left:10px}&.level3{padding-left:20px}&.level4{padding-left:30px}}}}details[open]>summary:before{transform:rotate(135deg);top:16px;right:15px}}.article-content[data-astro-cid-gjtny2mx]{grid-column:1 / 2;grid-row:3 / 4;@media (width > 800px){grid-column:2 / 3;grid-row:2 / 3}}