/* WordPress integration. Content stays native; visuals follow the original site. */
.umaru-no-stickers :is(.post-mascot,.toc-mascot,.summary-mascot,.article-quote-mascot,.quote-mascot){display:none}
:root{--umaru-admin-offset:0px;--umaru-sticky-top:14px}
body.admin-bar{--umaru-admin-offset:32px}
body.umaru-wp .topbar{position:sticky;top:calc(var(--umaru-sticky-top) + var(--umaru-admin-offset));margin-top:14px}
body.umaru-wp .reading-aside{top:calc(101px + var(--umaru-admin-offset))}
.profile-name{font:26px/31px UmaruHandwriting,cursive;letter-spacing:-.2px;color:#ff4815;margin:0}
body[data-theme="night"] .profile-name{color:#ffad80}
.posts-title h1{font-size:23px;line-height:29px;font-weight:700;color:#a3210b;margin:0;position:relative}
.posts-title h1::after{content:'';position:absolute;bottom:-7px;left:0;width:21px;height:2px;background:#ff5b1d}
body[data-theme="night"] .posts-title h1{color:#ffad80}
.archive-count{font-size:12px;color:#82604c;white-space:nowrap}
.archive-description{font-size:13px;line-height:1.8;color:#856d5b;padding:0 7px 12px}
.post-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-body .pill{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.searchbox{padding-right:7px}
.searchbox input{min-width:0;flex:1}
.searchbox button{border:0;background:transparent;display:grid;place-items:center;padding:2px;color:inherit}
.searchbox button svg{position:static}
.hero-dots button[aria-pressed="true"]{width:19px;height:8px;background:#fff}
.wp-pagination .page-numbers{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e8a37c55;border-radius:7px;background:#fff5;color:#7b4932;font-size:14px;transition:background .2s,translate .25s,box-shadow .25s}
.wp-pagination .page-numbers.current{background:linear-gradient(135deg,#ff8b4e,#ff511f);border-color:#ff8b55;color:#fff;box-shadow:0 3px 9px #ef63252c}
.wp-pagination a.page-numbers:hover{translate:0 -2px;background:#ffd3b8}
.wp-pagination .prev,.wp-pagination .next{font:24px/1 system-ui}
.wp-pagination .dots{width:20px;border:0;background:none}
.drawer-search{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #d8997040}
.drawer-search input{width:100%;min-width:0;padding:9px;border:1px solid #d8997060;background:#fff6;color:#744934;border-radius:6px;font:inherit;font-size:14px}
.drawer-search button{padding:8px;border:0;background:#ff9659;color:#fff;border-radius:6px}
.drawer-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.article-cover::before{background-image:var(--umaru-cover,url('assets/hero-banner-v4.png'))}
.article-meta>a{display:inline-flex;align-items:center;gap:6px;color:inherit}
.article-meta>a:hover{color:#f06435}
.article-content>h2:first-child{margin-top:0}
.article-content :is(h2,h3,h4,section){scroll-margin-top:calc(102px + var(--umaru-admin-offset))}
.article-content :is(img,video){max-width:100%;height:auto;border-radius:5px}
.article-content :is(figure,.wp-block-image){margin:20px 0;max-width:100%}
.article-content figcaption{font-size:12px;text-align:center;color:#9c7d65;margin-top:8px}
.article-content iframe{max-width:100%}
.article-content .wp-block-embed__wrapper{position:relative}
.article-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper{aspect-ratio:16/9}
.article-content .wp-embed-aspect-16-9 iframe{width:100%;height:100%;position:absolute;inset:0}
.article-content :is(table,.wp-block-table){max-width:100%;overflow:auto;font-size:13px}
.article-content table{border-collapse:collapse;width:100%}
.article-content th,.article-content td{border:1px solid #dca47e50;padding:8px 12px;text-align:left}
.article-content th{background:#ffcdaa40;color:#8c4b2c}
.article-content .alignleft{float:left;margin:5px 20px 15px 0}
.article-content .alignright{float:right;margin:5px 0 15px 20px}
.article-content .aligncenter{margin-left:auto;margin-right:auto}
.article-content .alignwide,.article-content .alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}
.article-content ol{padding-left:24px}
.article-content a{color:#c9532c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content :not(pre)>code{background:#facdb63b;border-radius:4px;padding:2px 5px;font:12px/1.6 ui-monospace,monospace;color:#a64125}
.article-content blockquote .quote-copy p{margin:0 0 7px}
.article-content blockquote .quote-copy p:last-of-type{margin-bottom:0}
.article-content blockquote cite{font-size:12px;display:block;margin-top:8px}
.toc-empty{font-size:12px;line-height:1.8;color:#967b69;padding:8px 9px}
.without-reading-rail{grid-template-columns:minmax(0,1fr)}
.content-pages{display:flex;align-items:center;gap:8px;font-size:12px;margin:24px 0}
.content-pages>*{padding:4px 10px;border-radius:4px;background:#ffcfa350}
.post-password-form label{display:block;margin:12px 0;font-size:13px}
.post-password-form input[type=password]{max-width:100%;padding:10px;border-radius:6px;border:1px solid #dc9d7560;background:#fff5;color:inherit}
.post-password-form input[type=submit]{border:0;padding:10px 16px;border-radius:6px;background:#ef6d37;color:#fff;font:inherit;font-size:13px}
.wp-comment-list,.wp-comment-list .children{list-style:none;margin:0;padding:0}
.wp-comment-list .children{padding-left:20px}
.wp-comment-list li{padding:0;margin:0}
.wp-comment-list .comment-body{position:relative;border-bottom:1px solid #dfb39335;padding:0 0 18px;margin:0 0 20px;font-size:13px;line-height:1.8;color:#775745}
.comment-author{display:flex;align-items:center;gap:9px;font-size:13px;color:#8c4b2c}
.comment-author .avatar{border-radius:50%;flex:0 0 38px;object-fit:cover}
.comment-author .says{font-size:11px;color:#a78c79}
.comment-metadata{margin:3px 0 7px 47px;font-size:10px;color:#a78c79}
.comment-content{margin-left:47px;overflow-wrap:anywhere}
.comment-content p{margin:0 0 8px}
.comment-body .reply{margin-left:47px;font-size:11px;color:#c36837}
.comment-awaiting-moderation{font-size:11px;color:#b7723e;margin-left:47px}
.comment-reply-title{font-size:16px;line-height:1.7;margin:26px 0 10px;color:#995934}
.comment-reply-title small{font-size:11px;margin-left:10px;font-weight:400}
.comment-notes,.logged-in-as,.comment-form-cookies-consent,.comments-closed{font-size:11px;color:#967c68;line-height:1.8}
.comment-form>p{margin:0 0 13px}
.comment-form input:not([type=checkbox]):not([type=submit]){max-width:100%;margin:0;width:100%}
.comment-form .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px}
.comment-form-cookies-consent input[type=checkbox]{width:14px;height:14px;flex:0 0 14px;margin:3px 0 0;accent-color:#f56b32}
.comment-form-cookies-consent label{margin:0;line-height:1.8;font-size:11px}
.comment-form input[type=submit]{width:auto;margin:0;color:#fff;background:linear-gradient(135deg,#ff9a54,#ef6025);border-color:#ed7c3d;cursor:pointer}
.comments-pagination .nav-links{display:flex;gap:12px;font-size:12px;color:#bd663d;padding-bottom:16px}
.umaru-widget{padding:16px;font-size:13px;line-height:1.9;color:#80624e;border-radius:6px}
.umaru-widget .widget-title{font-size:17px;color:#a84320;margin:0 0 12px}
.umaru-widget ul{list-style:none;padding:0;margin:0}
.umaru-widget li{border-bottom:1px solid #dda37825;padding:5px 0}
.umaru-widget input,.umaru-widget select{max-width:100%;background:#fff5;color:inherit;border:1px solid #dd9e7860;border-radius:5px;padding:7px}
.site-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 12px;font-size:11px;color:#916b53}
.site-footer nav ul{display:flex;gap:12px;padding:0;list-style:none}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;left:16px;top:50px;width:auto;height:auto;clip:auto;z-index:100000;background:#fff5e9;color:#a53c18;padding:12px;border-radius:5px}
body[data-theme="night"] :is(.archive-count,.archive-description,.umaru-widget,.toc-empty,.comment-notes,.logged-in-as,.comments-closed){color:#c5ac9b}
body[data-theme="night"] .wp-pagination .page-numbers{background:#ffe4c70a;border-color:#e3a27230;color:#e6c3ad}
body[data-theme="night"] .wp-pagination .current{background:linear-gradient(135deg,#ec985c,#c65a30);color:#fff6ed}
body[data-theme="night"] .wp-pagination a.page-numbers:hover{background:#f4a16c20}
body[data-theme="night"] .comment-body{color:#d0b8a5;border-color:#ecc59f20}
body[data-theme="night"] :is(.comment-author,.comment-reply-title,.widget-title){color:#e3b595}
body[data-theme="night"] :is(.comment-metadata,.comment-author .says,.comment-form-cookies-consent label){color:#b49882}
body[data-theme="night"] .article-content a{color:#f6b18d}
body[data-theme="night"] .article-content :not(pre)>code{background:#ecae7820;color:#f6b18d}
body[data-theme="night"] .article-content th{background:#ecae7820;color:#e3b595}
body[data-theme="night"] .article-content :is(td,th){border-color:#e3b59533}
body[data-theme="night"] :is(.drawer-search input,.umaru-widget input,.umaru-widget select,.post-password-form input[type=password]){background:#211a18;color:#e3c4ad}
@media(max-width:850px){:root{--umaru-sticky-top:10px}body.umaru-wp .topbar{margin-top:10px}.article-content :is(h2,h3,h4,section){scroll-margin-top:calc(90px + var(--umaru-admin-offset))}.posts-title h1{font-size:21px}}
@media(max-width:782px){body.admin-bar{--umaru-admin-offset:46px}}
@media(max-width:600px){body.admin-bar #wpadminbar{position:fixed}}
@media(max-width:540px){.wp-pagination .page-numbers{width:40px;height:40px}.posts-title h1{font-size:20px}.archive-count{font-size:10px}.site-footer{flex-direction:column}.wp-comment-list .children{padding-left:12px}.comment-content,.comment-metadata,.comment-body .reply{margin-left:0}.comment-metadata{margin-top:7px}.comment-author .says{display:none}}
/* Native menu trees work with mouse, keyboard focus and the mobile drawer. */
.desktop-nav>.menu-item{position:relative;list-style:none;display:flex;align-items:center}
.desktop-nav .menu-item>a{white-space:nowrap}
.desktop-nav .sub-menu{position:absolute;left:-12px;top:100%;display:none;list-style:none;padding:8px;min-width:155px;border-radius:7px;background:rgba(255,240,228,.97);box-shadow:0 8px 25px #a9563930;border:1px solid #ffe5c0;backdrop-filter:blur(18px)}
.desktop-nav .menu-item:hover>.sub-menu,.desktop-nav .menu-item:focus-within>.sub-menu{display:block;animation:panel-arrive .2s var(--motion-ease) both}
.desktop-nav .sub-menu .menu-item{position:relative;list-style:none}
.desktop-nav .sub-menu a{display:flex;font-size:13px;line-height:1.6;padding:8px;border-radius:5px;height:auto;gap:8px}
.desktop-nav .sub-menu a:hover{background:#ffb98b33}
.desktop-nav .sub-menu .sub-menu{left:100%;top:0}
.desktop-nav .current-menu-item>a{color:#ff4b18}
.side-nav>.menu-item,.mobile-drawer .menu-item{list-style:none}
.side-nav .sub-menu{list-style:none;padding-left:17px;margin:4px 0}
.side-nav .sub-menu a{font-size:12px;height:31px}
.mobile-drawer .sub-menu{padding-left:14px}
.desktop-nav .current-menu-item>a::after{background:#ff6427}
body[data-theme="night"] .desktop-nav .sub-menu{background:rgba(39,29,24,.98);border-color:#ecc59f26}
body[data-theme="night"] .desktop-nav .current-menu-item>a{color:#ffad80}
.desktop-nav>.menu-list{display:flex;align-items:center;gap:inherit;padding:0;margin:0;list-style:none}
.desktop-nav>.menu-list>.menu-item{position:relative;list-style:none;display:flex;align-items:center}
.desktop-nav .menu-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.side-nav>.menu-list,.mobile-drawer .menu-list{list-style:none;padding:0;margin:0}
body.umaru-wp .toc-body{padding-bottom:72px}
.hero-copy h2{max-width:450px;text-wrap:balance}
/* Every native menu item contains a first-child link, not just the home item. */
body.umaru-wp .desktop-nav .menu-item a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
body.umaru-wp .desktop-nav .menu-item-home>a svg{width:20px;height:20px;fill:currentColor;stroke:none}
.keep-word{white-space:nowrap}
.post-card .post-body{display:flex;flex-direction:column;min-height:0}
.post-card .post-body>.pill{align-self:flex-start;flex-shrink:0}
.post-card .post-body h3{flex-shrink:0}
.post-card .post-body p{flex:1;min-height:0}
.post-card .post-body .meta{flex-shrink:0;margin-top:8px}
@media(max-width:850px){
 .mobile-drawer{top:calc(79px + var(--umaru-admin-offset));max-height:calc(100dvh - 94px - var(--umaru-admin-offset));overflow-y:auto}
 .mobile-drawer .drawer-parent{position:relative}
 .mobile-drawer .drawer-parent>a{padding-right:42px}
 .drawer-expand{position:absolute;right:3px;top:6px;display:grid;place-items:center;width:34px;height:34px;background:#ff965914;border:1px solid #d8997020;border-radius:5px;color:inherit}
 .drawer-expand svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;transition:rotate .25s var(--motion-ease)}
 .drawer-expand[aria-expanded=true] svg{rotate:90deg}
 .mobile-drawer .sub-menu[hidden]{display:none}
 .top-actions #themeToggle{display:grid;width:44px;height:44px}
}
/* Account for the toolbar exactly once; the reader already owns anchor offsets. */
html.umaru-document{scroll-padding-top:0!important}
.umaru-wp :is(#comments,.comment-respond,.wp-comment-list [id],#posts){scroll-margin-top:calc(102px + var(--umaru-admin-offset))}
@media(max-width:850px){.umaru-wp :is(#comments,.comment-respond,.wp-comment-list [id],#posts){scroll-margin-top:calc(90px + var(--umaru-admin-offset))}}