/*
Theme Name: Tumbleweed Diary
Description: A small native WordPress theme preserving the recovered 2016 design.
Version: 1.0.9
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: tumbleweed-diary
*/

html{scroll-behavior:smooth}body{margin-top:0!important;font-family:Georgia,serif}
.recovery-note{padding:9px 18px;text-align:center;font:12px/1.5 Arial,sans-serif;background:#ede7d9;color:#514c43;position:relative;z-index:101}
.unrecovered-image{display:block;padding:16px;margin:12px 0;border:1px dashed #aaa;color:#666;font:13px/1.5 Georgia,serif;text-align:center}
.restored-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;border-top:1px solid #ccc;margin:36px 0 20px;padding-top:24px;clear:both}.restored-share>span{width:100%;font:11px/1.5 Arial,sans-serif;letter-spacing:2px;text-align:center;margin-bottom:6px}.restored-share a{display:inline-flex;align-items:center;gap:8px;border:1px solid #999;border-radius:3px;padding:9px 13px;text-decoration:none;font:13px/1.4 Arial,sans-serif;color:#333;background:transparent}.restored-share a:hover,.restored-share a:focus-visible{background:#df4040;color:#fff;border-color:#df4040}.restored-share img{width:18px;height:18px;margin:0;display:block}.restored-share a:focus-visible{outline:2px solid #333;outline-offset:3px}.quotable-link:before{content:none!important}
.header-wrap{position:relative}img{max-width:100%;height:auto}
.single-post .post-content .restored-share img{width:18px;height:18px;min-width:18px;max-width:18px!important;flex:0 0 18px;margin:0;display:block}
.footer .copyright{font-size:12px;line-height:1.7;letter-spacing:2px;padding:12px 0}
input,textarea{font:inherit}.footer .search-box{display:none}
@media(max-width:768px){.header nav{display:block!important;position:static!important}.header nav ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.header nav li{display:block!important;float:none!important}.header nav a{font-size:11px!important;padding:8px!important}.header .nav-facebook{display:none}}

.header nav ul{list-style:none;margin:0;padding:0}.header nav .menu-item{display:inline-block}
.post-content .wp-block-image img{height:auto}.post-content .wp-block-image{margin:24px 0}
.tw-skip-link{position:absolute;left:-9999px}.tw-skip-link:focus{left:12px;top:12px;background:#fff;padding:12px;z-index:9999}
.home .tease-big{clear:both}.tw-empty{padding:100px 20px;text-align:center}
.pagination .page-numbers{display:inline-block;padding:10px}.archive-main .tease-image img{max-width:100%;height:auto}
.featured-strip .item a{display:block}.tw-search{max-width:600px;margin:25px auto;display:flex;gap:8px}.tw-search input{flex:1;min-width:0;padding:10px;border:1px solid #aaa}.tw-search button{padding:10px;background:#df4040;color:#fff;border:0}
@media(max-width:768px){.header .nav-logo{float:none;margin:auto}.header nav{float:none!important}.archive-main,.sidebar{float:none!important;width:auto!important}.featured-strip .row{display:block}.featured-strip .item{width:auto!important;float:none!important}.single-post .post-content,.single-post .entry-header{margin-left:0;margin-right:0}.single-post .entry-header h1{overflow-wrap:anywhere}}

/* Typography refinements, November 10, 2026. */
.tease > h2,.archive-main article > h2,.single-post .entry-header > h2{font-size:18px;line-height:1.2;letter-spacing:2.5px;margin-top:12px;margin-bottom:16px}
a.read-more,.footer .about-link,.footer .copyright a,.sidebar .widget a,.comment .comment-author .comment-edit-link,.comment .comment-author a.comment-reply-link{font-size:16px;line-height:1.4;font-style:italic}

.tease .read-more{display:inline-block;margin-top:0}.tease .tease-image{margin-top:20px}

/* Keep display headings compact when they wrap. */
h2,.h2{line-height:1.15}
.featured-strip .item h2{line-height:1.1}

.archive-head h1{font-size:30px;line-height:1.1}
.archive-main article{display:flow-root}
.archive-main article + article{margin-top:48px;padding-top:48px;border-top:1px solid #cacaca}

/* Native topic cloud: size follows published article count. */
.tw-topic-cloud{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:10px 14px;padding-top:10px}
.sidebar .tw-topic-cloud a{display:inline-block;line-height:1.15;white-space:nowrap;letter-spacing:.5px;text-decoration:none}
.sidebar .tw-topic-cloud a:hover,.sidebar .tw-topic-cloud a:focus-visible{text-decoration:underline}

/* Compact sidebar text, with clear section boundaries. */
.sidebar .widget{margin-bottom:0}
.sidebar .widget + .widget{margin-top:32px;padding-top:28px;border-top:1px solid #cacaca}
.sidebar .widget h4{line-height:1.15;margin-bottom:14px}
.sidebar .widget ul{margin:0;padding:0;list-style:none}
.sidebar .widget li{margin-bottom:8px;line-height:1.1}
.sidebar .widget li:last-child{margin-bottom:0}
.sidebar .widget li a{display:block;line-height:1.1}
.sidebar .tw-topic-cloud{gap:6px 12px;padding-top:0}
.sidebar .tw-topic-cloud a{line-height:1.05}

/* One typewriter tap per letter; progressive enhancement keeps the title readable. */
.home-intro .tw-typewriter-title{position:relative;background-image:none;font-size:30px;line-height:1.15;letter-spacing:5px;padding-top:120px}
.tw-typewriter-title::before{content:"";position:absolute;top:0;left:calc(50% - 40px);width:80px;height:80px;background:url("assets/2577e7f9c838bfc4574a.svg") center/contain no-repeat;transform-origin:center;animation:none}
.tw-title-word{display:inline-block;white-space:nowrap}
.tw-title-letter{display:inline-block;opacity:1}
.tw-typewriter-title.is-typing .tw-title-letter:not(.is-visible){opacity:0}
.tw-typewriter-title.tw-tap::before{animation:tw-type-tap 240ms ease-out 1}
@keyframes tw-type-tap{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(3px) scale(.94)}55%{transform:translateY(-1px) scale(1.015)}}
@media(max-width:480px){.home-intro .tw-typewriter-title{letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){.tw-typewriter-title::before,.tw-title-letter{animation:none}.tw-title-letter{opacity:1}}

/* Center the copyright sentence and keep its link in the same type size. */
.footer .copyright{display:block;float:none;width:100%;margin:0;padding:12px 40px;box-sizing:border-box;text-align:center}
.footer .copyright a{font-size:inherit;line-height:inherit}

/* Give the footer About link a little breathing room below the title. */
.footer .footer-main .about-link{display:inline-block;margin-top:14px}
