.habits-section{background:#272535;border-block:2px solid #655d7c}
.habits-section .section-heading h2{color:#dbd0f3}
.habits-section .section-heading>p{color:#c3bbd4}
.habits-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.habits-notebook{margin:0;border:2px solid #9985b1;box-shadow:6px 6px 0 #151825;background:#1c2230}
.habits-notebook .window-bar{color:#e2d9ec;background:#50425c}
.habits-notebook>img{display:block;width:100%;height:auto;border:8px solid #1c2230}
.habits-notebook figcaption{padding:15px 20px;color:#bdb4ca;font-size:12px;line-height:1.8;border-top:1px dashed #796882}
.habits-notebook figcaption strong{color:#efdfbc}
.habit-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:24px}
.habit-buttons button{font:19px/1.2 var(--pixel);min-height:54px;padding:12px;border:1px solid #8e789f;background:#302a40;color:#e2d5ec}
.habit-buttons button:hover{background:#45374f}
.habit-buttons button[aria-pressed=true]{color:var(--ink);background:#d3e5a0;border-color:#d3e5a0;box-shadow:3px 3px 0 #161723}
.habit-answer{border:1px dashed #a38ba7;padding:27px;background:#342e43;min-height:245px}
.habit-answer .eyebrow{font-size:10px;color:var(--peach)}
.habit-answer h3{font-size:35px;color:#eee1c5;margin-bottom:18px}
.habit-answer p:not(.eyebrow){font-size:15px;line-height:1.85;color:#d0c6db}
.habit-answer p.habit-tip{font-size:13px;margin-top:19px;padding-top:17px;border-top:1px solid #72637f;color:#d6e8aa}
.habits-keepsake{margin-top:27px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 0;border-top:1px solid #796782}
.habits-keepsake h3{font-size:24px;color:#d8e8ae;margin-bottom:12px}
.habits-keepsake p{font-size:14px;line-height:1.8;color:#c6bbd1}
.habits-section .small-note{color:#c5b9cc;font-size:12px;line-height:1.8}
.habits-section .underlink{color:var(--peach)}
.habits-nojs{margin-top:24px;padding:20px;border:1px dashed #8f799f;color:#d0c6db}
.habits-nojs p+p{margin-top:14px}
@media(max-width:850px){.habits-layout{grid-template-columns:1fr;gap:30px;max-width:630px;margin:auto}.habits-keepsake{gap:17px}.habit-answer{min-height:0}}
@media(max-width:600px){.habits-layout{gap:26px}.habit-buttons{gap:8px;margin-bottom:18px}.habit-buttons button{font-size:17px}.habit-answer{padding:22px}.habit-answer h3{font-size:30px}.habit-answer p:not(.eyebrow){font-size:14px}.habits-keepsake{grid-template-columns:1fr;gap:23px}.habits-keepsake h3{font-size:26px;margin-bottom:9px}.habits-notebook .window-bar{font-size:8px}.habits-notebook figcaption{padding:13px 16px}.habits-notebook>img{border-width:5px}}