@import 'https://fonts.bunny.net/css?family=figtree:400,600';:root{--max-content-width:60ch;--spacing:1.5rem;--font-size:clamp(0.95rem, 1.25vw, 1.1rem);--border-color:#ccc;--background-color:#f9f9f9;--heading-color:inherit;--input-border:#aaa;--input-bg:#fff;--text-color:#333;--button-bg:#4CAF50;--button-text:#fff;--placeholder-color:#888}*{box-sizing:border-box}body{font-family:figtree,sans-serif;font-size:var(--font-size);line-height:1.5;padding:var(--spacing);background-color:#fdfdfd;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:calc(var(--spacing) * .75);text-align:center;width:100%}header h1{display:inline-block;margin-bottom:.4rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:600;text-decoration:none;color:inherit;transition:all .2s ease-in-out}header h1:hover{letter-spacing:.3px;transform:scale(1.01)}nav{margin-top:.4rem}nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;font-size:.9em;list-style:none;padding:0;margin:0}nav li{display:inline-block}nav a{text-decoration:none;font-weight:600;transition:color .2s ease}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-thumb{width:100%;max-width:320px;border-radius:6px;margin:0 auto;display:block}.post-date{margin:.4rem 0;color:gray;font-size:.85rem}@media(max-width:767px){:root{--spacing:1.25rem}img{max-width:100%;margin:.8em auto}nav ul{flex-direction:column;align-items:center;gap:.4rem}}@media(min-width:768px){.post-thumb{max-width:280px}}@media(min-width:1024px){.post-thumb{max-width:240px}}blockquote{margin:.8em 0;padding:.6em .8em;border-left:3px solid #ccc;background-color:#f9f9f9;font-style:italic;font-size:.95em}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}.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);font-family:inherit;box-shadow:0 2px 6px rgba(0,0,0,5%);color:var(--text-color)}.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}@media(prefers-color-scheme:dark){body{background-color:#1a1a1a;color:#e0e0e0}a{color:#90caf9}nav a:hover{color:#ffcc80}blockquote{background-color:#2a2a2a;border-left-color:#666}:root{--border-color:#555;--background-color:#2a2a2a;--heading-color:#e0e0e0;--input-border:#666;--input-bg:#333;--text-color:#e0e0e0;--button-bg:#2E7D32;--placeholder-color:#bbbbbb}.post-date{color:#a0a0a0}}@media(prefers-color-scheme:light){a{color:#07c}nav a:hover{color:#f60}}