@import 'https://fonts.bunny.net/css?family=inter:400,500,600';:root{--max-content-width:900px;--spacing:1.5rem;--font-size:clamp(0.95rem, 1.25vw, 1.1rem);--border-color:#d8dee9;--background-color:#e5e9f0;--heading-color:#2e3440;--input-border:#d8dee9;--input-bg:#eceff4;--text-color:#3b4252;--button-bg:#5e81ac;--button-text:#eceff4;--placeholder-color:#4c566a;--pill-idle-bg:rgba(216, 222, 233, 0.5);--pill-hover-bg:#d8dee9;--pill-active-bg:#88c0d0;--pill-active-text:#2e3440}*{box-sizing:border-box}body{font-family:inter,sans-serif;font-size:var(--font-size);line-height:1.5;padding:var(--spacing);background-color:#eceff4;color:var(--text-color);transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;align-items:center}main{width:100%;max-width:var(--max-content-width)}header{margin-bottom:2rem;text-align:center;width:100%}header h1{display:inline-block;margin-bottom:1.5rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:600;text-decoration:none;color:var(--heading-color);transition:all .2s ease-in-out;letter-spacing:-.03em}header h1:hover{color:#81a1c1;transform:translateY(-1px)}.nav-pills ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0}.nav-pills li{display:flex;align-items:center}.nav-pills li:not(:last-child)::after{content:"|";margin:0 .25rem;opacity:.3;font-size:.8em;font-weight:400}.nav-pills a{text-decoration:none;font-weight:500;font-size:.9em;padding:.2rem .5rem;color:var(--text-color);background-color:initial;transition:all .2s ease;border-radius:4px}.nav-pills a:hover{color:var(--button-bg);background-color:var(--pill-idle-bg)}.nav-pills a.active{color:var(--button-bg);font-weight:600;background-color:initial}footer{text-align:center;font-size:.85em;opacity:.7;margin-top:var(--spacing)}img{display:block;height:auto;max-width:100%;margin:1em auto;border-radius:6px}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;width:100%}.post-card{overflow:hidden;border-radius:8px;border:1px solid var(--border-color);background:var(--background-color);transition:transform .15s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-3px);border-color:#81a1c1}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border-radius:0;border-bottom:1px solid var(--border-color)}.card-content{padding:1rem;flex-grow:1}.card-content h2{margin:.2rem 0;font-size:1.25rem;color:var(--heading-color);line-height:1.2}.card-description{margin-top:.5rem;font-size:.95rem;opacity:.85}.post-date{display:block;color:var(--placeholder-color);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:.4rem 0}.comments-section{max-width:600px;margin:1.5rem auto;width:100%}.comment{margin-bottom:1.2rem;padding:1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-date{font-size:.8rem;color:var(--placeholder-color)}.comment-website a{color:var(--text-color);font-size:.85rem;font-weight:600;text-decoration:none}.comment-message{line-height:1.5;font-size:.95rem}.comment-form{max-width:600px;margin:1.5rem auto;padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);box-shadow:0 2px 6px rgba(0,0,0,5%)}.comment-form h2{margin-top:0;margin-bottom:.8rem;font-size:1.3rem;color:var(--heading-color)}.form-input,.form-textarea{width:100%;margin-bottom:.8rem;padding:.6rem;border:1px solid var(--input-border);border-radius:5px;font-size:.95rem;background:var(--input-bg);color:var(--text-color);font-family:inherit}.form-input::placeholder,.form-textarea::placeholder{color:var(--placeholder-color);opacity:.9}.form-button{margin-top:.8rem;padding:.7rem 1.2rem;background:var(--button-bg);color:var(--button-text);border:none;border-radius:5px;cursor:pointer;font-size:.95rem;font-family:inherit;font-weight:600;text-transform:uppercase}.pagination{display:flex;justify-content:center;list-style:none;padding:0;gap:.5rem;margin:2rem 0;width:100%}.pagination li a{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;text-decoration:none;color:var(--text-color);background:var(--background-color);font-size:.85rem}.pagination li.active a{background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}.pagination li.disabled{display:none}blockquote{margin:.8em 0;padding:.8rem 1.2rem;border-left:4px solid #88c0d0;background-color:var(--background-color);font-style:italic;font-size:.95em;border-radius:0 6px 6px 0}iframe,embed,video,object{max-width:100%;height:auto;display:block;margin:1em auto;border-radius:6px}.responsive-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:1em 0}.responsive-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media(max-width:767px){:root{--spacing:1.25rem}.post-grid{grid-template-columns:1fr}.nav-pills ul{flex-wrap:wrap;justify-content:center;gap:.4rem}.nav-pills li:not(:last-child)::after{margin:0 .1rem}.nav-pills a{font-size:.9rem;padding:.2rem .3rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.2rem}}@media(prefers-color-scheme:dark){body{background-color:#2e3440;color:#d8dee9}:root{--border-color:#434c5e;--background-color:#3b4252;--heading-color:#eceff4;--input-border:#4c566a;--input-bg:#434c5e;--text-color:#d8dee9;--button-bg:#88c0d0;--button-text:#2e3440;--placeholder-color:#81a1c1;--pill-idle-bg:#434c5e;--pill-hover-bg:#4c566a;--pill-active-bg:#81a1c1;--pill-active-text:#2e3440}a{color:#88c0d0}blockquote{background-color:#3b4252;border-left-color:#81a1c1}.post-date{color:#81a1c1}.nav-pills a.active{color:#88c0d0}}@media(prefers-color-scheme:light){a{color:#5e81ac}}.honeypot-field{display:none!important}