/* Asentopaikan päiväkirja – yksinkertainen tyyli */
:root { --text:#222; --muted:#666; --bg:#1c1c1c; --paper:#fff; --accent:#2f5d50; --line:#e2ded4; --banner:#000; --side:#d8d8d8; --side-muted:#999; --side-link:#e8e8e8; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 Arial, Helvetica, sans-serif; }
a { color:var(--accent); }
header.site { background:var(--banner); color:#fff; padding:1.5rem 1rem 0; text-align:center; }
header.site a { color:#fff; text-decoration:none; }
.site-title { margin:0; font-size:2rem; font-weight:bold; }
.tagline { margin:.2rem 0 1rem; font-style:italic; opacity:.9; }
header.site nav { display:flex; flex-wrap:wrap; justify-content:center; gap:.2rem 1.2rem; padding:.6rem 0; border-top:1px solid rgba(255,255,255,.3); font-family:system-ui, sans-serif; font-size:.95rem; }
.wrap { max-width:1100px; margin:0 auto; padding:1.5rem 1rem; display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:2rem; }
main { min-width:0; }
.post { background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:1.2rem 1.5rem; margin-bottom:1.5rem; }
.post h1, .post h2 { margin:0 0 .2rem; line-height:1.25; }
.post h1 a, .post h2 a { color:var(--text); text-decoration:none; }
.meta, .cmeta, .titles span, aside span { color:var(--muted); font:14px/1.4 system-ui, sans-serif; }
.content img, .content video, .content iframe { max-width:100%; height:auto; }
.content figure, .wp-caption { margin:1rem 0; max-width:100%; }
.wp-caption-text, figcaption { color:var(--muted); font-size:.9rem; font-style:italic; }
.alignleft { float:left; margin:.3rem 1rem .5rem 0; } .alignright { float:right; margin:.3rem 0 .5rem 1rem; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.content::after { content:""; display:block; clear:both; }
/* Galleries: full-width photos one below another */
.gallery, .wp-block-gallery, .blocks-gallery-grid { display:block; margin:1rem 0; padding:0; list-style:none; }
.gallery br { display:none; }
.gallery-item, .blocks-gallery-item, .wp-block-gallery figure { display:block; margin:0 0 1rem; width:auto !important; }
.gallery-icon a, .blocks-gallery-item a, .wp-block-gallery figure a { display:block; }
.gallery img, .wp-block-gallery img { display:block; width:100%; height:auto !important; aspect-ratio:auto !important; object-fit:contain !important; border:0 !important; }
.gallery-caption, .blocks-gallery-item figcaption, .wp-block-gallery figure figcaption { color:var(--muted); font-size:.9rem; font-style:italic; margin-top:.3rem; position:static; background:none; }
h1.archive { margin-top:0; color:var(--side-link); }
footer.site a { color:var(--side-link); }
.titles { padding-left:1.2rem; }
.pager { display:flex; justify-content:space-between; gap:1rem; margin:1rem 0 2rem; font-family:system-ui, sans-serif; }
.pager .newer { margin-left:auto; text-align:right; }
#kommentit { background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:1rem 1.5rem; }
#kommentit h2 { margin-top:0; }
ol.comments { list-style:none; padding:0; margin:0; }
ol.comments ol.comments { margin-left:1.5rem; border-left:2px solid var(--line); padding-left:1rem; }
ol.comments li { margin:0 0 1rem; }
ol.comments p { margin:.2rem 0; }
aside { color:var(--side); }
aside a { color:var(--side-link); }
aside span { color:var(--side-muted); }
aside h2 { font:bold 1rem system-ui, sans-serif; text-transform:uppercase; letter-spacing:.05em; color:var(--side-muted); }
.pager a { color:var(--side-link); }
aside ul { list-style:none; padding:0; margin:0 0 1.5rem; }
aside li { padding:.15rem 0; }
footer.site { text-align:center; padding:1rem; color:var(--side-muted); font:14px system-ui, sans-serif; }
@media (max-width:800px) { .wrap { grid-template-columns:1fr; } .post { padding:1rem; } .alignleft, .alignright { float:none; margin:1rem 0; } }
/* Archive pages sit directly on the dark background */
main > h2 a, main > ul.titles a { color:var(--side-link); }
main > p, main > ul.titles { color:var(--side); }
main > ul.titles span { color:var(--side-muted); }
.post p.more { margin:.5rem 0 0; font-weight:bold; }
.feed-url code { display:block; padding:.6rem .8rem; background:#f2f2f2; border:1px solid #ddd; font-size:1rem; word-break:break-all; user-select:all; }