.little-habits { background: #f3f4ed; }
.little-habits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.little-habits h2 { margin: 0 0 20px; }
.little-habits p:not(.eyebrow) { color: #667066; line-height: 1.8; max-width: 510px; margin-bottom: 30px; }
.habit-teasers { display: grid; gap: 12px; }
.habit-teasers > div { background: #fffdfa; border: 1px solid #e7e7dc; border-radius: 16px; padding: 22px 26px; }
.habit-teasers span { display: block; margin-bottom: 8px; color: #a36773; font: italic 13px Lora, Georgia, serif; }
.habit-teasers strong { font: 600 18px/1.5 Lora, Georgia, serif; color: #4c443e; }
.habits-page { background: #faf9f5; min-height: 70vh; padding: 75px 0 100px; }
.habits-intro { max-width: 760px; }
.habits-intro h1 { font: 700 clamp(40px, 5vw, 62px)/1.15 Lora, Georgia, serif; letter-spacing: -.01em; color: #4c443e; margin: 0 0 20px; }
.habits-intro > p:last-child { font-size: 17px; line-height: 1.8; color: #69716a; margin: 0 0 42px; }
.habit-tools { margin: 0 0 28px; }
.habit-tools label { display: block; font: 600 15px Lora, Georgia, serif; color: #4c443e; margin-bottom: 10px; }
.habit-tool-row { display: flex; gap: 12px; max-width: 700px; }
.habit-tool-row input { flex: 1; min-width: 0; border: 1px solid #dfe4d9; border-radius: 9px; padding: 14px 16px; background: #fff; font: 400 15px 'DM Sans', sans-serif; color: #32342d; }
.habit-tool-row button, .habit-more { border: 1px solid #aec5a4; border-radius: 9px; padding: 12px 18px; background: #f2f7ef; color: #446047; font: 500 14px 'DM Sans', sans-serif; cursor: pointer; }
.habit-tool-row button:hover, .habit-more:hover { background: #e5f0e0; }
.habit-more { display: block; margin: 30px auto 0; }
.habit-more[hidden] { display: none; }
.habit-empty { padding: 20px 0; color: #69716a; }
.habit-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.habit-tabs button { border: 1px solid #dfe4d9; border-radius: 100px; padding: 12px 18px; background: #fff; color: #445247; cursor: pointer; font: 500 14px 'DM Sans', sans-serif; }
.habit-tabs button:hover, .habit-tabs button[aria-selected="true"] { background: #aec5a4; color: #fff; border-color: #aec5a4; }
.habit-category-description { color: #777b70; font: italic 15px Lora, Georgia, serif; margin: 0 0 26px; }
.habit-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.habit-item { text-align: left; background: #fff; border: 1px solid #e5e4da; border-radius: 17px; padding: 25px; cursor: pointer; color: #4c443e; transition: border-color .2s, background .2s; }
.habit-item:hover, .habit-item[aria-pressed="true"] { border-color: #a3bea0; background: #f3f7f0; }
.habit-item-title { display: block; font: 600 19px/1.4 Lora, Georgia, serif; margin-bottom: 10px; }
.habit-item-description { display: block; font: 400 14px/1.7 'DM Sans', sans-serif; color: #666d65; min-height: 47px; }
.habit-item-time { display: inline-block; font: 500 12px 'DM Sans', sans-serif; color: #71806f; margin-top: 15px; }
.habit-choice { margin: 0 0 28px; padding: 25px 28px; border: 1px solid #c8d9c0; border-radius: 17px; background: #f1f6ed; display: none; align-items: center; justify-content: space-between; gap: 20px; }
.habit-choice[data-visible="true"] { display: flex; }
.habit-choice p { margin: 0 0 6px; font: italic 13px Lora, Georgia, serif; color: #8f6570; }
.habit-choice strong { font: 600 18px Lora, Georgia, serif; }
.habit-choice button { border: 0; cursor: pointer; border-radius: 7px; background: #aec5a4; color: #fff; padding: 14px 19px; font: 500 14px Lora, Georgia, serif; white-space: nowrap; }
.habit-choice button:hover { background: #96b392; }
.habit-saved { margin: 16px 0 0; color: #536955; font-size: 14px; }
.habit-clear { margin: 6px 0 25px; padding: 0; border: 0; background: transparent; color: #8f6570; font: 400 13px 'DM Sans', sans-serif; text-decoration: underline; cursor: pointer; }
.habit-clear[hidden] { display: none; }
.habits-coaching { margin-top: 68px; border-top: 1px solid #e5e4da; padding-top: 42px; max-width: 720px; }
.habits-coaching h2 { font-size: clamp(28px, 3.5vw, 42px); line-height: 1.25; margin: 0 0 12px; }
.habits-coaching p { color: #69716a; line-height: 1.8; margin: 0 0 25px; }
@media (max-width: 800px) { .little-habits-grid, .habit-list { grid-template-columns: 1fr; } .little-habits-grid { gap: 35px; } }
@media (max-width: 560px) { .habits-page { padding: 58px 0 75px; } .habit-tool-row, .habit-choice { align-items: stretch; flex-direction: column; } .habit-choice button { white-space: normal; } }