/*
Theme Name: A Little More Life
Theme URI: https://everydayconsumerchoices.online/well-lived-journal/
Author: A Little More Life
Description: A classic two-column personal blog theme and static HTML export.
Version: 1.1.0
Text Domain: a-little-more-life
*/

/* =Base and typography
-------------------------------------------------------------- */
:root{--text:#30332e;--muted:#777b72;--line:#e7e7e2;--link:#2575b9;--script:'Allura','Brush Script MT',cursive;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.8;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}a:hover,button:hover{color:#51724c}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #577452;outline-offset:4px}input:focus,textarea:focus{outline:2px solid #a8b99d;outline-offset:1px}img{max-width:100%;height:auto}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5} [hidden]{display:none!important}
/* =Site shell. The garden belongs to the outer page background only.
-------------------------------------------------------------- */
.garden-background{position:absolute;top:0;left:0;right:0;height:950px;z-index:-1;background:linear-gradient(to bottom,rgba(240,241,232,.58) 0%,rgba(244,245,238,.68) 25%,rgba(255,255,255,.91) 55%,#fff 85%),url('../../../assets/garden.jpg') center top/cover no-repeat;filter:blur(2px);pointer-events:none}
.page-shell{max-width:1160px;width:calc(100% - 120px);margin:30px auto 40px;background:#fff;box-shadow:0 4px 40px #3d4b3610}
.site-header{text-align:center;padding:35px 35px 44px}
.site-title{font:82px/1.2 var(--script);display:inline-block;letter-spacing:-1.4px;color:#2e342e}
.site-description{display:flex;justify-content:center;gap:13px;align-items:center;font-size:12px;line-height:1.5;color:#75796f;margin:2px 0 0}
.site-description span{width:28px;height:1px;background:#b7bcaf}
/* =Single post / sidebar
-------------------------------------------------------------- */
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:38px;padding:0 42px 46px}
.site-main{min-width:0}.entry-header{text-align:center;margin-bottom:24px}.entry-title{font:600 26px/1.5 var(--sans);letter-spacing:.35px;text-transform:uppercase;margin:0 0 15px;color:#222720}.title-rule{height:1px;width:38px;background:#d8dcd1;margin:0 auto 16px}.entry-meta{font-size:11px;color:#85887f;margin:0}.entry-meta a{font-style:italic;color:#555e50}.entry-meta span{margin:0 7px}.story-disclosure{font-size:11px;color:#8c9085;line-height:1.7;margin:0 0 24px}.entry-content{font-size:18px;line-height:1.65;color:#353a31}.entry-content>p{margin:0 0 23px}.entry-content a:not(.article-button){color:#3279b2;text-decoration:underline;text-underline-offset:3px}.entry-content figure{margin:31px 0}.entry-content figure img{width:100%;height:auto;display:block}.entry-content figcaption{font:11px/1.7 var(--sans);color:#868b7e;text-align:center;margin-top:9px}.entry-content figcaption a{font-size:inherit}.entry-content .product-photo{max-width:420px;margin:34px auto}.article-cta{text-align:center;margin:28px 0 34px!important}.article-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;max-width:100%;background:#2376be;color:#fff;font:600 16px/1.55 var(--sans);padding:15px 25px;text-decoration:none}.article-button:hover{background:#165f9d;color:#fff}.article-text-link{font-size:14px;font-weight:600}.product-and-app{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;background:#f4f5f3}.product-and-app>img{width:100%;height:280px!important;object-fit:contain}.product-and-app>img:last-child{object-fit:cover}.entry-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:11px;color:#898f80;margin:35px 0}.entry-footer a[rel=author]{color:#54614a;font-style:italic}.widget-area{min-width:0}.author-profile{margin:0 0 20px}.author-photo{display:block;width:100%;height:auto}.image-disclosure{font-size:9px!important;color:#969a8d!important;margin:5px 0 17px!important}.widget_author_bio>p{font-size:14px;line-height:1.85;color:#626a59;margin:0 0 20px}.widget_author_bio strong{font-weight:700;font-style:italic;letter-spacing:.3px}.site-footer{text-align:center;font-size:10px;color:#919783;border-top:1px solid var(--line);padding:15px 20px}.site-footer p{margin:0}.site-footer span{margin:0 8px}
/* =Footer call to action
-------------------------------------------------------------- */
.hume-sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;box-shadow:0 -3px 18px #00000012;padding:14px 20px calc(14px + env(safe-area-inset-bottom));text-align:center}.hume-sticky-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:#2376be;color:#fff;font-size:19px;font-weight:600;line-height:1.4;padding:16px 28px;max-width:100%;width:640px;border-radius:4px}.hume-sticky-cta>a:hover{background:#185f9b}.has-sticky-cta{padding-bottom:100px}.has-sticky-cta #toast{bottom:115px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#405838;color:#fff;padding:10px 20px;font-size:12px;opacity:0;transition:.2s;pointer-events:none;max-width:90vw;text-align:center;z-index:40}#toast.visible{opacity:1;transform:translate(-50%,0)}
.screen-reader-text,.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:5px;left:5px;width:auto;height:auto;clip:auto;background:#fff;padding:12px;z-index:100}
/* =Comments: classic social discussion styling
-------------------------------------------------------------- */
.facebook-comments{font:12px/1.5 Arial,Helvetica,sans-serif;color:#333;margin-top:44px;padding-top:19px;border-top:1px solid #ddd}.comment-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:12px}.comment-head h2{font:bold 14px Arial;margin:0}.comment-head label{font-size:11px;color:#777}.comment-head select{font:bold 11px Arial;background:#f5f6f7;border:1px solid #ccd0d5;padding:5px 6px;color:#4b4f56;border-radius:2px;margin-left:5px}.demo-note{font-size:10px;color:#90949c;margin:8px 0 12px}.comment-form{display:flex;gap:10px;margin-bottom:21px}.fb-avatar{width:42px;height:42px;flex-shrink:0;background:#dfe3ee;overflow:hidden}.fb-avatar svg{width:42px;height:42px;fill:#fff;stroke:none;margin-top:4px}.comment-fields{flex:1;min-width:0}.comment-fields>input{display:block;width:100%;border:1px solid #d3d6db;padding:7px 9px;font:12px Arial;border-bottom:0;border-radius:0}.comment-fields textarea{display:block;border:1px solid #d3d6db;width:100%;font:13px/1.5 Arial;padding:9px;resize:vertical;border-radius:0;min-height:68px}.comment-form-bottom{display:flex;justify-content:space-between;align-items:center;background:#f6f7f9;border:1px solid #d3d6db;border-top:0;padding:7px 9px;gap:8px}.comment-form-bottom>span{font-size:10px;color:#90949c}.comment-form-bottom button,.reply-submit{background:#4267b2;color:#fff;border:1px solid #29487d;border-radius:2px;font:bold 11px Arial;padding:5px 9px}.fb-comment{display:flex;gap:10px;margin-bottom:19px}.comment-avatar{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:#dce4ec;color:#71839b;font:600 14px Arial}.comment-avatar.tone-1{background:#e2d8cf;color:#927761}.comment-avatar.tone-2{background:#d5dfd4;color:#74866e}.comment-content{flex:1;min-width:0}.comment-author{font-weight:bold;color:#3b5998}.comment-message{margin:3px 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{display:flex;gap:5px;align-items:center;color:#90949c;font-size:11px}.comment-actions button{color:#3b5998;font:11px Arial;padding:0}.comment-actions button:hover{text-decoration:underline}.comment-actions .liked{font-weight:bold}.like-count{display:flex;align-items:center;gap:3px;color:#3b5998}.like-count svg{height:12px;width:12px;stroke:#8b9dc3;fill:#dce4f4}.reply-box{padding:10px 0 0 12px;margin-top:8px;border-left:2px solid #e9ebee}.reply-box form{display:flex;gap:5px}.reply-box input{width:100%;min-width:0;font:12px Arial;border:1px solid #d3d6db;padding:6px}.reply-box .comment-message{font-size:12px}.reply-entry{padding-bottom:9px}.fb-footer{border-top:1px solid #ddd;padding-top:9px;display:flex;align-items:center;gap:4px;font-size:10px;color:#3b5998;flex-wrap:wrap}.fb-footer>span:last-child{color:#90949c}.fb-mark{display:inline-block;background:#3b5998;color:#fff;font:bold 13px Arial;padding:1px 4px 0;width:13px;height:14px;line-height:14px;margin-right:1px}.comment-privacy{font-size:10px;color:#90949c;margin:5px 0 0}

/* =Responsive layout
-------------------------------------------------------------- */
@media(min-width:1500px){.page-shell{margin-top:38px}.content-grid{padding-left:45px;padding-right:45px;gap:42px}}
@media(max-width:1050px){.page-shell{width:calc(100% - 64px)}.content-grid{grid-template-columns:minmax(0,1fr) 210px;gap:28px;padding:0 30px 36px}.site-title{font-size:76px}.entry-title{font-size:23px}.widget_author_bio>p{font-size:13px}}
@media(max-width:760px){.page-shell{width:calc(100% - 28px);margin-top:14px}.content-grid{grid-template-columns:minmax(0,1fr) 185px;gap:22px;padding:0 24px 30px}.site-header{padding:27px 20px 34px}.site-title{font-size:66px}.entry-title{font-size:20px}.entry-content{font-size:18px}.widget_author_bio>p{font-size:12px}.entry-content .product-photo{max-width:320px}.product-and-app>img{height:190px!important}.hume-sticky-cta>a{font-size:17px}.entry-content figcaption{font-size:10px}}
@media(max-width:620px){.page-shell{width:calc(100% - 22px);margin:11px auto 22px}.site-header{padding:24px 16px 32px}.site-title{font-size:59px;letter-spacing:-1.2px}.site-description{font-size:10px;gap:9px}.site-description span{width:21px}.content-grid{display:block;padding:0 22px 28px}.entry-title{font-size:23px;line-height:1.5;letter-spacing:.2px}.entry-title br{display:none}.entry-header{margin-bottom:22px}.entry-meta{font-size:10px}.story-disclosure{font-size:10px;margin-bottom:22px}.entry-content{font-size:18px;line-height:1.65}.entry-content>p{margin-bottom:23px}.entry-content figure{margin:26px 0}.article-button{font-size:14px;padding:14px 18px;width:100%}.entry-content .product-photo{max-width:340px}.product-and-app{gap:8px}.product-and-app>img{height:175px!important}.widget-area{margin-top:35px;border-top:1px solid var(--line);padding-top:28px}.widget_author_bio{max-width:340px;margin:auto}.widget_author_bio>p{font-size:14px}.widget_author_bio .author-photo{max-width:285px;margin:auto}.image-disclosure{text-align:center}.hume-sticky-cta{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.hume-sticky-cta>a{font-size:15px;padding:14px 15px;width:100%;gap:7px}.has-sticky-cta{padding-bottom:88px}.has-sticky-cta #toast{bottom:95px}.facebook-comments{margin-top:28px}.comment-head h2{font-size:13px}.comment-form,.fb-comment{gap:8px}.fb-avatar,.fb-avatar svg,.comment-avatar{width:34px;height:34px}.comment-form-bottom>span{display:none}.comment-form-bottom{justify-content:flex-end}.comment-actions{font-size:10px;gap:4px}.fb-footer{font-size:9px}.comment-privacy{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* =Reading rhythm and author-supplied media slots
-------------------------------------------------------------- */
.entry-content h2{font:700 24px/1.3 var(--sans);letter-spacing:-.35px;color:#282e25;margin:42px 0 20px;scroll-margin-top:28px}
.entry-content .story-lead{font-size:19px;line-height:1.65}


.media-placeholder{border:1px dashed #cdd2c5;background:#f7f8f4;min-height:220px;margin:30px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:24px;color:#859078}
.placeholder-number{font:600 10px/1.5 var(--sans);letter-spacing:1.5px;text-transform:uppercase}
.placeholder-label{font:400 15px/1.5 var(--sans);color:#7e8873}
.media-placeholder--product{max-width:420px;margin-left:auto!important;margin-right:auto!important;min-height:250px}
.widget_author_bio .media-placeholder--portrait{aspect-ratio:1;min-height:0;margin:0 0 20px;padding:20px}
.widget_author_bio .placeholder-label{font-size:13px}
@media(max-width:620px){.entry-content h2{font-size:23px;line-height:1.35;margin-top:36px;margin-bottom:18px}.entry-content .story-lead{font-size:19px}.media-placeholder{min-height:190px;padding:20px;margin:27px 0}.media-placeholder--product{min-height:220px}.widget_author_bio .media-placeholder--portrait{max-width:285px;margin:0 auto 20px}}

/* =Footer disclosure
-------------------------------------------------------------- */
.site-footer{padding:24px 42px 30px}
.site-footer .footer-copyright{margin:0 0 16px;font-size:9px}
.medical-disclaimer{text-align:left;border-top:1px solid var(--line);padding-top:20px;color:#6b7264;font-size:10px;line-height:1.55}
.medical-disclaimer p{margin:0 0 15px}
.medical-disclaimer p:last-child{margin-bottom:0}
.medical-disclaimer strong{font-weight:700;color:#4b5444}
@media(max-width:620px){.site-footer{padding:22px}.medical-disclaimer{font-size:10px;line-height:1.55}}
@media print{.garden-background,.widget-area,.facebook-comments,.hume-sticky-cta,#toast{display:none!important}body{padding:0!important;background:#fff}.page-shell{width:100%;margin:0;box-shadow:none}.content-grid{display:block;padding:15px}.site-header{padding:10px}.site-title{font-size:46px}.entry-content{font-size:12pt}.entry-content figure{break-inside:avoid}}

/* Product illustrations and public demo screenshot, with source captions. */
.entry-content .review-media{margin:32px 0 36px}
.entry-content .review-media img{border-radius:2px}
.entry-content .product-photo{max-width:440px;margin-left:auto;margin-right:auto}

/* Advertising disclosure above the masthead. */
.advertorial-disclosure{text-align:center;padding:7px 16px;border-bottom:1px solid #ecece7;background:#fafaf8;color:#74776e;font:400 10px/1.4 var(--sans);letter-spacing:1.2px;text-transform:uppercase}

/* Small author portrait in the post byline. */
.entry-meta{display:flex;align-items:center;justify-content:center;gap:10px}
.entry-meta .byline-avatar-link{display:block;flex:0 0 40px}
.entry-meta .byline-avatar{display:block;width:40px;height:40px;object-fit:cover;object-position:62% 28%;border-radius:50%}
.entry-meta .byline-text{margin:0;text-align:left}

/* Continuous story: paragraph-led flow without section banners. */
.entry-content #hume-band-introduction{scroll-margin-top:28px}

.facebook-comments .comment-form{margin-top:18px}

/* Compact author profile with a circular portrait. */
.widget_author_bio .author-profile{margin:0 0 16px}
.widget_author_bio .author-photo{width:128px;height:128px;max-width:100%;margin:0 auto;border-radius:50%;object-fit:cover}
@media(min-width:761px){
  .widget_author_bio{width:100%;max-width:190px;margin:0 auto}
  .widget_author_bio .author-photo{width:110px;height:110px}
  .widget_author_bio>p{font-size:12px;line-height:1.65;margin:0 0 12px}
}

/* Article heading and compact sharing controls align with the reading column. */
.entry-header{text-align:left}
.entry-content{text-align:left}
.entry-meta-row{display:flex;align-items:center;gap:14px}
.entry-meta-row .entry-meta{justify-content:flex-start;min-width:0;flex:0 1 auto}
.article-share{display:flex;align-items:center;flex-shrink:0;gap:4px;margin:0}
.share-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:2px;background:transparent;color:#747c6d;text-decoration:none}
.share-button:hover{background:#eef1ea;color:#394632}
.share-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.share-letter{font:700 16px/1 Arial,sans-serif}
.share-pinterest .share-letter{font-family:Georgia,serif;font-style:italic}
@media(max-width:620px){.entry-meta-row{gap:8px}.article-share{gap:2px}.share-button{width:22px;height:26px;min-height:26px}}

/* Green accent is reserved for the Hume Band calls to action. */
:root{--button:#02853d;--button-hover:#026c32}
.article-button,.hume-sticky-cta>a{background:var(--button);border-color:var(--button);color:#fff}
.article-button:hover,.hume-sticky-cta>a:hover{background:var(--button-hover);border-color:var(--button-hover);color:#fff}