/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight,.highlight .w{color:#93a1a1;background-color:#002b36}.highlight .err{color:#002b36;background-color:#dc322f}.highlight .c,.highlight .ch,.highlight .cd,.highlight .cm,.highlight .cpf,.highlight .c1,.highlight .cs{color:#657b83}.highlight .cp{color:#b58900}.highlight .nt{color:#b58900}.highlight .o,.highlight .ow{color:#93a1a1}.highlight .p,.highlight .pi{color:#93a1a1}.highlight .gi{color:#859900}.highlight .gd{color:#dc322f}.highlight .gh{color:#268bd2;background-color:#002b36;font-weight:bold}.highlight .ge{font-style:italic}.highlight .ges{font-weight:bold;font-style:italic}.highlight .gs{font-weight:bold}.highlight .k,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kv{color:#6c71c4}.highlight .kc{color:#cb4b16}.highlight .kt{color:#cb4b16}.highlight .kd{color:#cb4b16}.highlight .s,.highlight .sb,.highlight .sc,.highlight .dl,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .sx,.highlight .s1{color:#859900}.highlight .sa{color:#6c71c4}.highlight .sr{color:#2aa198}.highlight .si{color:#d33682}.highlight .se{color:#d33682}.highlight .nn{color:#b58900}.highlight .nc{color:#b58900}.highlight .no{color:#b58900}.highlight .na{color:#268bd2}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mx{color:#859900}.highlight .ss{color:#859900}*{box-sizing:border-box}html{scroll-padding-top:8rem}body{padding:0;margin:0;font-family:"Open Sans", "Kosugi", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;color:#e0e0e0;background-color:#263238}#skip-to-content{height:1px;width:1px;position:absolute;overflow:hidden;top:-10px}#skip-to-content:focus{position:fixed;top:10px;left:10px;height:auto;width:auto;background:#9b4a09;outline:thick solid #9b4a09}a{color:#64b5f6;text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;margin-bottom:1rem;color:rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);border-style:solid;border-width:1px;border-radius:0.3rem;transition:color 0.2s, background-color 0.2s, border-color 0.2s}.btn:hover{color:rgba(255,255,255,0.8);text-decoration:none;background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.btn+.btn{margin-left:1rem}@media screen and (min-width: 64em){.btn{padding:0.75rem 1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.btn{padding:0.6rem 0.9rem;font-size:0.9rem}}@media screen and (max-width: 42em){.btn{display:block;width:100%;padding:0.75rem;font-size:0.9rem}.btn+.btn{margin-top:1rem;margin-left:0}}.page-header{color:#fff;text-align:center;--header-alpha: 1;background-image:linear-gradient(120deg, rgba(44, 62, 80, var(--header-alpha)), rgba(26, 37, 47, var(--header-alpha)));overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-bottom-left-radius:16px;border-bottom-right-radius:16px}@media screen and (min-width: 64em){.page-header{padding:5rem 6rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header{padding:3rem 4rem}}@media screen and (max-width: 42em){.page-header{padding:2rem 1rem}}.page-header h1,.page-header h2,.page-header .btn{position:relative;z-index:2}.page-header canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.header-overlay-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;text-decoration:none}.header-overlay-link:hover{text-decoration:none}.page-header-home{position:relative}@media screen and (min-width: 64em){.page-header-home{padding:8rem 6rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header-home{padding:6rem 4rem}}@media screen and (max-width: 42em){.page-header-home{padding:4rem 1rem}}@media screen and (min-width: 64em){.page-header-home .project-name{font-size:4rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header-home .project-name{font-size:3rem}}@media screen and (max-width: 42em){.page-header-home .project-name{font-size:2.5rem}}@media screen and (min-width: 64em){.page-header-home .project-tagline{font-size:1.5rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header-home .project-tagline{font-size:1.3rem}}@media screen and (max-width: 42em){.page-header-home .project-tagline{font-size:1.2rem}}.page-header-page{position:fixed;top:0;left:0;right:0;z-index:100}@media screen and (min-width: 64em){.page-header-page{padding:3rem 6rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header-page{padding:2rem 4rem}}@media screen and (max-width: 42em){.page-header-page{padding:1.5rem 1rem}}@media screen and (min-width: 64em){.page-header-page .project-name{font-size:2.5rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header-page .project-name{font-size:2rem}}@media screen and (max-width: 42em){.page-header-page .project-name{font-size:1.5rem}}@media screen and (min-width: 64em){.page-header-page .project-tagline{font-size:1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header-page .project-tagline{font-size:0.95rem}}@media screen and (max-width: 42em){.page-header-page .project-tagline{font-size:0.9rem}}.project-name{margin-top:0;margin-bottom:0.1rem;font-family:"Zen Maru Gothic", sans-serif}@media screen and (min-width: 64em){.project-name{font-size:3.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.project-name{font-size:2.25rem}}@media screen and (max-width: 42em){.project-name{font-size:1.75rem}}.project-tagline{margin-bottom:2rem;font-weight:normal;opacity:0.7;font-family:"Zen Maru Gothic", sans-serif;position:absolute;left:50%;transform:translateX(-50%);width:100%;text-align:center}@media screen and (min-width: 64em){.project-tagline{font-size:1.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.project-tagline{font-size:1.15rem}}@media screen and (max-width: 42em){.project-tagline{font-size:1rem}}.main-content{word-wrap:break-word}.main-content :first-child{margin-top:0}@media screen and (min-width: 64em){.main-content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.main-content{padding:2rem 4rem;font-size:1.1rem}}@media screen and (max-width: 42em){.main-content{padding:2rem 1rem;font-size:1rem}}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:normal;color:#64b5f6;font-family:"Zen Maru Gothic", sans-serif}@media screen and (min-width: 64em){.page-header-page ~ .main-content{margin-top:13rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header-page ~ .main-content{margin-top:10rem}}@media screen and (max-width: 42em){.page-header-page ~ .main-content{margin-top:8rem}}.page-header-page ~ .main-content kbd{background-color:#455a64;border:1px solid #607d8b;border-bottom-color:#78909c;border-radius:3px;box-shadow:inset 0 -1px 0 #78909c;color:#e0e0e0;display:inline-block;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle}.page-header-page ~ .main-content img{max-width:100%}.page-header-page ~ .main-content .image-figure{margin:2rem 0;text-align:center}.page-header-page ~ .main-content .image-figure img{display:block;margin:0 auto;border-radius:0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:transform 0.2s ease}.page-header-page ~ .main-content .image-figure img:hover{transform:scale(1.02)}.page-header-page ~ .main-content .image-figure .image-caption{margin-top:0.8rem;font-size:0.9rem;font-style:italic;color:#b0bec5;line-height:1.4;max-width:600px;margin-left:auto;margin-right:auto}.page-header-page ~ .main-content .alert{margin:1.5rem 0;padding:1rem;border-radius:0.5rem;border-left:4px solid}.page-header-page ~ .main-content .alert.alert-info{background-color:rgba(100,181,246,0.1);border-color:#64b5f6}.page-header-page ~ .main-content .alert.alert-info .alert-title{color:#64b5f6}.page-header-page ~ .main-content .alert.alert-warning{background-color:rgba(255,193,7,0.1);border-color:#ffc107}.page-header-page ~ .main-content .alert.alert-warning .alert-title{color:#ffc107}.page-header-page ~ .main-content .alert.alert-success{background-color:rgba(129,199,132,0.1);border-color:#81c784}.page-header-page ~ .main-content .alert.alert-success .alert-title{color:#81c784}.page-header-page ~ .main-content .alert.alert-danger{background-color:rgba(244,67,54,0.1);border-color:#f44336}.page-header-page ~ .main-content .alert.alert-danger .alert-title{color:#f44336}.page-header-page ~ .main-content .alert .alert-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}.page-header-page ~ .main-content .alert .alert-icon{font-size:1.2em}.page-header-page ~ .main-content .alert .alert-title{font-weight:600;margin:0}.page-header-page ~ .main-content .alert .alert-content{margin:0}.page-header-page ~ .main-content .alert .alert-content p:last-child{margin-bottom:0}.page-header-page ~ .main-content .video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:1.5rem 0;border-radius:0.5rem;overflow:hidden}.page-header-page ~ .main-content .video-container iframe,.page-header-page ~ .main-content .video-container video{position:absolute;top:0;left:0;width:100%;height:100%}.page-header-page ~ .main-content .video-caption{margin-top:0.5rem;font-size:0.9rem;font-style:italic;color:#b0bec5;text-align:center}.page-header-page ~ .main-content .link-preview{margin:1.5rem 0}.page-header-page ~ .main-content .link-preview .link-preview-content{display:flex;background-color:rgba(100,181,246,0.05);border:1px solid rgba(100,181,246,0.15);border-radius:0.5rem;overflow:hidden;text-decoration:none;color:inherit;transition:all 0.2s ease}.page-header-page ~ .main-content .link-preview .link-preview-content:hover{background-color:rgba(100,181,246,0.1);border-color:rgba(100,181,246,0.3);text-decoration:none;transform:translateY(-2px)}.page-header-page ~ .main-content .link-preview .link-preview-image{flex-shrink:0;width:120px;height:90px}.page-header-page ~ .main-content .link-preview .link-preview-image img{width:100%;height:100%;object-fit:cover}.page-header-page ~ .main-content .link-preview .link-preview-text{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.page-header-page ~ .main-content .link-preview .link-preview-title{margin:0 0 0.5rem 0;font-size:1.1rem;color:#64b5f6;line-height:1.3}.page-header-page ~ .main-content .link-preview .link-preview-description{margin:0 0 0.5rem 0;font-size:0.9rem;color:#e0e0e0;line-height:1.4;flex:1}.page-header-page ~ .main-content .link-preview .link-preview-meta{display:flex;align-items:center;justify-content:space-between;font-size:0.8rem;color:#b0bec5}.page-header-page ~ .main-content .link-preview .link-preview-meta .link-preview-external{font-size:1rem;color:#64b5f6}@media screen and (max-width: 42em){.page-header-page ~ .main-content .link-preview .link-preview-content{flex-direction:column}.page-header-page ~ .main-content .link-preview .link-preview-image{width:100%;height:120px}}.page-header-page ~ .main-content p{margin-bottom:1em}.page-header-page ~ .main-content code{padding:2px 4px;font-family:Consolas, "Liberation Mono", Menlo, Courier, monospace;font-size:0.9rem;color:#e8eaf6;background-color:#37474f;border-radius:0.3rem}.page-header-page ~ .main-content pre{padding:0.8rem;margin-top:0;margin-bottom:1rem;font:1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;color:#e8eaf6;word-wrap:normal;background-color:#37474f;border:solid 1px #455a64;border-radius:0.3rem}.page-header-page ~ .main-content pre>code{padding:0;margin:0;font-size:0.9rem;color:#e8eaf6;word-break:normal;white-space:pre;background:transparent;border:0}.page-header-page ~ .main-content .highlight{margin-bottom:1rem}.page-header-page ~ .main-content .highlight pre{margin-bottom:0;word-break:normal}.page-header-page ~ .main-content .highlight pre,.page-header-page ~ .main-content pre{padding:0.8rem;overflow:auto;font-size:0.9rem;line-height:1.45;border-radius:0.3rem;-webkit-overflow-scrolling:touch}.page-header-page ~ .main-content pre code,.page-header-page ~ .main-content pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.page-header-page ~ .main-content pre code:before,.page-header-page ~ .main-content pre code:after,.page-header-page ~ .main-content pre tt:before,.page-header-page ~ .main-content pre tt:after{content:normal}.page-header-page ~ .main-content ul,.page-header-page ~ .main-content ol{margin-top:0}.page-header-page ~ .main-content blockquote{padding:0 1rem;margin-left:0;color:#b0bec5;border-left:0.3rem solid #455a64}.page-header-page ~ .main-content blockquote>:first-child{margin-top:0}.page-header-page ~ .main-content blockquote>:last-child{margin-bottom:0}.page-header-page ~ .main-content table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all;-webkit-overflow-scrolling:touch}.page-header-page ~ .main-content table th{font-weight:bold}.page-header-page ~ .main-content table th,.page-header-page ~ .main-content table td{padding:0.5rem 1rem;border:1px solid #546e7a}.page-header-page ~ .main-content dl{padding:0}.page-header-page ~ .main-content dl dt{padding:0;margin-top:1rem;font-size:1rem;font-weight:bold}.page-header-page ~ .main-content dl dd{padding:0;margin-bottom:1rem}.page-header-page ~ .main-content hr{height:2px;padding:0;margin:1rem 0;background-color:#546e7a;border:0}.site-footer{padding-top:2rem;margin-top:2rem;border-top:solid 1px #546e7a}@media screen and (min-width: 64em){.site-footer{font-size:1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.site-footer{font-size:1rem}}@media screen and (max-width: 42em){.site-footer{font-size:0.9rem}}.site-footer-owner{display:block;font-weight:bold}.site-footer-credits{color:#b0bec5}.post-list{margin:2rem 0}.post-item{margin-bottom:1.5rem;padding-bottom:2rem;border-bottom:1px solid #455a64}.post-item:last-child{border-bottom:none}.post-title{margin-top:0;margin-bottom:0.5rem}.post-title a{color:#64b5f6;text-decoration:none;font-size:1.4rem}.post-title a:hover{text-decoration:underline}.post-meta{margin-bottom:1rem;font-size:0.9rem;color:#b0bec5}.post-meta time{font-weight:500}.post-meta .post-author{margin-left:1rem;opacity:0.8}.post-excerpt{margin-bottom:1rem;line-height:1.6;color:#e0e0e0}.post-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.post-tags .tag{display:inline-block;padding:0.2rem 0.6rem;background-color:rgba(100,181,246,0.1);color:#64b5f6;border-radius:0.3rem;font-size:0.8rem;border:1px solid rgba(100,181,246,0.2);text-decoration:none;transition:all 0.2s ease}.post-tags .tag:hover{background-color:rgba(100,181,246,0.2);border-color:rgba(100,181,246,0.4);text-decoration:none}.view-all-posts{text-align:center;margin:3rem 0}.view-all-posts .btn-link{display:inline-block;padding:0.75rem 1.5rem;background-color:transparent;color:#64b5f6;border:2px solid #64b5f6;border-radius:0.3rem;text-decoration:none;font-weight:500;transition:all 0.2s ease}.view-all-posts .btn-link:hover{background-color:#64b5f6;color:#263238;text-decoration:none}.no-posts{text-align:center;padding:3rem 2rem;color:#b0bec5}.no-posts p{margin-bottom:1rem}.no-posts code{background-color:#37474f;color:#e8eaf6;padding:0.2rem 0.4rem;border-radius:0.2rem;font-size:0.9rem}.post{margin-bottom:3rem}.post-header{margin-bottom:3rem;padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid #455a64}.post-title{margin-top:0;margin-bottom:1rem;color:#64b5f6;font-family:"Zen Maru Gothic", sans-serif}@media screen and (min-width: 64em){.post-title{font-size:2.5rem}}@media screen and (min-width: 42em) and (max-width: 64em){.post-title{font-size:2.2rem}}@media screen and (max-width: 42em){.post-title{font-size:1.8rem}}.post-meta{display:flex;flex-direction:column;gap:1rem}.post-date-author{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.post-date{font-weight:600;color:#64b5f6;font-size:1rem}.post-author{color:#b0bec5;font-size:0.95rem}.post-content{line-height:1.7;margin-bottom:4rem}.post-content p{margin-bottom:1.5rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:2.5rem;margin-bottom:1rem}.post-content blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid #64b5f6;background-color:rgba(100,181,246,0.05)}.post-footer{border-top:1px solid #455a64;padding-top:2rem}.post-navigation{display:grid;gap:1rem;margin-bottom:2rem}@media screen and (min-width: 42em) and (max-width: 64em){.post-navigation{grid-template-columns:1fr 1fr;gap:2rem}}.prev-post,.next-post{display:block;padding:1rem;background-color:rgba(100,181,246,0.05);border:1px solid rgba(100,181,246,0.2);border-radius:0.5rem;text-decoration:none;transition:all 0.2s ease}.prev-post:hover,.next-post:hover{background-color:rgba(100,181,246,0.1);border-color:rgba(100,181,246,0.3);text-decoration:none}.next-post{text-align:right}.nav-label{display:block;font-size:0.8rem;color:#b0bec5;margin-bottom:0.3rem;text-transform:uppercase;letter-spacing:0.5px}.nav-title{display:block;color:#64b5f6;font-weight:500;line-height:1.3}.back-to-home{text-align:center}.back-to-home .btn-link{display:inline-block;padding:0.75rem 1.5rem;background-color:transparent;color:#b0bec5;border:1px solid #455a64;border-radius:0.3rem;text-decoration:none;font-size:0.9rem;transition:all 0.2s ease}.back-to-home .btn-link:hover{background-color:rgba(100,181,246,0.1);border-color:#64b5f6;color:#64b5f6;text-decoration:none}.tag-page{margin-bottom:3rem}.tag-header{margin-bottom:3rem;text-align:center;padding-bottom:2rem;border-bottom:1px solid #455a64}.tag-title{margin-top:0;margin-bottom:1rem;color:#64b5f6}@media screen and (min-width: 64em){.tag-title{font-size:2.2rem}}@media screen and (min-width: 42em) and (max-width: 64em){.tag-title{font-size:2rem}}@media screen and (max-width: 42em){.tag-title{font-size:1.8rem}}.tag-description{color:#b0bec5;font-size:1.1rem;margin-bottom:0}.tag-posts{margin:2rem 0}.tag-post-item{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #455a64}.tag-post-item:last-child{border-bottom:none}.tag-post-title{margin-top:0;margin-bottom:0.5rem}.tag-post-title a{color:#64b5f6;text-decoration:none;font-size:1.5rem}.tag-post-title a:hover{text-decoration:underline}.tag-post-meta{margin-bottom:1rem;font-size:0.9rem;color:#b0bec5}.tag-post-meta time{font-weight:500;color:#64b5f6}.tag-post-meta .tag-post-author{margin-left:1rem;opacity:0.8}.tag-post-excerpt{margin-bottom:1rem;line-height:1.6;color:#e0e0e0}.tag-post-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.tag-post-tags .tag-current{background-color:rgba(100,181,246,0.2);border-color:rgba(100,181,246,0.4);font-weight:500}.tag-navigation{display:flex;justify-content:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #455a64}@media screen and (max-width: 42em){.tag-navigation{flex-direction:column;align-items:center}}.tag-navigation .btn-link{display:inline-block;padding:0.75rem 1.5rem;background-color:transparent;color:#64b5f6;border:2px solid #64b5f6;border-radius:0.3rem;text-decoration:none;font-weight:500;transition:all 0.2s ease}.tag-navigation .btn-link:hover{background-color:#64b5f6;color:#263238;text-decoration:none}.tags-cloud{display:grid;gap:1rem;margin:2rem 0}@media screen and (min-width: 42em) and (max-width: 64em){.tags-cloud{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}.tag-item{background-color:rgba(100,181,246,0.05);border:1px solid rgba(100,181,246,0.1);border-radius:0.5rem;transition:all 0.2s ease}.tag-item:hover{background-color:rgba(100,181,246,0.1);border-color:rgba(100,181,246,0.2);transform:translateY(-2px)}.tag-link{display:block;padding:1rem;text-decoration:none;color:inherit}.tag-link:hover{text-decoration:none}.tag-name{display:block;font-weight:600;color:#64b5f6;font-size:1.1rem;margin-bottom:0.3rem}.tag-count{display:block;color:#b0bec5;font-size:0.9rem}.popular-tags{margin:3rem 0;display:grid;gap:1.5rem}@media screen and (min-width: 42em) and (max-width: 64em){.popular-tags{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}}.popular-tag{background-color:rgba(100,181,246,0.05);border:1px solid rgba(100,181,246,0.15);border-radius:0.75rem;overflow:hidden;transition:all 0.3s ease}.popular-tag:hover{background-color:rgba(100,181,246,0.1);border-color:rgba(100,181,246,0.3);transform:translateY(-3px);box-shadow:0 8px 25px rgba(100,181,246,0.15)}.popular-tag-link{display:block;padding:1.5rem;text-decoration:none;color:inherit}.popular-tag-link:hover{text-decoration:none}.popular-tag-name{display:block;font-weight:700;color:#64b5f6;font-size:1.3rem;margin-bottom:0.5rem}.popular-tag-count{display:block;color:#b0bec5;font-size:1rem;margin-bottom:1rem}.popular-tag-preview{display:flex;flex-direction:column;gap:0.3rem}.sample-post{color:#e0e0e0;font-size:0.9rem;opacity:0.8;padding:0.2rem 0;border-left:2px solid rgba(100,181,246,0.3);padding-left:0.8rem}.sample-post:before{content:"→ ";color:#64b5f6;opacity:0.6}.tags-navigation{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #455a64}
