:root{--bg:#fafafa;--surface:#ffffff;--text:#1a1a1a;--muted:#5c5c5c;--border:#e5e5e5;--link:#0b57d0;--link-hover:#0842a0;--radius:8px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--max-width:42rem;--content-max:52rem}*,:after,:before{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg)}a{color:var(--link);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--link-hover)}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__main{flex:1 1;width:100%;max-width:var(--content-max);margin:0 auto;padding:1.25rem 1rem 3rem}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header__inner{max-width:var(--content-max);margin:0 auto;padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.site-header__brand{font-weight:600;font-size:1.05rem}.site-header__brand a{color:var(--text);text-decoration:none}.site-header__brand a:hover{color:var(--link)}.site-nav{display:flex;gap:1rem;font-size:.95rem}.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline}.hero{padding:2rem 0 1.5rem}.hero h1{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2;font-weight:700}.hero__subtitle{margin:0;color:var(--muted);font-size:1.05rem}.callout,.hero__subtitle{max-width:var(--max-width)}.callout{margin-top:1.5rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.callout--warn{border-color:#c9a227;background:#fffbeb}.callout--error{border-color:#c62828;background:#ffebee}.callout p{margin:0;font-size:.95rem}.page-title{margin:0 0 1.25rem;font-size:1.5rem;font-weight:600}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.post-card{display:block;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.post-card:hover{border-color:#ccc;box-shadow:0 2px 8px rgba(0,0,0,.06)}.post-card h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:600;color:var(--text)}.post-card:hover h2{color:var(--link)}.post-card__meta{margin:0 0 .5rem;font-size:.85rem;color:var(--muted)}.post-card__excerpt{margin:0;font-size:.95rem;color:var(--muted)}.article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.25rem}@media (min-width:640px){.article{padding:2rem}}.article__title{margin:0 0 .35rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25}.article__meta{margin:0 0 1.5rem;font-size:.9rem;color:var(--muted)}.article__body{font-size:1.05rem;line-height:1.65}.article__body>:first-child{margin-top:0}.article__body>:last-child{margin-bottom:0}.article__body h2,.article__body h3{margin-top:1.5rem;margin-bottom:.5rem;line-height:1.3}.article__body p{margin:.75rem 0}.article__body ol,.article__body ul{margin:.75rem 0;padding-left:1.25rem}.article__body img{max-width:100%;height:auto;border-radius:4px}.article__body blockquote{margin:1rem 0;padding-left:1rem;border-left:3px solid var(--border);color:var(--muted)}.empty-state{margin:0;padding:2rem 1rem;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.loading-skeleton{display:flex;flex-direction:column;gap:1rem}.skeleton-line{height:1rem;border-radius:4px;background:linear-gradient(90deg,#eee,#f5f5f5 50%,#eee);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.skeleton-line--short{width:40%}.skeleton-line--title{height:1.5rem;width:70%}.skeleton-card{height:6rem;border-radius:var(--radius);background:#eee;animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#eee,#f5f5f5 50%,#eee);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.back-link{display:inline-block;margin-bottom:1.25rem;font-size:.95rem}.contact-form{max-width:var(--max-width);display:flex;flex-direction:column;gap:1rem}.contact-form__hint{margin:0;font-size:.95rem;color:var(--muted)}.contact-form__field{display:flex;flex-direction:column;gap:.35rem}.contact-form__field label{font-weight:600;font-size:.9rem}.contact-form__field input,.contact-form__field textarea{font:inherit;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.contact-form__field input:focus,.contact-form__field textarea:focus{outline:2px solid rgba(11,87,208,.35);outline-offset:1px}.contact-form__field input:disabled,.contact-form__field textarea:disabled{opacity:.65;cursor:not-allowed}.contact-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-form__error{margin:0;padding:.75rem 1rem;background:#ffebee;border:1px solid #c62828;border-radius:var(--radius);font-size:.95rem}.contact-form__debug{margin:.75rem 0 0;padding:.5rem .65rem;font-size:.75rem;line-height:1.4;overflow:auto;background:rgba(0,0,0,.06);border-radius:4px;white-space:pre-wrap;word-break:break-word}.contact-form__submit{font:inherit;font-weight:600;align-self:flex-start;padding:.65rem 1.25rem;border:none;border-radius:var(--radius);background:var(--link);color:#fff;cursor:pointer}.contact-form__submit:hover:not(:disabled){background:var(--link-hover)}.contact-form__submit:disabled{opacity:.7;cursor:not-allowed}.btn-link{font:inherit;background:none;border:none;color:var(--link);text-decoration:underline;cursor:pointer;padding:0}.btn-link:hover{color:var(--link-hover)}