/* Owner-selected A: a readable pop diary, exclusively the heart column. */
.heart-column{--diary-pink:#ec008c;--diary-ink:#24112f;max-width:900px;color:var(--diary-ink)}
.heart-column .rubric-mast{border:0;padding:0 0 12px;margin:0 auto 24px;max-width:780px}
.heart-column .rubric-mast .rubric-stamp{display:none}
.magazine-paper-page .site-page .heart-column h1.site-page-title{display:table;max-width:100%;background:url('/assets/approved-home/paint-pink.svg') center/100% 100% no-repeat;color:white;padding:18px 30px 24px;margin:0 0 18px;font-size:clamp(40px,6.5vw,72px);line-height:.98;transform:rotate(-1.3deg);text-wrap:balance}
.magazine-paper-page .site-page .heart-column h1.site-page-title:after{display:none}
.magazine-paper-page .site-page .heart-column h1.site-page-title:before{right:-7px;top:-8px;width:26px;height:29px;background-image:url('/assets/approved-home/heart-reference.svg');transform:rotate(12deg)}
.heart-column .rubric-mast>p{font:17px/1.6 system-ui,sans-serif;max-width:64ch;margin:0;padding:0 4px}
.heart-column .heart-case{max-width:780px;margin:0 auto}
.heart-column .heart-notebook{position:relative;background:linear-gradient(90deg,transparent 35px,#ec008c55 35px,#ec008c55 36px,transparent 36px),repeating-linear-gradient(0deg,#fff9ed 0px,#fff9ed 31px,#99cad54d 31px,#99cad54d 32px);padding:30px 34px 26px 58px;box-shadow:0 3px 10px #24112f14;margin:18px 4px 36px 0;border:1px solid #eee5d6}
.heart-column .heart-notebook:before{content:'';position:absolute;left:9px;top:36px;bottom:25px;width:10px;background:radial-gradient(circle at 5px 5px,#fff 0 4px,#d9d0c4 4px 5px,transparent 5px) 0 0/10px 32px repeat-y;pointer-events:none}
.heart-column .heart-notebook:after{content:'';position:absolute;top:-11px;left:42%;width:82px;height:25px;background:#ffe53ba6;transform:rotate(-5deg);pointer-events:none}
.heart-column .heart-notebook>header h2{font:italic 900 clamp(29px,4.6vw,44px)/1.07 'Barlow Condensed',sans-serif;max-width:none;margin:0 0 24px;padding:0 0 12px;text-wrap:balance;background:url('/assets/approved-home/paint-pink.svg') left bottom/145px 5px no-repeat}
.heart-column .heart-letter{padding:0;margin:0;background:none;border:0;box-shadow:none}
.heart-column .letter-sign{display:none}
.heart-column .heart-letter p{font:17px/32px system-ui,sans-serif;margin:0 0 32px}
.heart-column .heart-letter p:last-child{margin-bottom:0;font-weight:650}
.heart-column .heart-answer{max-width:72ch;padding:0 8px;margin:0 auto}
.heart-column .heart-answer-label{display:table;background:url('/assets/approved-home/paint-cyan.svg') center/100% 100% no-repeat;font:italic 900 clamp(26px,4vw,36px)/1.1 'Barlow Condensed',sans-serif;padding:10px 18px 14px;margin:0 0 16px;transform:rotate(-1deg)}
.heart-column .heart-answer h3{font:italic 900 clamp(26px,3.5vw,34px)/1.12 'Barlow Condensed',sans-serif;color:var(--diary-ink);margin:0 0 18px;text-wrap:balance}
.heart-column .heart-answer p,.heart-column .heart-invite p{font:17px/1.7 system-ui,sans-serif;margin-bottom:18px}
.heart-column .heart-answer aside{background:url('/assets/approved-home/game-paper.svg') center/100% 100% no-repeat;padding:24px 26px;margin:24px 0;border:0}
.heart-column .heart-answer aside strong{color:var(--diary-pink)}
.heart-column .heart-answer aside p{margin:10px 0 0}
.heart-column .heart-invite{max-width:780px;background:none;border:0;padding:24px 8px;margin:24px auto}
.heart-column .heart-invite h2{font:italic 900 clamp(29px,4vw,40px)/1.1 'Barlow Condensed',sans-serif;color:var(--diary-pink);margin:0 0 16px}
.heart-column .heart-address{font-size:18px;margin:12px 0;overflow-wrap:anywhere}
.heart-column .heart-invite .story-link{display:table;background:var(--diary-pink);color:#fff;padding:13px 22px;border:0;text-decoration:none;box-shadow:3px 3px 0 #a9edf1;font:800 17px/1.25 system-ui,sans-serif;margin:16px 0 22px;transform:rotate(-1deg)}
.heart-column a:focus-visible{outline:3px solid #00b1ca;outline-offset:5px}
.heart-column .heart-invite small{font-size:13px}
.heart-column>.rubric-stories{margin-top:6px;border-top:0}
@media(max-width:600px){.heart-column .rubric-mast{margin-bottom:20px}.magazine-paper-page .site-page .heart-column h1.site-page-title{font-size:clamp(37px,10vw,54px);padding:16px 20px 22px}.heart-column .heart-notebook{padding:28px 18px 22px 40px;background:linear-gradient(90deg,transparent 25px,#ec008c55 25px,#ec008c55 26px,transparent 26px),repeating-linear-gradient(0deg,#fff9ed 0px,#fff9ed 27px,#99cad54d 27px,#99cad54d 28px)}.heart-column .heart-notebook:before{left:6px;background-size:10px 28px}.heart-column .heart-notebook>header h2{font-size:30px;margin-bottom:20px}.heart-column .heart-letter p{font-size:16px;line-height:28px;margin-bottom:28px}.heart-column .heart-letter p:last-child{margin-bottom:0}.heart-column .heart-answer{padding:0 2px}.heart-column .heart-answer p,.heart-column .heart-invite p{font-size:16px;line-height:1.7}.heart-column .heart-answer aside{padding:22px 20px}.heart-column .heart-invite{padding:18px 2px}.heart-column .heart-answer-label{font-size:29px}}
