/* The Chaos Crew: playful, colorful editorial refresh */
:root{--ink:#332a45;--paper:#fff9f5;--sage:#0d8d86;--blush:#ffd0d8;--cream:#fff0db;--muted:#70667b}
body{background:#fff9f5;background-image:radial-gradient(#f8cdd9 1.2px,transparent 1.2px);background-size:28px 28px}
header{background:#fffdfb;box-shadow:0 5px 0 #ffcad7;border-bottom:0}
.logo{font-weight:700;letter-spacing:-.04em}.logo span{color:#ec4b85}
.navlinks a{transition:color .2s}.navlinks a:hover{color:#e14c81}
.hero{min-height:620px}
.hero-copy{position:relative}
.hero-copy:before{content:'✳';font-size:48px;color:#ffa941;position:absolute;top:36px;right:70px;transform:rotate(-16deg)}
.eyebrow{color:#b83e78;font-weight:700;letter-spacing:.18em}
.hero h1{font-weight:600}.hero h1 em{color:#ed4b85;text-decoration:underline;text-decoration-color:#ffc643;text-decoration-thickness:7px;text-underline-offset:12px}
.lead{color:#605367}
.btn{background:#e94c86;border-color:#e94c86;box-shadow:6px 6px 0 #ffd063;border-radius:100px;transition:transform .2s,box-shadow .2s}
.btn:hover{background:#ba2e68;border-color:#ba2e68;transform:translate(2px,2px);box-shadow:3px 3px 0 #ffd063}
.hero-art{background:linear-gradient(160deg,#ffd7e4 0%,#ffbe9e 55%,#ffe6aa 100%);border-radius:220px 220px 30px 30px;box-shadow:13px 13px 0 #9be2d0,-10px -10px 0 #ffce53}
.hero-art:before{content:'✦';position:absolute;z-index:4;color:#fff;top:19%;left:17%;font-size:70px;text-shadow:0 0 3px #f36e96}
.hero-art:after{content:'✳';position:absolute;z-index:4;color:#ffea78;top:36%;right:12%;font-size:54px}
.sun{background:#ffdf6d;box-shadow:0 0 0 26px #ffdc9980}
.hill{background:#f58b98}.hill.two{background:#8a6bc5}
.art-words{text-shadow:0 2px 10px #513f5970;font-size:32px}
.section{position:relative}
.section h2{color:#3c2b52}
.featured{background:white;border:2px solid #3d2c54;border-radius:22px;overflow:hidden;box-shadow:10px 10px 0 #f7bed2}
.feature-art{background:#ffba6a}
.feature-art:before{background:#ffe882;top:-44px;left:37%;width:220px;height:220px}
.feature-art:after{background:#ef5c92;bottom:-100px}
.feature-art span{font-size:41px;color:#3d2b56;text-shadow:2px 2px #fff2c4}
.feature-copy{background:#fff7ed}
.tag{color:#b33c74}
.feature-copy h3{color:#3b2b52}
.textlink{border-bottom:3px solid #f5b839}
.topics{gap:22px}
.topic{border:2px solid #3f2d58;border-radius:18px;box-shadow:7px 7px 0 #b8e8dd;transform:rotate(-1deg);transition:transform .2s;position:relative;overflow:hidden}
.topic:nth-child(1){background:#fff0b4}.topic:nth-child(2){background:#fbd8e6;transform:rotate(1deg);box-shadow:7px 7px 0 #ffc96a}.topic:nth-child(3){background:#c9f0e7;box-shadow:7px 7px 0 #e9bdf2}
.topic:hover,.topic:nth-child(2):hover{transform:rotate(0) translateY(-5px)}
.topic:after{content:'✳';position:absolute;right:25px;top:19px;color:#ef6493;font-size:36px}
.topic:nth-child(2):after{content:'✦';color:#9e5ed4}.topic:nth-child(3):after{content:'♡';color:#df578a}
.topic h3{color:#34294a}
.about-band{background:#7e60b9;color:white;position:relative;overflow:hidden}
.about-band:before{content:'✦  ✳  ♡';position:absolute;right:-15px;top:-30px;font-size:75px;letter-spacing:22px;color:#ffd665;opacity:.55;transform:rotate(-17deg)}
.quote{color:#fff7d3;font-weight:600}
.about-inner .eyebrow{color:#ffdd77}.about-inner p{color:#fff9ff}
footer{background:#ffcedb;color:#4a3052;font-weight:600}
.article{background:#fffaf6;padding-left:44px;padding-right:44px;box-shadow:0 0 0 1px #ffdae4}
.article h1{color:#3e2b55}.article h2{color:#b33978}
.article .intro{border-left:6px solid #ffc857;padding-left:20px;color:#65496e}
.back{color:#b33978}
@media(max-width:760px){.hero{min-height:0}.hero-copy:before{right:20px;top:35px;font-size:36px}.hero-art{box-shadow:8px 8px 0 #9be2d0,-5px -5px 0 #ffce53}.featured{box-shadow:6px 6px 0 #f7bed2}.topic,.topic:nth-child(2){transform:none}.topic{box-shadow:5px 5px 0 #b8e8dd}.article{padding-left:25px;padding-right:25px}}
.hero-art{background:#ffd4df url('/amanda-portrait.jpeg') center center/cover no-repeat;border:8px solid #fff8ef;box-shadow:13px 13px 0 #9be2d0,-10px -10px 0 #ffce53}
.hero-art .sun,.hero-art .hill{display:none}
.hero-art:before{content:'✳';top:13%;left:4%;font-size:50px;color:#ffd96b;text-shadow:2px 2px #e74483}
.hero-art:after{content:'♡';top:9%;right:7%;font-size:64px;color:#fff1a4;text-shadow:2px 2px #ec4b85}
.hero-art .art-words{background:#fff5e9;color:#a72e71;text-shadow:none;font:italic 23px 'Playfair Display',serif;max-width:none;left:22px;right:22px;bottom:20px;text-align:center;padding:12px 13px;border-radius:100px;box-shadow:4px 4px 0 #ffbe52}
.facebook-link{display:inline-flex;align-items:center;gap:9px;background:#fff6e9;color:#9f346e;border:2px solid #9f346e;padding:11px 18px;border-radius:99px;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;box-shadow:4px 4px 0 #ffcd5a;margin-top:9px}
.facebook-link:hover{background:#ffe4ec}
.facebook-link .fb-badge{display:grid;place-items:center;background:#1877f2;color:#fff;font-size:19px;line-height:1;width:23px;height:23px;border-radius:50%;font-family:Arial,sans-serif;font-weight:bold;letter-spacing:0}
@media(max-width:760px){.hero-art{box-shadow:8px 8px 0 #9be2d0,-5px -5px 0 #ffce53}.navlinks{gap:11px}.navlinks a{font-size:9px}}
.family-section{max-width:1180px;margin:0 auto;padding:0 30px 100px}
.family-card{background:#fff2cf;border:3px solid #443154;border-radius:28px;padding:24px;box-shadow:12px 12px 0 #f7b1d4;transform:rotate(-.4deg)}
.family-photo{width:100%;display:block;aspect-ratio:1.76/1;object-fit:cover;border-radius:14px;border:4px solid #fff}
.family-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 10px 2px}
.family-caption h2{font:italic 36px 'Playfair Display',serif;margin:0;color:#9b346d}
.family-caption p{font-size:14px;color:#6a4a69;margin:0;line-height:1.5;max-width:330px}
.family-heart{font-size:54px;color:#ee5d91;line-height:1}
@media(max-width:760px){.family-section{padding:0 24px 75px}.family-card{padding:12px;box-shadow:7px 7px 0 #f7b1d4}.family-photo{aspect-ratio:1.42/1}.family-caption{display:block;padding:17px 5px 3px}.family-caption h2{font-size:29px}.family-caption p{margin-top:8px}.family-heart{display:none}}
/* Reader conversations */
.comments-panel{margin-top:48px;padding:28px 26px 22px;border-radius:18px;background:#fff4f8;border:2px solid #efb8d1;box-shadow:5px 5px 0 #bce9dd}
.comments-panel .comments-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#ad3f80}
.comments-panel h2{font-family:'Playfair Display',serif;font-size:32px;line-height:1.2;color:#493452;margin:8px 0 12px}
.comments-panel p{font-size:15px;line-height:1.7;color:#65576b;margin:0 0 20px}
.comments-panel .commentbox{min-height:100px}
@media(max-width:700px){.comments-panel{padding:22px 17px 17px;margin-top:32px}.comments-panel h2{font-size:27px}}