.page-body{width:100%;background:var(--hd-color-bg);padding:60px 0}.page-body .no-results{padding:40px 0;text-align:center}.page-content{background:#fff;padding:32px;padding:32px min(32px,5vw);border-radius:var(--hd-br);font-size:1em;line-height:1.6;color:var(--hd-color-2);box-shadow:var(--hd-bs)}.page-content>*{margin-top:0 !important}.page-content h2{font-size:2.5em;font-weight:800;margin:1em 0 .5em;color:var(--hd-color-1)}.page-content h3{font-size:2em;font-weight:600;margin:1em 0 .5em;color:var(--hd-color-1)}.page-content h4{font-size:1.75em;font-weight:600;color:var(--hd-color-2);margin:1em 0 .5em}.page-content h5{font-size:1.5em;font-weight:500;color:var(--hd-color);margin:1em 0 .5em}.page-content h6{font-size:1.25em;font-weight:500;color:var(--hd-color-2);margin:1em 0 .5em}.page-content p{margin-bottom:2em}.page-content a{text-decoration:underline;transition:all .15s ease-in-out}.page-content a:hover{text-decoration:none}.page-content .toc-hash-anchor{margin-left:12px;opacity:.5;transition:opacity .1s ease-in-out;text-decoration:none;height:100%;display:inline-flex;align-items:center}.page-content .toc-hash-anchor .icon{width:auto;height:.625em}.page-content .toc-hash-anchor:hover{opacity:1}.resource-section{padding:40px 0;text-align:center}.resource__header{margin-bottom:20px}.resource__title{font-weight:700;font-size:2.5em;color:var(--hd-color-1)}.resource__title a{font-weight:700;font-size:1em;color:var(--hd-color-blue)}.resource__title a:hover{color:var(--hd-color-1)}.resource__subtitle{font-weight:300;font-size:1.5em;color:var(--hd-color-3)}.posts-list{width:100%;margin:20px 0;display:flex;flex-direction:column;gap:32px;justify-items:center;align-items:stretch;justify-content:center;align-content:stretch;text-align:center}@media (min-width:768px){.posts-list{width:100%;margin:20px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px 24px;justify-items:center;align-items:stretch;justify-content:center;align-content:stretch;text-align:center}}.post-preview{width:100%;max-width:min(480px,100vw);display:flex;flex-direction:column;background-color:#fff;padding:12px;border-radius:12px;box-shadow:var(--hd-bs)}.post-preview:hover{box-shadow:var(--hd-bs--elevated)}.post-preview .post-img{display:block;width:100%;border-radius:12px;aspect-ratio:16/9;background-size:cover;margin-bottom:8px;background-color:var(--hd-color-10);background-position:center}.post-preview .post-info{display:flex;flex-direction:column;flex:1 1;gap:10px}.post-info .post-categories{list-style:none;padding:0;margin:10px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:center}.post-info .post-categories li{list-style:none;padding:0;margin:0}.post-info .post-categories li a{font-weight:500;font-size:.875em;padding:5px 12px;border:1px solid var(--hd-color-9);color:#05f;border-radius:30px}.post-info .post-categories li a:hover{color:#fff;background:var(--hd-color-blue)}.post-preview .post-info .post-title{font-weight:500;font-size:1.25em}.post-preview .post-title .post-title-link{font-weight:500;font-size:1em}.post-preview .post-title .post-title-link--glossary{display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:500;font-size:1.25em}.post-title-link__prefix{font-weight:400;font-size:.85em;font-style:italic;color:var(--hd-color-3)}.post-preview .post-info .post-meta{margin:auto 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px 20px}.post-preview .post-meta .post-readtime{font-weight:500;font-size:.875em;color:#009688;padding:0 10px;background-color:#f1fefd;border-radius:6px}.post-preview .post-meta .post-date{font-weight:500;font-size:.875em;color:var(--hd-color-4);padding:0 10px;background-color:var(--hd-color-10);border-radius:6px}.post-preview .post-meta .skill-level{font-weight:500;font-size:.875em;padding:0 10px;border-radius:6px;background:#dcedc8;color:#43a047}.post-preview .post-meta .skill-level--intermediate{background:#fff8e1;color:#ff6f00}.post-preview .post-meta .skill-level--expert{background:#ffebee;color:#e57373}