/* Isolate editorial cards from the generic tool-page theme. */
/* A stretched grid item has no sticky travel space: size the rail to its content. */
@media(min-width:1024px){body.wfh-tips main aside[class*="lg:sticky"]{position:sticky;top:24px;align-self:start;max-height:calc(100dvh - 48px);overflow-y:auto;padding:0 8px 10px 0;scrollbar-width:thin}}
body.wfh-tips main aside[class*="lg:sticky"]>a{position:relative;isolation:isolate;overflow:hidden}
body.wfh-tips main aside[class*="lg:sticky"]>a::after{content:"";position:absolute;right:8px;bottom:-12px;width:86px;height:108px;background:url('/assets/logo-mark.png') center/contain no-repeat;filter:invert(1);mix-blend-mode:screen;opacity:.2;transform:rotate(12deg);pointer-events:none;z-index:-1}
body.wfh-tips .noise,
body.wfh-tips::before,
body.wfh-tips > main::before{pointer-events:none!important}
body.wfh-tips .tool-cta,
body.wfh-tips .prose > aside{background:#191d1c!important;color:#fffdf7!important}
body.wfh-tips .tool-cta h2,
body.wfh-tips .prose > aside h2{color:#fffdf7!important;border:0;margin:12px 0;padding:0;line-height:1.5}
body.wfh-tips .tool-cta h2::before,
body.wfh-tips .prose > aside h2::before{content:none!important}
body.wfh-tips .tool-cta p,
body.wfh-tips .prose > aside p{color:#e7dfd0!important}
body.wfh-tips .tool-cta p:first-child,
body.wfh-tips .prose > aside p:first-child{color:#f3bf50!important}
body.wfh-tips .tool-cta a,
body.wfh-tips .prose > aside a{position:relative;background:#fffdf7!important;color:#191d1c!important;min-height:44px;text-decoration:none}
/* An article's share footer is not the site's inkboard footer. */
body.wfh-tips article footer{background:transparent!important;color:#191d1c!important;border-top:1px solid #d8cdbb!important}
body.wfh-tips article footer::before{display:none!important;content:none!important}
body.wfh-tips article footer h2{color:#191d1c!important}
body.wfh-tips article footer .text-zinc-500,
body.wfh-tips article footer .text-zinc-600{color:#665f55!important}
body.wfh-tips .share-btn{position:relative;cursor:pointer;min-height:44px;border:1px solid #d8cdbb!important;background:#fffdf7!important;color:#191d1c!important}
body.wfh-tips .share-btn:hover{background:#dff4ee!important;border-color:#207e7b!important}
body.wfh-tips a:focus-visible,
body.wfh-tips button:focus-visible{outline:3px solid #35a7a3;outline-offset:4px}
body.wfh-tips #toast{background:#191d1c!important;color:#fffdf7!important;pointer-events:none}
body.wfh-tips #toast p{color:#fffdf7!important}
/* Shared static manga promotion, separate from article-card/filter selectors. */
body.wfh-tips .tips-manga-banner{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:230px;margin:32px 0;border:1px solid #b9ad99;border-radius:20px;background:#fffdf7;color:#191d1c;text-decoration:none;box-shadow:5px 6px 0 #35a7a330}
body.wfh-tips .tips-manga-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
body.wfh-tips .tips-manga-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 28px;max-width:62%;background:linear-gradient(90deg,#fffdf7f5,#fffdf7c9 78%,transparent)}
body.wfh-tips .tips-manga-label{font-size:11px;font-weight:800;line-height:1.4;background:#e4a62d;border-radius:20px;padding:5px 10px}
body.wfh-tips .tips-manga-copy strong{font-size:28px;line-height:1.35;font-weight:900;letter-spacing:-.03em}
body.wfh-tips .tips-manga-description{font-size:12px;line-height:1.6;color:#554f47}
body.wfh-tips .tips-manga-action{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:8px 18px;border-radius:24px;background:#c94d46;color:#fff;font-size:13px;font-weight:800}
body.wfh-tips .tips-manga-banner:hover{border-color:#207e7b;box-shadow:5px 6px 0 #35a7a360}
@media(min-width:1024px){body.wfh-tips main>.tips-manga-banner{min-height:240px}body.wfh-tips main>.tips-manga-banner>img{object-position:center 60%}}
@media(max-width:640px){body.wfh-tips .tips-manga-banner{min-height:250px;border-radius:15px;margin:26px 0}body.wfh-tips .tips-manga-banner>img{object-fit:contain;object-position:center bottom}body.wfh-tips .tips-manga-copy{padding:18px 16px;max-width:100%;min-height:250px;background:none;gap:9px}body.wfh-tips .tips-manga-copy strong{font-size:23px}body.wfh-tips .tips-manga-description{font-size:11px;max-width:155px}body.wfh-tips .tips-manga-action{margin-top:auto;font-size:12px;padding:8px 13px}}