/* Live text and links over drawn SVG strokes: never a flattened image map. */
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap');

.wt-mindmap { background:#f8f4e9; color:#334632; padding:42px 0 26px; overflow:hidden; }
.wt-map-intro { text-align:center; max-width:720px; margin:0 auto; }
.wt-map-eyebrow { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.22em; font-weight:800; margin-bottom:12px; }
.wt-map-intro h1, .wt-map-intro h2 { font-size:clamp(2rem,3.5vw,3.3rem); margin:0 0 12px; }
.wt-map-intro p { font-size:17px; line-height:1.6; max-width:600px; margin:0 auto; }
.wt-map-canvas { position:relative; width:100%; max-width:1120px; height:680px; margin:0 auto; }
.wt-map-connections { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#52604a; stroke-width:2.1; stroke-linecap:round; }
.wt-map-connections .wt-map-crosslink { stroke:#748064; stroke-width:1.6; }
.wt-pencil-echo { opacity:.4; stroke-width:1; fill:none !important; }
.wt-map-nodes { list-style:none; padding:0; margin:0; }
.wt-map-slot { position:absolute; left:var(--node-x); top:var(--node-y); width:24%; transform:translate(-50%,-50%); margin:0; }
.wt-map-bubble { isolation:isolate; position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; color:#30422f; }
.wt-bubble-outline { position:absolute; inset:0; width:100%; height:100%; z-index:-2; overflow:visible; fill:#f8f4e9; stroke:#52604a; stroke-width:1.8; }
.wt-map-node { min-height:170px; padding:25px 26px; text-decoration:none; transition:transform .2s ease; }
.wt-map-node::before { content:''; position:absolute; z-index:-1; width:68%; height:67%; border-radius:43% 57% 61% 39% / 52% 41% 59% 48%; background:var(--node-accent); opacity:.18; transform:rotate(-9deg); }
.wt-map-node h3 { font-family:'Kalam','Segoe Print','Comic Sans MS',cursive; font-weight:700; font-size:clamp(20px,2.3vw,28px); line-height:1.13; margin:5px 0 5px; color:inherit; overflow-wrap:anywhere; }
.wt-node-description { font-size:12px; line-height:1.4; max-width:185px; overflow-wrap:anywhere; }
.wt-map-doodle { width:35px; height:35px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transform:rotate(-7deg); }
.wt-node-arrow { position:absolute; right:24px; bottom:25px; font-size:19px; }
.wt-map-node[href]:hover { color:#253924; transform:rotate(-2deg) scale(1.035); text-decoration:none; }
.wt-map-node[href]:hover h3 { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.wt-map-node[href]:focus-visible { outline:3px solid #30422f; outline-offset:4px; border-radius:40%; }
.wt-map-centre { position:absolute; width:29%; min-height:207px; padding:30px; left:46%; top:48%; transform:translate(-50%,-50%) rotate(-3deg); }
/* Logo-inspired green, deepened to keep the small white tagline readable. */
.wt-map-centre { color:#fff; }
.wt-map-centre .wt-bubble-outline { fill:#3f7d51; stroke:#326541; stroke-width:2.1; }
.wt-map-centre strong { font-family:'Kalam','Segoe Print',cursive; font-size:clamp(25px,3.1vw,37px); line-height:1.1; max-width:230px; overflow-wrap:anywhere; }
.wt-map-centre > span:last-child { font-size:12px; margin-top:11px; max-width:210px; overflow-wrap:anywhere; }
.wt-centre-sprig { font-size:28px; line-height:1; margin-bottom:10px; }
.wt-map-slot-0 { rotate:-3deg; }
.wt-map-slot-2, .wt-map-slot-5 { rotate:2deg; }
.wt-map-slot-4, .wt-map-slot-6 { rotate:-2deg; }
.wt-map-footnote { text-align:center; margin:0; font-family:'Kalam','Segoe Print',cursive; font-size:21px; }
.wt-map-footnote span { color:#626b53; }
.wt-homepage .journal-section { padding-top:60px; }
.wt-homepage .journal-header h2 { font-size:clamp(1.8rem,3vw,2.4rem); }

@media (max-width:800px) {
    .wt-mindmap { padding-top:30px; }
    .wt-map-intro p { font-size:15px; }
    .wt-map-canvas { height:auto; margin-top:24px; max-width:580px; }
    .wt-map-connections { display:none; }
    .wt-map-centre { position:relative; left:auto; top:auto; transform:rotate(-2deg); width:min(300px,90%); min-height:180px; margin:0 auto 30px; }
    .wt-map-centre strong { font-size:31px; }
    .wt-map-nodes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 8px; position:relative; }
    .wt-map-nodes::before { content:''; position:absolute; left:50%; top:-30px; bottom:90px; border-left:2px solid #77826b; transform:rotate(.4deg); }
    .wt-map-slot { position:relative; left:auto; top:auto; width:auto; transform:none; rotate:none; }
    .wt-map-slot::before { content:''; position:absolute; left:50%; top:50%; width:52%; border-top:2px solid #77826b; }
    .wt-map-slot:nth-child(even)::before { left:-2%; }
    .wt-map-node { min-height:175px; padding:24px 18px; height:100%; }
    .wt-map-node h3 { font-size:23px; }
    .wt-node-description { font-size:12px; }
    .wt-map-footnote { margin-top:30px; font-size:18px; }
    .wt-node-arrow { right:17px; bottom:23px; }
}
@media (max-width:480px) {
    .wt-map-node h3 { font-size:20px; }
    .wt-map-node { padding:24px 13px; }
    .wt-node-description { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) { .wt-map-node { transition:none; } }
@media (max-width:380px) { .wt-map-node h3 { font-size:18px; } }