.post-page>section.example-hero>.wrapper{flex-direction:column;gap:2.5rem;display:flex}.post-page>section.example-hero>.wrapper>.notice{flex-direction:column;gap:1rem;display:flex}.post-page>section.example-hero>.wrapper>.notice>.top{flex-flow:row;align-items:center;gap:1.5rem;display:flex}.post-page>section.example-hero>.wrapper>.notice>.top>.type{text-transform:capitalize;border:1px solid #ccd3da;border-radius:.25rem;padding:.25rem .5rem}.post-page>section.example-hero>.wrapper>.info{flex-direction:column;gap:1.75rem;display:flex}.post-page>section.example-hero>.wrapper>.info>.additional{flex-flow:row;gap:1.25rem;display:flex}.post-page>section.example-hero>.wrapper>.info>.additional>p{border:1px solid #ccd3da;border-radius:.25rem;padding:.25rem .5rem}.post-page>section.example-hero>.wrapper>.structure-container{flex-direction:column;gap:1.75rem;display:flex}.post-page>section.example-hero>.wrapper>.structure-container>.structure{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.post-page>section.example-hero>.wrapper>.structure-container>.structure>.related-post{background-color:#fff;border:1px solid #ccd3da;border-radius:6px;flex-direction:column;gap:1rem;padding:1.25rem;transition:box-shadow .25s;display:flex;position:relative}.post-page>section.example-hero>.wrapper>.structure-container>.structure>.related-post:hover{box-shadow:4px 4px #e45c2a}.post-page>section.example-hero>.wrapper>.structure-container>.structure>.related-post.current{border:1px solid #e45c2a}.post-page>section.example-hero>.wrapper>.structure-container>.structure>.related-post.pillar{border-left:4px solid #e45c2a;order:-1;grid-column:span 3;padding:1.5rem}.post-page>section.example-hero>.wrapper>.structure-container>.structure>.related-post>.current{position:absolute;top:1.25rem;right:1.25rem}.post-page>section.example-hero>.wrapper>.structure-container>.structure>.related-post>a{width:fit-content}.post-page>section.post-content>.wrapper{grid-template-columns:15rem auto;gap:5rem;display:grid}.post-page>section.post-content>.wrapper>aside{position:relative}.post-page>section.post-content>.wrapper>aside>.sticky{flex-direction:column;gap:2rem;max-height:calc(100vh - 10rem);display:flex;position:sticky;top:8rem;left:0;overflow:auto}.post-page>section.post-content>.wrapper>aside>.sticky>.wrapper{flex-direction:column;display:flex}.post-page>section.post-content>.wrapper>aside>.sticky>.wrapper>a{color:#5c6977;border-left:2px solid #ccd3da;padding:.5rem;transition:color .25s,border .25s}.post-page>section.post-content>.wrapper>aside>.sticky>.wrapper>a:hover{color:#000a17;border-color:#e45c2a}.post-page>section.post-content>.wrapper>aside>.sticky>.wrapper>a:hover:after{width:0}.post-page>section.post-content>.wrapper>article h2{margin:1.25rem 0;scroll-margin-top:8rem;font-size:2rem;font-weight:600}.post-page>section.post-content>.wrapper>article h3{margin:2rem 0 1rem;font-size:1.5rem;font-weight:600}.post-page>section.post-content>.wrapper>article p{color:#5c6977;margin:0 0 1.5rem}.post-page>section.post-content>.wrapper>article strong{color:#2c3e50;font-weight:600}.post-page>section.post-content>.wrapper>article a{color:#e45c2a;text-decoration:underline}.post-page>section.post-content>.wrapper>article a:hover:after{width:0}.post-page>section.post-content>.wrapper>article ul{margin:1.5rem 0}.post-page>section.post-content>.wrapper>article ul>li{color:#5c6977;margin:.75rem 0}.post-page>section.post-content>.wrapper>article ul>li::marker{color:#e45c2a}@media (width<=1024px){.post-page>section.example-hero>.wrapper>.structure-container>.structure{grid-template-columns:repeat(2,1fr)}.post-page>section.example-hero>.wrapper>.structure-container>.structure>.related-post.pillar{grid-column:span 2}.post-page>section.post-content>.wrapper{gap:3rem}}@media (width<=768px){.post-page>section.post-content>.wrapper{grid-template-columns:1fr;gap:3rem}.post-page>section.post-content>.wrapper>aside>.sticky{max-height:none;position:static}}@media (width<=600px){.post-page>section.example-hero>.wrapper>.structure-container>.structure{grid-template-columns:1fr}.post-page>section.example-hero>.wrapper>.structure-container>.structure>.related-post.pillar{grid-column:1}}@media (width<=400px){.post-page>section.example-hero>.wrapper>.info>.additional{flex-wrap:wrap;gap:1rem 1.25rem}}.breadcrumbs>a{flex-flow:row;align-items:center;gap:.5rem;width:fit-content;display:flex}.breadcrumbs>a>img{width:1rem;height:1rem;rotate:180deg}