/* Quiet conversation with the plover. */
.catalog-heading{position:relative;padding-bottom:67px;align-items:flex-start;min-height:142px}.catalog-heading>img{position:absolute;right:0;top:9px;width:79px;height:83px}.catalog-heading>div{padding-right:68px}.catalog-heading h1{font-size:30px}.catalog-heading .tap-note{position:absolute;right:82px;top:67px;margin:0;padding:8px 15px;font-size:12px;line-height:1.6;border-radius:18px;box-shadow:0 3px 9px #4a3b3210}.tap-note:after{content:'';position:absolute;right:-5px;top:12px;width:11px;height:11px;background:white;transform:rotate(-35deg) skew(15deg);border-radius:0 0 3px 0}
/* An oval bubble above the inward-facing bird, at the edge of the memo. */
.detail .bird-note{position:relative;display:block;height:86px;width:100%;margin:9px 0 0;z-index:2;pointer-events:none}.detail .bird-portrait{position:absolute;right:-2px;bottom:-60px;width:87px;height:87px;transform:scaleX(-1)}.detail .bird-note p{position:absolute;right:24px;top:0;min-width:128px;padding:10px 14px;border-radius:50%;background:#fffdf8;border:1.5px solid #cdb89a;box-shadow:none;font-size:12px;line-height:1.65}.detail .bird-note p:before{right:24px;left:auto;bottom:-5px;width:9px;height:9px;transform:rotate(45deg);background:#fffdf8;border-right:1.5px solid #cdb89a;border-bottom:1.5px solid #cdb89a}.hint-note{position:relative;margin-top:4px;padding:29px 17px 20px;min-height:238px}.hint-note h2{margin:-47px 0 20px}.hint-note .tips{position:relative;z-index:1;padding-right:82px}.hint-note .tips li{margin-bottom:13px}.hint-illustrations{position:absolute;right:3px;bottom:10px;width:116px;height:90px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 83%,#e8d7b677,transparent 67%)}.hint-illustrations img{width:91px;height:91px;object-fit:contain;transform-origin:50% 90%}.hint-illustrations img+img{width:63px;height:72px;margin-left:-33px}.hint-illustrations:has(img+img){width:127px}.hint-note .tips li:last-child{margin-bottom:0}
/* A short illustrated reading, keeping the original column content. */
.column-detail{padding-left:18px;padding-right:18px}.column-detail .top{justify-content:flex-start;gap:12px;margin-bottom:0}.column-detail .top .eyebrow{display:none}.column-detail .top>span:last-child{display:none}.column-detail .illustrated-column{background:none;border:0;box-shadow:none;padding:0;margin-top:-42px}.illustrated-column>.tag{margin:0 0 24px 58px;background:#f7edc7;color:#89733c;font-size:13px}.column-detail .illustrated-column h1{font-size:29px;line-height:1.6;margin:12px 6px 24px;text-wrap:pretty;letter-spacing:.025em;text-decoration:underline;text-decoration-color:#f6d7cf;text-decoration-thickness:9px;text-underline-offset:-5px;text-decoration-skip-ink:none}.column-sea{height:100px;margin:0 -18px 23px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.column-sea img{width:100%;height:100%;object-fit:cover;object-position:50% 31%}.column-detail .column-body{padding:0 9px}.column-detail .column-body p{font-size:16px;line-height:1.95;white-space:normal;margin:0 0 8px}.paragraph-space{height:17px}.column-quote{display:flex;align-items:center;gap:3px;margin:15px -7px 20px}.column-quote blockquote{background:#e7e0f1;border-radius:50%;padding:22px 17px;flex:1;margin:0;font-family:'Yusei Magic',sans-serif;font-size:20px;line-height:1.6;color:#665480;text-align:center}.column-quote img{width:92px;height:110px;object-fit:contain}.column-body>p:last-child{text-decoration:underline wavy #e58a84;text-underline-offset:6px;text-decoration-thickness:1px}.column-coffee{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f2e7cf;border-radius:24px;padding:10px 17px;margin-top:26px;font-size:13px;color:#86725d}.column-coffee img{width:65px;height:65px;object-fit:contain}.source-link{display:block;text-align:center;font-size:12px;margin-top:22px}
/* Fade once on arrival. Only watercolor illustrations sway, never controls or text. */
@keyframes watercolor-arrive{from{opacity:0}to{opacity:1}}
@keyframes watercolor-sway{0%,100%{rotate:-1deg}50%{rotate:1deg}}
@keyframes plover-breathe{0%,100%{translate:0 0}50%{translate:0 -3px}}
main{animation:watercolor-arrive .55s ease-out both}.detail-art .plant-art img,.hint-illustrations img{animation:watercolor-sway 6s ease-in-out infinite;transform-origin:50% 90%}.bird-portrait,.catalog-heading>img{animation:plover-breathe 5s ease-in-out infinite}.column-quote img{animation:watercolor-sway 7s ease-in-out infinite;transform-origin:50% 90%}
@media(max-width:360px){.catalog-heading h1{font-size:26px}.catalog-heading>img{width:63px;height:70px}.catalog-heading .tap-note{right:64px;font-size:11px}.hint-note .tips{padding-right:58px}.hint-note .tips li{font-size:14px;gap:6px}.hint-illustrations{width:88px;height:72px;bottom:8px;right:0}.hint-illustrations img{width:72px;height:72px}.hint-illustrations:has(img+img){width:97px}.hint-illustrations img+img{width:49px;height:60px;margin-left:-25px}.column-detail .illustrated-column h1{font-size:25px}.column-quote blockquote{font-size:17px;padding:18px 12px}.column-quote img{width:76px}.column-coffee{font-size:12px}}
@media(prefers-reduced-motion:reduce){main,.detail-art .plant-art img,.hint-illustrations img,.bird-portrait,.catalog-heading>img,.column-quote img{animation:none!important;rotate:none;translate:none}}
/* Unified white speech bubbles, matching the supplied plover UI. */
.bird-note p,.detail .bird-note p,.cafe-home .bird-note p,.catalog-heading .tap-note{background:#fff;border:0;border-radius:23px;padding:12px 16px;box-shadow:0 4px 13px #4a3b3208;line-height:1.7}
.bird-note p:before,.detail .bird-note p:before,.cafe-home .bird-note p:before{background:#fff;border:0;width:13px;height:13px;transform:rotate(45deg);border-radius:0;top:50%;bottom:auto;margin-top:-7px;left:-6px;right:auto}
.cafe-home .bird-note p:before{left:auto;right:-6px}
.catalog-heading>img{top:60px}
.catalog-heading .tap-note{top:67px;right:88px;text-align:left}
.catalog-heading .tap-note:after{right:-6px;top:50%;margin-top:-7px;width:13px;height:13px;transform:rotate(45deg);border-radius:0}
.detail .bird-note{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:auto;min-height:86px;margin:14px 0 16px;gap:12px}
.detail .bird-portrait{position:static;width:78px;height:82px;flex:0 0 78px;transform:none}
.detail .bird-note p{position:relative;top:auto;right:auto;min-width:0;text-align:left;font-size:13px;padding:12px 18px}
@media(max-width:360px){.catalog-heading>img{top:62px}.catalog-heading .tap-note{right:70px;padding:10px 13px}.detail .bird-note{gap:9px}.detail .bird-portrait{width:70px;height:76px;flex-basis:70px}}
/* Detail hint guide: retain the reference's bird on the upper-right card edge. */
.detail .bird-note{position:relative;display:block;width:100%;height:86px;min-height:86px;margin:9px 0 0;z-index:2}
.detail .bird-portrait{position:absolute;right:-2px;bottom:-60px;width:87px;height:87px;transform:scaleX(-1)}
.detail .bird-note p{position:absolute;right:24px;top:0;min-width:128px;padding:10px 14px;border-radius:50%;background:#fffdf8;border:1.5px solid #cdb89a;box-shadow:none;font-size:12px;line-height:1.65;text-align:center}
.detail .bird-note p:before{left:auto;right:24px;top:auto;bottom:-5px;margin-top:0;width:9px;height:9px;transform:rotate(45deg);background:#fffdf8;border-right:1.5px solid #cdb89a;border-bottom:1.5px solid #cdb89a}

/* Keep reference links comfortably tappable. */
.detail a[target="_blank"],.column-detail .source-link{display:inline-flex;align-items:center;min-height:44px}

.column-sea.public-column-scene{height:auto;margin:0 0 23px;mask-image:none}.public-column-scene img{height:240px;object-fit:contain}.column-sources{font-size:12px;line-height:1.8;color:#786d60;margin:24px 8px}.column-sources .source-link{margin-top:10px;overflow-wrap:anywhere}