/* /comfort-doorbell-v2/: the doorbell template with warm colour, orange stars and a pain section. */
:root{--plum:#4a2538;--rose:#f8e9e4;--orange:#f28c13;--cream:#fff8ef;--leaf:#e7f2e6;--red:#b3413a}
body{background:var(--cream)}
.orange-stars{color:var(--orange);letter-spacing:2px}
.stars .orange-stars{color:var(--orange)}
.journal-header{background:#fff3e4;color:var(--plum);border-bottom:3px solid var(--orange)}
.journal-monogram{border-color:var(--orange);color:#c96a00}
.journal-nav a:last-child{margin-left:0;font-weight:400;color:inherit}
.ad-notice{font-size:11px;font-weight:400;color:#a3a09b}
.disclosure{font-size:12px;line-height:1.5;color:#8f8b85}
h1,h2{color:var(--plum)}
.standfirst{color:#5b3a49}
strong{color:#3b1d2c}
.rating{margin:0 0 6px;font:17px/1.5 Story Sans,Arial,sans-serif;color:#3b1d2c}
.rating .orange-stars{font-size:20px}
.byline{border-color:#f0dcc4}
.opening img{aspect-ratio:auto}
mark{background:linear-gradient(104deg,#ffd76a00 0,#ffd76a 4%,#ffcf4d 96%,#ffd76a00 100%);padding:1px 3px;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.damage{margin:24px 0}
.damage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;background:var(--rose);border:2px solid var(--red);border-radius:8px}
.damage-grid div{position:relative}
.damage-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;max-height:none;border-radius:5px}
.damage-grid span{position:absolute;left:6px;right:6px;bottom:6px;padding:6px 8px;border-radius:4px;background:rgba(179,65,58,.94);color:#fff;font:700 14px/1.3 Story Sans,Arial,sans-serif}
.damage-grid span:before{content:'✕ '}
.pains{padding:18px 18px 8px;background:var(--rose);border-left:4px solid var(--red);border-radius:0 6px 6px 0}
.pains li{padding-bottom:14px;padding-left:30px}
.pains li:before{left:2px;color:var(--red)}
.features{background:var(--leaf);border:0;border-left:4px solid #286c40;border-radius:0 6px 6px 0}
.features p{position:relative;padding-left:30px}
.features p:before{content:'✓';position:absolute;left:0;color:#286c40;font:700 20px/1.65 Story Sans,Arial,sans-serif}
.cta-note{margin:10px 0 28px;text-align:center;font:15px/1.5 Story Sans,Arial,sans-serif;color:#4f4640}
.compare{margin:26px 0;border-radius:8px;overflow:hidden;border:1px solid #edd9c0;font:16px/1.35 Story Sans,Arial,sans-serif;background:#fff}
.compare-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;border-top:1px solid #f1e3d1}
.compare-row:first-child{border-top:0}
.compare-row>*{padding:12px 10px}
.compare-head{background:var(--plum);color:#fff;font-weight:700}
.compare .bad{background:#fbeeeb;color:#8c2f29}
.compare .bad:before{content:'✕ ';font-weight:700}
.compare .good{background:var(--leaf);color:#1c4d2d;font-weight:700}
.compare .good:before{content:'✓ '}
.offer{background:#ffeed6;border:2px solid var(--orange)}
.offer .stars .orange-stars{letter-spacing:2px}
.product-card{position:sticky;top:24px;background:#fff;border:2px solid var(--orange);border-radius:8px}
.sale-badge{display:inline-block;margin:0 0 12px!important;padding:4px 10px;border-radius:4px;background:#c2410c;color:#fff;font:700 13px/1.3 Story Sans,Arial,sans-serif!important}
.card-stars{font-size:14px!important;font-weight:700;line-height:1.5!important}
.card-stars .orange-stars{font-size:18px}
footer{background:#fff3e4}
@media(max-width:520px){.damage-grid{gap:7px;padding:7px}.damage-grid span{font-size:12px;padding:4px 6px}.compare{font-size:14px}.compare-row>*{padding:10px 7px}.rating{font-size:16px}}
/* The side card follows the reader (sticky, from comfort-story.css); on short desktop screens it shrinks to stay fully visible. */
@media(min-width:851px){.product-card{max-height:calc(100vh - 48px);overflow-y:auto}}
@media(min-width:851px) and (max-height:910px){.product-card{padding:16px 16px}.product-card .sale-badge{margin-bottom:8px!important}.product-card .eyebrow{margin-bottom:6px}.product-card h2{margin:6px 0;font-size:24px}.product-card p{font-size:14px;line-height:1.45}.card-stars{margin:0 0 6px!important}.product-card img{height:130px;margin-bottom:12px}.product-card .story-cta{min-height:48px;padding:11px 8px}.product-card ul{margin:12px 0 10px;font-size:14px}.product-card li{padding-bottom:5px}}
@media(min-width:851px) and (max-height:740px){.product-card img{display:none}.product-card .sale-badge{margin-bottom:6px!important}.product-card ul{margin:10px 0 8px}}
/* Reader offer box, editor's note and full footer. */
.special{padding:18px 20px;border:2px solid var(--orange);border-radius:8px;background:#fff1dc;color:#3b1d2c}
footer nav{flex-wrap:wrap;gap:10px 22px;max-width:760px;margin:0 auto 14px}
.footer-disclaimer{max-width:760px;margin:0 auto 14px!important;font-size:12px!important;line-height:1.6!important;color:#8f8b85}
@media(max-width:520px){footer nav{gap:8px 16px}}
/* Reader offer: red border that pulses to draw the eye. */
.special{border-color:#d62d20;animation:offer-pulse 1.5s ease-in-out infinite}
.special b{color:#c0261b}
@keyframes offer-pulse{0%,100%{border-color:#d62d20;box-shadow:0 0 0 0 rgba(214,45,32,.55)}50%{border-color:#ff7a6e;box-shadow:0 0 0 7px rgba(214,45,32,0)}}
@media(prefers-reduced-motion:reduce){.special{animation:none}}
/* Editor's note: boxed, readable, key phrases highlighted. */
.editor-note{margin:30px 0 0;padding:20px 22px;background:#fffdf7;border:1px solid #e8d4b5;border-left:6px solid #d62d20;border-radius:6px;box-shadow:0 2px 10px rgba(74,37,56,.08)}
.editor-note p{margin:0;font-size:20px;line-height:1.65;color:#2b1a22}
.editor-note .editor-note-label{margin:0 0 10px;font:700 13px/1.4 Story Sans,Arial,sans-serif;letter-spacing:1.2px;color:#c0261b}
@media(max-width:520px){.editor-note{padding:16px 16px}.editor-note p{font-size:18px}.editor-note .editor-note-label{font-size:12px}}