/* 1.0.656: one card system for the home offers. Experience dialogs and the book
   keep their own presentation. The named IDs match older high-specificity rules. */
.moment-home #moment-main .moment-home-offers{gap:18px;align-items:stretch}
.moment-home #moment-main .moment-home-offers>:is(.moment-offer-card,.moment-weather-home){grid-column:auto}
.moment-home #moment-main .moment-home-offers>.moment-weather-home{display:flex;flex-direction:column;gap:12px}
.moment-home #moment-main :is(.moment-offer-card,#moment-breath-section,#moment-thought-section){
 --offer-surface:#faf8f1;--offer-title:#29483e;--offer-copy:#536257;--offer-meta:#647064;
 --offer-icon:#876d42;--offer-line:#c4cbbd;--offer-button:#294b44;--offer-button-ink:#fffdf7;--offer-hover:#203f38;
 position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;
 min-width:0;min-height:0;height:auto;gap:0;padding:20px;margin:0;
 border:1px solid var(--offer-line);border-radius:20px;background:var(--offer-surface);
 color:var(--offer-title);box-shadow:0 4px 16px -9px #243e2929;text-align:left;
 overflow:hidden;transform:none;
}
.moment-home #moment-main :is(.moment-offer-card--image,#moment-breath-section){
 --offer-surface:#203b34;--offer-title:#fffdf3;--offer-copy:#f1f2e7;--offer-meta:#d8dfcf;
 --offer-icon:#e4c791;--offer-line:#617568;--offer-button:#eee0bf;--offer-button-ink:#243f38;--offer-hover:#f7ecd2;
}
.moment-home #moment-main .moment-offer-card :is(.moment-offer-title,#mmzs-home-title,#moment-breath-title,#moment-touch-home-title,#moment-thought-heading,#moment-weather-home-title,#moment-journey-home-title,#moment-waldraum-home-title){
 display:flex;align-items:flex-start;gap:10px;min-width:0;max-width:none;
 margin:0;padding:0;font-family:var(--mm-serif);font-size:26px;font-weight:400;
 line-height:1.2;letter-spacing:-.4px;color:var(--offer-title);text-wrap:pretty;overflow-wrap:break-word;
}
.moment-home #moment-main .moment-offer-title>span:last-child{min-width:0}
.moment-home #moment-main .moment-offer-card .moment-offer-title>span:first-child{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;
 width:24px;height:30px;margin:0;padding:0;border:0;border-radius:0;
 background:transparent;color:var(--offer-icon);box-shadow:none;
}
.moment-home #moment-main .moment-offer-card .moment-offer-title>span:first-child svg{
 display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.moment-home #moment-main .moment-offer-card :is(.moment-offer-description,#moment-weather-home-copy){
 display:block;max-width:none;margin:12px 0 8px;padding:0;
 font:400 16px/1.5 var(--mm-sans);letter-spacing:0;color:var(--offer-copy);
 text-wrap:pretty;overflow-wrap:break-word;
}
.moment-home #moment-main .moment-offer-card :is(.moment-offer-meta,#moment-breath-summary){
 display:block;max-width:none;margin:0 0 20px;padding:0;
 font:400 14px/1.5 var(--mm-sans);letter-spacing:0;text-transform:none;color:var(--offer-meta);
}
.moment-home #moment-main .moment-offer-card :is(.moment-offer-action,#moment-breath-link){
 box-sizing:border-box;position:relative;display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;align-self:flex-start;
 gap:12px;width:fit-content;max-width:100%;min-width:0;min-height:48px;height:auto;margin:auto 0 0;padding:12px 17px;
 border:1px solid var(--offer-button);border-radius:12px;background:var(--offer-button);
 color:var(--offer-button-ink)!important;box-shadow:none;text-align:left;text-decoration:none;
 font:500 15px/1.4 var(--mm-sans);letter-spacing:0;white-space:normal;cursor:pointer;
}
.moment-home #moment-main .moment-offer-action svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.moment-home #moment-main .moment-offer-card>.moment-offer-action{margin-top:auto}
.moment-home #moment-main .moment-offer-card :is(button,a,summary):focus-visible,
.moment-home #moment-main button.moment-offer-card:focus-visible{outline:3px solid var(--offer-icon);outline-offset:4px}
.moment-home #moment-main .moment-offer-card[hidden],
.moment-home #moment-main .moment-offer-card [hidden]{display:none!important}

/* All photographic entries use the same contrast treatment. */
.moment-home #moment-main :is(.moment-journey-card,.moment-waldraum-card)::after,
.moment-home #moment-main #moment-breath-section .moment-water::after{
 background:linear-gradient(100deg,#132e27ed 0%,#132e27d4 52%,#132e2770 100%);
}
.moment-home #moment-main .moment-offer-card--image>img,
.moment-home #moment-main #moment-breath-section .moment-water>img{opacity:1;filter:none}
.moment-home #moment-main .waldraum-card-copy{display:flex;flex:1;flex-direction:column;width:100%;min-width:0;padding:0;margin:0}
.moment-home #moment-main .waldraum-card-copy>.moment-offer-action{margin-top:auto}

/* The motif picker remains on the breathing card with its original controls. */
.moment-home #moment-main #moment-breath-section .moment-breath-content{height:auto;flex:1}
.moment-home #moment-main #moment-breath-section .moment-breath-config{margin:0;padding:0;border:0;background:none}
.moment-home #moment-main #moment-breath-section #moment-motif-details{margin:0 0 20px;padding:0;border:0}
.moment-home #moment-main #moment-breath-section .moment-motif-summary{padding:0;min-height:76px;gap:14px}
.moment-home #moment-main #moment-breath-section .moment-breath-actions{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:auto 0 0}
.moment-home #moment-main #moment-breath-section #moment-breath-history-status{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--offer-meta)}

/* Weather is a light card; the last choice is a small, separate preview. */
.moment-home #moment-main #moment-weather-home-card{flex:1}
.moment-home #moment-main #moment-weather-home-card .moment-weather-home-content{
 position:static;display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:flex-start;
 width:100%;max-width:none;min-height:0;padding:0;margin:0;
}
.moment-home #moment-main #moment-weather-home-card .moment-weather-home-preview{
 display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 20px;color:var(--offer-copy);
}
.moment-home #moment-main #moment-weather-home-card .moment-weather-home-preview:has(#moment-weather-home-last[hidden]){display:none}
.moment-home #moment-main #moment-weather-home-card .moment-weather-home-media{
 position:relative;inset:auto;display:block;flex:0 0 72px;width:72px;height:54px;border-radius:8px;overflow:hidden;
}
.moment-home #moment-main #moment-weather-home-card .moment-weather-home-media:not(:has(img:not([hidden]))){display:none}
.moment-home #moment-main #moment-weather-home-card .moment-weather-home-media img{display:block;width:100%;height:100%;object-fit:cover;filter:none;opacity:1}
.moment-home #moment-main #moment-weather-home-last{min-width:0;font:400 14px/1.5 var(--mm-sans);color:var(--offer-copy)}
.moment-home #moment-main #moment-weather-home-last-time{display:block;font:400 13px/1.5 var(--mm-sans);white-space:normal;color:var(--offer-meta)}
.moment-home #moment-main #moment-weather-home-card:hover .moment-weather-home-action{text-decoration:none}
.moment-home #moment-main #moment-weather-home-card .moment-weather-home-action{margin-top:auto}

/* Personal photo previews never crop faces, create blank slots or use substitutes. */
.moment-home #moment-main .moment-offer-card :is(.today-home-picture,.course-home-picture){
 width:100%;height:150px;margin:0 0 20px;padding:8px;border:1px solid #dce0d4;border-radius:12px;background:#f0f2e9;
}
.moment-home #moment-main .moment-offer-card :is(.today-home-picture,.course-home-picture)>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}
.moment-home #moment-main .moment-offer-card :is(.today-home-picture,.course-home-picture):has(img[hidden]){display:none}
.moment-home #moment-main #moment-thought-section .moment-home-picture{margin:0 0 20px}
.moment-home #moment-main #moment-thought-section .moment-thought-cover{background:#f0f2e9;border-color:#dce0d4;border-radius:12px}

@media(hover:hover){
 .moment-home #moment-main .moment-offer-card :is(.moment-offer-action,#moment-breath-link):hover,
 .moment-home #moment-main #moment-weather-home-card:hover .moment-weather-home-action{background:var(--offer-hover);border-color:var(--offer-hover);color:var(--offer-button-ink)!important;text-decoration:none;box-shadow:none}
}
@media(max-width:700px){
 .moment-home #moment-main .moment-home-offers{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:359px){
 .moment-home #moment-main :is(.moment-offer-card,#moment-breath-section,#moment-thought-section){padding:18px}
 .moment-home #moment-main #moment-breath-section .place-visual-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
}