/* Header artwork 16 October 2026: coordinates inside the white frame.
   Applies to the original desktop stage and the scaled mobile stage. */
.hw-stage .hw-welcome {
    left: 26.62632375%;
    top: 41.93154034%;
    width: 18.15431165%;
    height: 25.42787286%;
}

/* Decorative CSS-only layers: no scripts, no extra image downloads. */
.hw-header-effects {
 position:absolute;inset:0;overflow:hidden;pointer-events:none;
 --spark-0:#fff94a;--spark-1:#ff68c4;--spark-2:#a4f7ff;
}
.hw-title-aura,.hw-title-gloss {
 position:absolute;left:28%;top:2%;width:26%;height:32%;
 pointer-events:none;mix-blend-mode:screen;
}
.hw-title-aura {
 background:radial-gradient(ellipse at 57% 28%,rgba(255,244,30,.48),transparent 48%),radial-gradient(ellipse at 49% 65%,rgba(255,30,162,.48),transparent 64%);
 border-radius:45%;opacity:.38;animation:hw-title-neon 5s ease-in-out infinite;
}
.hw-title-gloss {
 background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.08) 40%,rgba(255,255,255,.55) 49%,rgba(125,245,255,.23) 54%,transparent 67%);
 background-size:300% 100%;
 clip-path:polygon(27% 15%,77% 2%,80% 29%,94% 24%,97% 58%,10% 93%,8% 50%,28% 40%);
 animation:hw-title-polish 8s ease-in-out infinite;
}
.hw-header-spark {
 position:absolute;left:var(--sx);top:var(--sy);width:1.25%;aspect-ratio:1;
 background:var(--spark-color);opacity:0;
 clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);
 animation:hw-comic-spark var(--duration) ease-in-out var(--delay) infinite;
}
.hw-header-spark:nth-child(3n){width:.7%;background:white}
.hw-stage .hw-welcome{z-index:1}
@keyframes hw-title-neon{0%,100%{opacity:.25;transform:scale(.98)}50%{opacity:.75;transform:scale(1.025)}}
@keyframes hw-title-polish{0%,20%{background-position:150% 0;opacity:0}30%{opacity:.65}57%{background-position:-50% 0;opacity:.65}65%,100%{background-position:-50% 0;opacity:0}}
@keyframes hw-comic-spark{0%,100%{opacity:0;transform:translateY(5px) scale(.3) rotate(-12deg)}45%{opacity:.8;transform:translateY(-4px) scale(1) rotate(12deg)}70%{opacity:.15;transform:translateY(-7px) scale(.55) rotate(24deg)}}
@media(max-width:760px){
 .hw-header-spark{width:1.7%}
 .hw-header-spark:nth-child(n+12){display:none}
}
@media(prefers-reduced-motion:reduce){
 .hw-title-aura,.hw-title-gloss,.hw-header-spark{animation:none}
 .hw-title-aura{opacity:.3;transform:none}
 .hw-title-gloss{display:none}
 .hw-header-spark{opacity:.35;transform:none}
}

/* Custom single-stroke lettering; no webfont download. */
.hw-cursor-stars{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2147483646;contain:strict}
.hw-cursor-star{position:absolute;left:0;top:0;width:var(--size);height:var(--size);background:var(--color);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);opacity:0;animation:hw-cursor-fade 700ms ease-out forwards}
@keyframes hw-cursor-fade{0%{opacity:.9;transform:translate(-50%,-50%) rotate(0) scale(.9)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + 24px)) rotate(100deg) scale(.15)}}

/* Contours sampled from the actual printed title; no substitute font. */
.hw-title-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;filter:drop-shadow(0 0 2px #ff1493);animation:hw-trace-cycle 13s linear infinite}
.hw-trace-letter{fill:none;stroke:#fffce8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation-duration:13s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes hw-trace-cycle{0%,2%{opacity:0}5%,70%{opacity:.95}82%,100%{opacity:0}}
.hw-trace-0{animation-name:hw-contour-0}
@keyframes hw-contour-0{0%,4.0%{stroke-dashoffset:100}7.3%,100%{stroke-dashoffset:0}}
.hw-trace-1{animation-name:hw-contour-1}
@keyframes hw-contour-1{0%,7.5%{stroke-dashoffset:100}10.8%,100%{stroke-dashoffset:0}}
.hw-trace-2{animation-name:hw-contour-2}
@keyframes hw-contour-2{0%,11.0%{stroke-dashoffset:100}14.3%,100%{stroke-dashoffset:0}}
.hw-trace-3{animation-name:hw-contour-3}
@keyframes hw-contour-3{0%,14.5%{stroke-dashoffset:100}17.8%,100%{stroke-dashoffset:0}}
.hw-trace-4{animation-name:hw-contour-4}
@keyframes hw-contour-4{0%,18.0%{stroke-dashoffset:100}21.3%,100%{stroke-dashoffset:0}}
.hw-trace-5{animation-name:hw-contour-5}
@keyframes hw-contour-5{0%,21.5%{stroke-dashoffset:100}24.8%,100%{stroke-dashoffset:0}}
.hw-trace-6{animation-name:hw-contour-6}
@keyframes hw-contour-6{0%,25.0%{stroke-dashoffset:100}28.3%,100%{stroke-dashoffset:0}}
.hw-trace-7{animation-name:hw-contour-7}
@keyframes hw-contour-7{0%,28.5%{stroke-dashoffset:100}31.8%,100%{stroke-dashoffset:0}}
.hw-trace-8{animation-name:hw-contour-8}
@keyframes hw-contour-8{0%,32.0%{stroke-dashoffset:100}35.3%,100%{stroke-dashoffset:0}}
.hw-trace-9{animation-name:hw-contour-9}
@keyframes hw-contour-9{0%,35.5%{stroke-dashoffset:100}38.8%,100%{stroke-dashoffset:0}}
.hw-trace-10{animation-name:hw-contour-10}
@keyframes hw-contour-10{0%,39.0%{stroke-dashoffset:100}42.3%,100%{stroke-dashoffset:0}}
.hw-trace-11{animation-name:hw-contour-11}
@keyframes hw-contour-11{0%,42.5%{stroke-dashoffset:100}45.8%,100%{stroke-dashoffset:0}}
.hw-trace-12{animation-name:hw-contour-12}
@keyframes hw-contour-12{0%,46.0%{stroke-dashoffset:100}49.3%,100%{stroke-dashoffset:0}}
.hw-trace-13{animation-name:hw-contour-13}
@keyframes hw-contour-13{0%,49.5%{stroke-dashoffset:100}52.8%,100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.hw-title-trace{animation:none;opacity:.45}.hw-trace-letter{animation:none;stroke-dashoffset:0}.hw-cursor-stars{display:none}}

/* Housewife: centered comic pagination, 19 October 2026. */
.tmn-content .pagination {
 clear:both;display:block;margin:36px 0 28px;padding:0 14px 10px;
}
.tmn-content .pagination .nav-links {
 display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
 gap:12px 14px;margin:0;padding:0;isolation:isolate;
}
.tmn-content .pagination .page-numbers {
 position:relative;display:inline-flex;align-items:center;justify-content:center;
 box-sizing:border-box;min-width:46px;min-height:46px;margin:0;padding:9px 14px;
 border:2px solid #17131b;border-radius:5px;
 background:linear-gradient(120deg,#b4f5ff,#f9e8ff,#ff9bd2);background-size:220% 100%;
 color:#21152c;font:900 17px/1.2 'Trebuchet MS',Arial,sans-serif;
 text-decoration:none;text-shadow:1px 1px 0 #fff;
 box-shadow:3px 3px 0 #17131b,6px 6px 0 #ff52ad;
 transition:transform .2s ease,background-position .3s ease,box-shadow .2s ease;
}
.tmn-content .pagination a.page-numbers:hover,
.tmn-content .pagination a.page-numbers:focus-visible {
 background-position:100% 50%;color:#21152c;
 transform:translateY(-4px) rotate(-3deg);
 box-shadow:3px 6px 0 #17131b,6px 9px 0 #91efff;
}
.tmn-content .pagination a.page-numbers:focus-visible {outline:3px solid #075e74;outline-offset:8px}
.tmn-content .pagination a.page-numbers:active {transform:translate(2px,2px);box-shadow:1px 1px 0 #17131b,3px 3px 0 #ff52ad}
.tmn-content .pagination .page-numbers.current {
 background:radial-gradient(#ffffff80 1px,transparent 1.5px) 0 0/6px 6px,linear-gradient(130deg,#ff5bb0,#ffb0d9);
 color:#21152c;transform:rotate(-4deg);
 box-shadow:3px 3px 0 #17131b,6px 6px 0 #91efff;
}
.tmn-content .pagination .page-numbers.current::after {
 content:'✦';position:absolute;right:-8px;top:-13px;
 color:#fff326;font:900 22px/1 Arial,sans-serif;text-shadow:1px 1px 0 #17131b,-1px -1px 0 #17131b;
 pointer-events:none;
}
.tmn-content .pagination .page-numbers.dots {
 min-width:22px;min-height:40px;padding:0 2px;border:0;background:none;box-shadow:none;
 color:#8c2b63;transform:none;
}
.tmn-content .pagination .page-numbers.prev,
.tmn-content .pagination .page-numbers.next {
 gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;
 background-image:linear-gradient(120deg,#fff475,#fff6c0,#a4efff);
}
.tmn-content .pagination .page-numbers.prev::before {content:'←';font:900 23px/1 Arial,sans-serif}
.tmn-content .pagination .page-numbers.next::after {content:'→';font:900 23px/1 Arial,sans-serif}
@media(max-width:760px){
 .tmn-content .pagination{margin-top:28px;margin-bottom:22px;padding-inline:12px}
 .tmn-content .pagination .nav-links{gap:12px 10px}
 .tmn-content .pagination .page-numbers{min-width:44px;min-height:44px;padding:8px 11px;font-size:16px}
 .tmn-content .pagination .page-numbers.prev,.tmn-content .pagination .page-numbers.next{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .tmn-content .pagination .page-numbers{transition:none}
 .tmn-content .pagination a.page-numbers:hover,.tmn-content .pagination a.page-numbers:focus-visible{transform:none}
}