/*!
Theme Name: Mukaishima Theme
Description: A minimal tech blog theme with dark navy colors inspired by modern design systems.
Version: 1.0.0
Author: Thomas
Text Domain: mukaishima-theme
*/*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;line-height:1.6}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:hsl(222.2,84%,4.9%);color:hsl(210,40%,98%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:1rem}a{color:hsl(217.2,91.2%,59.8%);text-decoration:none;transition:color .2s ease}a:hover{color:hsl(217.2,91.2%,69.8%)}img{max-width:100%;height:auto}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}code{background-color:hsl(217.2,32.6%,17.5%);color:hsl(210,40%,98%);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em}pre{background-color:hsl(217.2,32.6%,17.5%);color:hsl(210,40%,98%);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}pre code{background:none;padding:0}blockquote{border-left:4px solid hsl(217.2,91.2%,59.8%);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:hsl(215,20.2%,65.1%)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(min-width: 640px){.container{padding:0 2rem}}.content-area{padding:3rem 0}.site-header{background-color:hsla(222.2,84%,4.9%,.95);backdrop-filter:blur(10px);border-bottom:1px solid hsl(217.2,32.6%,17.5%);position:sticky;top:0;z-index:100}.site-header .header-content{padding:1rem 0;display:flex;justify-content:space-between;align-items:center}@media(max-width: 768px){.site-header .header-content{flex-direction:column;gap:1rem}}.site-header .header-left{display:flex;align-items:center;gap:2rem}@media(max-width: 768px){.site-header .header-left{flex-direction:column;gap:1rem;align-items:flex-start}}.site-branding{flex-shrink:0;display:flex;align-items:center;gap:1rem;--site-title-font-size: 1.25rem;--site-title-line-height: 1.2}.site-branding .site-logo{display:flex;align-items:center}.site-branding .site-logo .custom-logo-link{display:inline-flex;align-items:center}.site-branding .site-logo .custom-logo{display:block;height:calc(var(--site-title-font-size)*var(--site-title-line-height));max-height:70px;width:auto}.site-branding .site-identity{display:flex;flex-direction:column}.site-branding .site-title{font-size:var(--site-title-font-size);font-weight:700;margin:0;line-height:var(--site-title-line-height)}.site-branding .site-title a{color:hsl(210,40%,98%)}.site-branding .site-title a:hover{color:hsl(217.2,91.2%,59.8%)}.site-branding .site-description{color:hsl(215,20.2%,65.1%);font-size:.75rem;margin:0;margin-top:.125rem}.main-navigation .nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem}@media(max-width: 768px){.main-navigation .nav-menu{gap:1rem;flex-wrap:wrap}}.main-navigation .nav-menu li{margin:0;position:relative}.main-navigation .nav-menu li.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.main-navigation .nav-menu li a{color:hsl(215,20.2%,65.1%);font-weight:500;padding:.5rem 1rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.main-navigation .nav-menu li a:hover{color:hsl(210,40%,98%);background-color:hsl(217.2,32.6%,17.5%)}.main-navigation .nav-menu li .dropdown-arrow{font-size:.7rem;transition:transform .2s ease;opacity:.7}.main-navigation .nav-menu li:hover .dropdown-arrow{transform:rotate(180deg)}.main-navigation .nav-menu .dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;background-color:hsl(222.2,84%,4.9%);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;min-width:300px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-12px);transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);z-index:1000;list-style:none;margin:0;padding:.5rem}.main-navigation .nav-menu .dropdown-menu li{width:100%;margin:0 0 4px 0;padding:0;list-style:none}.main-navigation .nav-menu .dropdown-menu li:last-child{margin-bottom:0}.main-navigation .nav-menu .dropdown-menu li::before{display:none}.main-navigation .nav-menu .dropdown-menu li a{padding:1rem 1.5rem;border-radius:8px;width:100%;display:block;font-size:.875rem;font-weight:500;color:hsl(210,40%,98%);background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);position:relative}.main-navigation .nav-menu .dropdown-menu li a::before{content:"";position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:hsl(217.2,91.2%,59.8%);border-radius:50%;opacity:.6}.main-navigation .nav-menu .dropdown-menu li a{padding-left:calc(1.5rem + 20px)}.main-navigation .nav-menu .dropdown-menu li a:hover{background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.12)}.main-navigation .nav-menu .dropdown-menu li a:hover::before{background-color:hsl(217.2,91.2%,74.8%);opacity:1;transform:translateY(-50%) scale(1.2)}.header-right{display:flex;align-items:center;gap:1.5rem}@media(max-width: 768px){.header-right{width:100%;justify-content:center}}.language-selector{position:relative}.language-selector .language-dropdown{position:relative}.language-selector .language-dropdown .language-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:hsl(210,40%,98%);font-size:.875rem;font-weight:400;cursor:pointer;transition:all .3s ease}.language-selector .language-dropdown .language-toggle:hover,.language-selector .language-dropdown .language-toggle.active{background-color:hsla(0,0%,100%,.1);border-color:hsl(217.2,91.2%,59.8%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.language-selector .language-dropdown .language-toggle .current-language{font-family:inherit;font-weight:400;letter-spacing:0;text-transform:none}.language-selector .language-dropdown .language-toggle .language-arrow{transition:transform .3s ease;opacity:.7}.language-selector .language-dropdown .language-toggle.active .language-arrow{transform:rotate(180deg);opacity:1}.language-selector .language-dropdown .language-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:hsl(222.2,84%,4.9%);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;min-width:180px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-12px);transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);z-index:1000;padding:.5rem 0}.language-dropdown.active .language-selector .language-dropdown .language-menu{opacity:1;visibility:visible;transform:translateY(0)}.language-selector .language-dropdown .language-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.language-selector .language-dropdown .language-menu ul{list-style:none;margin:0;padding:0}.language-selector .language-dropdown .language-menu ul li{margin:0;padding:0}.language-selector .language-dropdown .language-menu ul li a{display:flex;align-items:center;gap:1rem;padding:.5rem 1.5rem;color:hsl(215,20.2%,65.1%);font-size:.875rem;font-weight:400;border-radius:0}.language-selector .language-dropdown .language-menu ul li a:hover{background-color:hsla(0,0%,100%,.05);color:hsl(210,40%,98%)}.language-selector .language-dropdown .language-menu ul li a.current-lang{color:hsl(217.2,91.2%,59.8%);background-color:hsla(217.2,91.2%,59.8%,.1);font-weight:500}.language-selector .language-dropdown .language-menu ul li a.current-lang::after{content:"✓";margin-left:auto;opacity:.7}.language-selector .language-dropdown .language-menu ul li a img{width:16px;height:auto;border-radius:2px;flex-shrink:0}.language-selector .language-dropdown .language-menu ul li:not(:last-child) a{border-bottom:1px solid hsla(0,0%,100%,.05)}.hero-section{background-color:hsl(222.2,84%,4.9%);padding:2rem 0;position:relative;overflow:hidden}.hero-section .hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:30vh;justify-content:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-section .hero-text .hero-title{font-size:2.5rem;font-weight:700;line-height:1.1;margin:0 0 1.5rem 0;color:hsl(210,40%,98%)}@media(max-width: 1024px){.hero-section .hero-text .hero-title{font-size:3rem}}@media(max-width: 768px){.hero-section .hero-text .hero-title{font-size:2.5rem}}.hero-section .hero-text .hero-description{font-size:1.15rem;line-height:1.6;color:hsl(215,20.2%,65.1%);margin:0 0 2rem 0;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.hero-section .hero-text .hero-description{font-size:1.125rem}}.hero-section .hero-text .hero-actions{display:flex;gap:1.5rem;justify-content:center}@media(max-width: 640px){.hero-section .hero-text .hero-actions{flex-direction:column;align-items:center}}.hero-section .hero-text .hero-cta-primary,.hero-section .hero-text .hero-cta-secondary{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:140px;transition:all .3s ease}@media(max-width: 640px){.hero-section .hero-text .hero-cta-primary,.hero-section .hero-text .hero-cta-secondary{width:200px}}.hero-section .hero-text .hero-cta-primary{background-color:hsl(217.2,91.2%,59.8%);color:#fff}.hero-section .hero-text .hero-cta-primary:hover{background-color:hsl(217.2,91.2%,51.8%);transform:translateY(-2px);box-shadow:0 8px 25px hsla(217.2,91.2%,59.8%,.3)}.hero-section .hero-text .hero-cta-secondary{background-color:rgba(0,0,0,0);color:hsl(210,40%,98%);border:1px solid hsla(0,0%,100%,.2)}.hero-section .hero-text .hero-cta-secondary:hover{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}@keyframes heroFadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text>*{animation:heroFadeInUp .8s ease-out}.hero-text>*:nth-child(1){animation-delay:.1s}.hero-text>*:nth-child(2){animation-delay:.2s}.hero-text>*:nth-child(3){animation-delay:.3s}.site-footer{background-color:hsl(220,90%,2%);border-top:1px solid hsl(217.2,32.6%,17.5%);margin-top:4rem}.site-footer .footer-content{padding:3rem 0;text-align:center}.site-footer .footer-text{color:hsl(215,20.2%,65.1%);font-size:.875rem;margin:0}.site-footer .footer-text a{color:hsl(217.2,91.2%,59.8%)}.site-footer .footer-text a:hover{color:hsl(217.2,91.2%,69.8%)}.posts-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width: 768px){.posts-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.posts-grid{grid-template-columns:repeat(3, 1fr)}}.post-card{background-color:rgba(0,0,0,0);border:1px solid hsl(217.2,32.6%,17.5%);border-radius:.75rem;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;will-change:transform}.post-card:hover{border-color:hsl(217.2,91.2%,59.8%);box-shadow:0 4px 12px rgba(0,0,0,.15)}.post-card .post-thumbnail{aspect-ratio:16/9;overflow:hidden;position:relative}.post-card .post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card .post-thumbnail:hover img{transform:scale(1.02)}.post-card .post-thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;position:relative}.post-card .post-thumbnail-placeholder::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-4.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Z' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.7}.post-card .post-content{padding:1.5rem}.post-card .post-header{margin-bottom:1rem}.post-card .post-title{font-size:1.25rem;margin-bottom:.5rem}.post-card .post-title a{color:hsl(210,40%,98%)}.post-card .post-title a:hover{color:hsl(217.2,91.2%,59.8%)}.post-card .post-meta{color:hsl(215,20.2%,65.1%);font-size:.875rem;margin-bottom:1rem}.post-card .post-excerpt{color:hsl(215,20.2%,65.1%);line-height:1.6;margin-bottom:1.5rem}.post-card .post-footer .read-more{color:hsl(217.2,91.2%,59.8%);font-weight:500;font-size:.875rem}.post-card .post-footer .read-more:hover{color:hsl(217.2,91.2%,69.8%)}.single-post{margin:0 auto}.single-post .post-featured-image{margin-bottom:2rem;border-radius:.75rem;overflow:hidden}.single-post .post-featured-image img{width:100%;height:auto}.single-post .post-header{margin-bottom:2rem;text-align:center}.single-post .post-header .post-title{font-size:2.5rem;margin-bottom:1rem}@media(max-width: 768px){.single-post .post-header .post-title{font-size:2rem}}.single-post .post-header .post-meta{color:hsl(215,20.2%,65.1%);font-size:.875rem;justify-content:center}.single-post .post-header .post-meta .author{margin-left:1rem}.single-post .post-content{font-size:1.125rem;line-height:1.7}.single-post .post-content h2,.single-post .post-content h3,.single-post .post-content h4,.single-post .post-content h5,.single-post .post-content h6{margin-top:3rem;margin-bottom:1.5rem}.single-post .post-content p{margin-bottom:1.5rem}.single-post .post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid hsl(217.2,32.6%,17.5%)}.single-post .post-footer .post-tags{color:hsl(215,20.2%,65.1%);font-size:.875rem}.single-post .post-footer .post-tags a{color:hsl(217.2,91.2%,59.8%)}.single-post .post-footer .post-tags a:hover{color:hsl(217.2,91.2%,69.8%)}.post-navigation{margin-top:4rem}.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width: 768px){.post-navigation .nav-links{grid-template-columns:1fr}}.post-navigation .nav-links .nav-previous,.post-navigation .nav-links .nav-next{padding:1.5rem;background-color:hsl(217.2,32.6%,17.5%);border:1px solid hsl(217.2,32.6%,17.5%);border-radius:.5rem}.post-navigation .nav-links .nav-previous a,.post-navigation .nav-links .nav-next a{color:hsl(210,40%,98%);font-weight:500}.post-navigation .nav-links .nav-previous a:hover,.post-navigation .nav-links .nav-next a:hover{color:hsl(217.2,91.2%,59.8%)}.post-navigation .nav-links .nav-next{text-align:right}@media(max-width: 768px){.post-navigation .nav-links .nav-next{text-align:left}}.single-page{max-width:800px;margin:0 auto}.single-page .page-header{margin-bottom:2rem;text-align:center}.single-page .page-header .page-title{font-size:2.5rem;margin-bottom:1rem}@media(max-width: 768px){.single-page .page-header .page-title{font-size:2rem}}.single-page .page-content{font-size:1.125rem;line-height:1.7}.single-post-wrapper{background-color:hsl(222.2,84%,4.9%);min-height:calc(100vh - 80px);padding:3rem 0}.single-post-wrapper .container{max-width:900px;margin:0 auto;padding:0 2rem}@media(max-width: 768px){.single-post-wrapper .container{padding:0 1.5rem}}@media(max-width: 640px){.single-post-wrapper .container{padding:0 1rem}}.single-post .post-featured-image{margin-bottom:3rem;border-radius:.75rem;overflow:hidden;box-shadow:0 20px 40px -10px rgba(0,0,0,.3)}.single-post .post-featured-image img{width:100%;height:auto;display:block}.single-post .post-header{margin-bottom:3rem}.single-post .post-header .post-title{font-size:3rem;font-weight:700;line-height:1.1;color:hsl(210,40%,98%);margin:0 0 1.5rem 0}@media(max-width: 1024px){.single-post .post-header .post-title{font-size:2.5rem}}@media(max-width: 768px){.single-post .post-header .post-title{font-size:2rem}}.single-post .post-header .post-meta{display:flex;align-items:center;gap:1rem;color:hsl(215,20.2%,65.1%);font-size:.9rem}.single-post .post-header .post-meta time{color:hsl(217.2,91.2%,59.8%);font-weight:600}.single-post .post-header .post-meta .author::before{content:"•";margin-right:.5rem;color:hsl(217.2,32.6%,17.5%)}.single-post .post-content{margin-bottom:4rem;line-height:1.8;color:hsl(210,40%,98%);font-size:1.125rem}.single-post .post-content h1,.single-post .post-content h2,.single-post .post-content h3,.single-post .post-content h4,.single-post .post-content h5,.single-post .post-content h6{margin:3rem 0 1.5rem 0;color:hsl(210,40%,98%);font-weight:600}.single-post .post-content h2{font-size:2rem;border-bottom:2px solid hsl(217.2,32.6%,17.5%);padding-bottom:.75rem}.single-post .post-content h3{font-size:1.5rem}.single-post .post-content p{margin:1.5rem 0;font-size:1.125rem}.single-post .post-content ul,.single-post .post-content ol{margin:1.5rem 0;padding-left:2rem}.single-post .post-content ul li,.single-post .post-content ol li{margin:.75rem 0}.single-post .post-content blockquote{margin:3rem 0;padding:1.5rem 2rem;border-left:4px solid hsl(217.2,91.2%,59.8%);background-color:hsl(217.2,32.6%,17.5%);border-radius:0 .5rem .5rem 0;font-style:italic;font-size:1.1rem}.single-post .post-content blockquote p{margin:0}.single-post .post-content code{background-color:hsl(217.2,32.6%,17.5%);padding:.25rem .5rem;border-radius:.25rem;font-family:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;font-size:.9rem;color:hsl(210,40%,98%)}.single-post .post-content pre{background-color:hsl(217.2,32.6%,17.5%);padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:2rem 0}.single-post .post-content pre code{background:none;padding:0}.single-post .post-content img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0;box-shadow:0 10px 30px -5px rgba(0,0,0,.2)}.single-post .post-content a{color:hsl(217.2,91.2%,59.8%);text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:text-decoration-color .2s ease}.single-post .post-content a:hover{text-decoration-color:hsl(217.2,91.2%,59.8%)}.single-post .post-footer{padding-top:2rem;border-top:1px solid hsl(217.2,32.6%,17.5%)}.single-post .post-footer .page-links{margin-bottom:1.5rem}.single-post .post-footer .page-links a{display:inline-block;padding:.75rem 1.25rem;margin:0 .5rem;background-color:hsl(217.2,32.6%,17.5%);color:hsl(210,40%,98%);text-decoration:none;border-radius:.25rem;transition:all .2s ease}.single-post .post-footer .page-links a:hover{background-color:hsl(217.2,91.2%,59.8%);color:#fff}.single-post .post-footer .post-tags{color:hsl(215,20.2%,65.1%);font-size:.9rem}.single-post .post-footer .post-tags a{color:hsl(217.2,91.2%,59.8%);text-decoration:none}.single-post .post-footer .post-tags a:hover{text-decoration:underline}.post-navigation{margin-top:4rem;padding-top:2rem;border-top:1px solid hsl(217.2,32.6%,17.5%)}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:2rem}@media(max-width: 768px){.post-navigation .nav-links{flex-direction:column}}.post-navigation .nav-links .nav-previous,.post-navigation .nav-links .nav-next{flex:1}.post-navigation .nav-links .nav-previous a,.post-navigation .nav-links .nav-next a{display:block;padding:1.5rem;background-color:hsl(217.2,32.6%,17.5%);border:1px solid hsl(217.2,32.6%,17.5%);border-radius:.5rem;color:hsl(210,40%,98%);text-decoration:none;transition:all .3s ease;font-weight:500}.post-navigation .nav-links .nav-previous a:hover,.post-navigation .nav-links .nav-next a:hover{background-color:hsl(217.2,32.6%,22.5%);border-color:hsl(217.2,91.2%,59.8%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.post-navigation .nav-links .nav-next{text-align:right}.pagination{margin-top:4rem;text-align:center}.pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.pagination .nav-links .page-numbers{padding:.5rem 1rem;background-color:hsl(217.2,32.6%,17.5%);border:1px solid hsl(217.2,32.6%,17.5%);border-radius:.25rem;color:hsl(215,20.2%,65.1%);text-decoration:none;font-weight:500;transition:all .2s ease}.pagination .nav-links .page-numbers:hover{background-color:hsl(217.2,91.2%,59.8%);color:hsl(210,40%,98%);border-color:hsl(217.2,91.2%,59.8%)}.pagination .nav-links .page-numbers.current{background-color:hsl(217.2,91.2%,59.8%);color:hsl(210,40%,98%);border-color:hsl(217.2,91.2%,59.8%)}.pagination .nav-links .prev,.pagination .nav-links .next{padding:.5rem 1.5rem}.pagination .nav-links .prev:hover,.pagination .nav-links .next:hover{transform:translateX(2px)}.pagination .nav-links .prev:hover{transform:translateX(-2px)}.no-posts{text-align:center;padding:4rem 0}.no-posts h2{color:hsl(215,20.2%,65.1%);margin-bottom:1rem}.no-posts p{color:hsl(215,20.2%,65.1%)}.page-links{margin-top:2rem}.page-links a{display:inline-block;padding:.5rem 1rem;background-color:hsl(217.2,32.6%,17.5%);border:1px solid hsl(217.2,32.6%,17.5%);border-radius:.25rem;color:hsl(217.2,91.2%,59.8%);text-decoration:none;margin-right:.5rem}.page-links a:hover{background-color:hsl(217.2,91.2%,59.8%);color:hsl(210,40%,98%)}.search-form{display:flex;gap:.5rem;margin-bottom:2rem}.search-form .search-field{flex:1;padding:1rem;background-color:hsl(217.2,32.6%,17.5%);border:1px solid hsl(217.2,32.6%,17.5%);border-radius:.25rem;color:hsl(210,40%,98%);font-size:1rem}.search-form .search-field:focus{outline:none;border-color:hsl(217.2,91.2%,59.8%);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.search-form .search-field::placeholder{color:hsl(215,20.2%,65.1%)}.search-form .search-submit{padding:1rem 1.5rem;background-color:hsl(217.2,91.2%,59.8%);border:1px solid hsl(217.2,91.2%,59.8%);border-radius:.25rem;color:hsl(210,40%,98%);font-weight:500;cursor:pointer;transition:all .2s ease}.search-form .search-submit:hover{background-color:hsl(217.2,91.2%,49.8%);border-color:hsl(217.2,91.2%,49.8%)}.error-404{text-align:center;max-width:600px;margin:0 auto}.error-404 .page-header{margin-bottom:2rem}.error-404 .page-header .page-title{font-size:2rem;color:hsl(210,40%,98%);margin-bottom:1rem}.error-404 .page-content p{color:hsl(215,20.2%,65.1%);font-size:1.125rem;margin-bottom:2rem}.error-404 .search-form-wrapper{margin-bottom:3rem}.error-404 .recent-posts{text-align:left}.error-404 .recent-posts h3{color:hsl(210,40%,98%);margin-bottom:1rem}.error-404 .recent-posts ul{list-style:none;padding:0}.error-404 .recent-posts ul li{margin-bottom:.5rem}.error-404 .recent-posts ul li a{color:hsl(217.2,91.2%,59.8%);text-decoration:none}.error-404 .recent-posts ul li a:hover{color:hsl(217.2,91.2%,69.8%)}.archive-description{color:hsl(215,20.2%,65.1%);font-size:1.125rem;margin-bottom:3rem;text-align:center}.screen-reader-text{position:absolute !important;clip:rect(1px, 1px, 1px, 1px);width:1px !important;height:1px !important;overflow:hidden}/*# sourceMappingURL=style.css.map */