.sp22-meditation{--sp22-med-ink:#3d332b;--sp22-med-line:#e1d6c6;--sp22-med-wine:#762b34;box-sizing:border-box!important;padding:clamp(18px,2vw,30px)!important;container:meditation / inline-size;margin:36px 0!important;border:1px solid var(--sp22-med-line)!important;border-radius:12px!important;background:#fffdf9!important;color:var(--sp22-med-ink);scroll-margin-top:110px}
.sp22-meditation *{box-sizing:border-box}
.sp22-meditation [hidden][hidden]{display:none!important}
.sp22-med-heading{margin:0 0 16px}
.sp22-med-heading h2{font:400 clamp(24px,2vw,32px)/1.2 Georgia,serif;margin:0 0 6px!important;color:var(--sp22-med-ink)}
.sp22-med-heading p{font-size:14px;line-height:1.5;margin:0!important;color:#7a6a5b}
.sp22-meditation [data-sp4-meditation-content]{height:clamp(650px,calc(100dvh - 160px),860px);display:flex;flex-direction:column;min-height:0;position:relative}
.sp22-med-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;flex:none}
.sp22-meditation .sp22-med-date{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin:0!important;padding:0!important}
.sp22-meditation .sp22-med-date label{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0!important}
.sp22-meditation .sp22-med-date input{padding:7px 8px;min-height:34px;max-width:150px}
.sp22-meditation button,.sp22-meditation summary{cursor:pointer}
.sp22-meditation button,.sp22-meditation input,.sp22-meditation select{border:1px solid #d5c7b5;border-radius:5px;min-height:34px;padding:6px 11px;background:#fffdf9;color:#60372d;font:500 13px/1.35 system-ui}
.sp22-meditation button:focus-visible,.sp22-meditation summary:focus-visible{outline:3px solid #a96936;outline-offset:3px}
.sp22-med-settings{position:relative;flex:none;font-size:12px;margin:0 0 9px;color:#7b4a34}
.sp22-med-settings>summary{width:max-content;max-width:100%;line-height:1.4;padding:4px 0}
.sp22-med-settings[open]>.gl4-prayer-controls{position:absolute;top:28px;right:0;left:0;z-index:5;background:#fffdf8;box-shadow:0 12px 40px #4f37292b;max-height:48dvh;overflow:auto;padding:20px!important;margin:0!important;border:1px solid var(--sp22-med-line);border-radius:7px}
.sp22-meditation [data-gl4-status]{margin:0 0 6px!important;font-size:12px;line-height:1.3;max-height:2.6em;overflow:auto}
.sp22-meditation [data-gl4-status]:empty{display:none}
.sp22-meditation [data-gl4-action=retry]{align-self:flex-start;margin-bottom:8px}
.sp22-med-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;flex:1;min-height:0}
.sp22-med-picture{min-width:0;min-height:0;overflow:hidden;display:flex;align-items:stretch;justify-content:center}
.sp22-meditation .sp12-meditation-art{width:100%;height:100%;padding:0!important;margin:0!important;border:0!important;background:transparent!important;display:flex;flex-direction:column;gap:7px;min-height:0}
.sp22-meditation .sp12-meditation-art>.sp12-art-eyebrow{display:none}
.sp22-meditation .sp12-meditation-art figure{margin:0!important;flex:1;min-height:0;display:flex;flex-direction:column;gap:7px}
.sp22-meditation .sp12-meditation-art figure>button{display:flex;align-items:center;justify-content:center;flex:1;min-height:0!important;max-height:none!important;height:auto!important;width:100%;border:0!important;background:transparent!important;padding:0!important}
.sp22-meditation .sp12-meditation-art img{display:block;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;object-position:center;border-radius:5px}
.sp22-meditation .sp12-meditation-art figcaption{padding:0!important;text-align:center;flex:none;font-size:11px;line-height:1.4}
.sp22-meditation .sp12-meditation-art figcaption h3{font:400 17px/1.25 Georgia,serif;margin:0 0 3px!important}
.sp22-meditation .sp12-art-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0!important;padding:0!important}
.sp22-meditation .sp12-art-actions button{font-size:11px;min-height:29px;padding:4px 9px}
.sp22-meditation .sp12-meditation-art>p:last-child{font-size:11px;margin:0!important}
.sp22-med-guidance{display:flex;min-width:0;min-height:0}
.sp22-med-panels{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sp22-med-panel{padding:18px!important;border:1px solid var(--sp22-med-line);border-radius:10px;background:#fffefb;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.sp22-med-column-title{display:flex;gap:9px;align-items:center;font:500 20px/1.3 Georgia,serif!important;color:var(--sp22-med-wine)!important;margin:0 0 20px!important;padding:0 0 12px;border-bottom:1px solid var(--sp22-med-line)}
.sp22-med-column-number{font:600 11px/1 system-ui;background:#f4eadb;border:1px solid #e1cfb6;border-radius:50%;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sp22-med-panel .gl4-reading-pane{padding:0!important;margin:0!important;border:0!important;background:transparent!important;display:block!important}
.sp22-med-panel .gl4-reading-pane>h4{margin:0 0 9px!important;font:400 18px/1.3 Georgia,serif}
.sp22-med-panel .gl4-reading-text{padding:0!important;margin:0!important;border:0!important;background:transparent!important;max-height:none!important;overflow:visible!important;font:400 17px/1.75 Georgia,serif}
.sp22-med-panel .gl4-day-heading{margin:0 0 10px!important;font-size:13px}
.sp22-med-panel .gl4-day-heading h3,.sp22-med-panel .gl4-day-heading h2{font:400 18px/1.3 Georgia,serif;margin:0 0 6px!important}
.sp22-med-panel [data-gl4-edition]{font-size:11px;margin:0 0 12px;color:#7b6855}
.sp22-med-panel .gl2-jumps{margin:14px 0 0!important;display:flex;gap:8px;flex-wrap:wrap;font-size:12px}
.sp22-med-panel .gl2-jumps a{padding:6px 9px!important}
.sp22-med-panel label{display:block;font-size:13px;font-weight:600;margin:0 0 16px!important}
.sp22-med-panel textarea{display:block;box-sizing:border-box;width:100%;min-height:85px;height:130px;padding:12px!important;margin-top:7px;font:15px/1.6 Georgia,serif;border:1px solid var(--sp22-med-line);border-radius:5px;background:#fffdf9;resize:vertical}
.sp22-med-panel [data-gl4-point]{margin:0 0 16px;font:italic 18px/1.6 Georgia,serif}
.sp22-med-steps{display:flex;gap:8px;margin:0 0 15px}
.sp22-meditation .sp22-step-button{width:34px;border-radius:50%;padding:5px;min-height:34px}
.sp22-step-button[aria-pressed=true]{background:var(--sp22-med-wine)!important;border-color:var(--sp22-med-wine)!important;color:#fff!important}
.sp22-meditation .gl2-step-list{padding:0!important;margin:0!important;list-style:none;display:block!important}
.sp22-meditation .gl2-step-list>.gl2-step{display:none;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.sp22-meditation .gl2-step-list>.gl2-active{display:block}
.sp22-meditation .gl2-step-list:not(:has(.gl2-active))>.gl2-step:last-child{display:block}
.sp22-meditation .gl2-step h3{font:400 21px/1.3 Georgia,serif;margin:0 0 12px!important}
.sp22-meditation .gl2-step h3:before{content:none}
.sp22-meditation .gl2-step p{font:400 17px/1.7 Georgia,serif;margin:0}
.sp22-meditation .sp22-med-clock{display:grid!important;grid-template-columns:1fr auto;gap:4px 18px;padding:12px 0 0!important;margin:10px 0 0!important;border:0!important;border-top:1px solid var(--sp22-med-line)!important;background:transparent!important;flex:none}
.sp22-med-clock .gl2-timer-top{display:flex;align-items:center;gap:12px;margin:0!important}
.sp22-med-clock [data-gl2-stage]{font-size:12px;font-weight:600}
.sp22-med-clock [data-gl2-timer-status]{font-size:11px;margin:3px 0 0}
.sp22-med-clock .gl2-clock{font:400 27px/1.2 Georgia,serif;margin:0!important;white-space:nowrap}
.sp22-med-clock progress{grid-column:1/-1;grid-row:2;width:100%;height:4px;margin:4px 0 0!important;accent-color:var(--sp22-med-wine)}
.sp22-med-clock .gl2-timer-controls{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px;margin:0!important}
.sp22-med-clock [data-gl2-announcement]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sp22-med-help{flex:none;position:relative;margin-top:7px;font-size:12px;color:#7b6855}
.sp22-med-help>summary{width:max-content;max-width:100%;padding:3px 0}
.sp22-med-help[open]>div{padding:14px 0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.sp22-meditation .sp10-tool-actions{margin:10px 0 0!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
.sp22-med-focus-open{overflow:hidden}
.sp22-meditation.sp22-med-focus{position:fixed!important;inset:12px!important;z-index:2147483000!important;margin:0!important;width:auto!important;height:calc(100dvh - 24px)!important;box-shadow:0 0 0 100vmax #211b17ba;display:flex;flex-direction:column}
.sp22-med-focus [data-sp4-meditation-content]{height:auto;flex:1;min-height:0}
@container meditation (max-width:1050px){
 .sp22-med-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
 .sp22-med-guidance{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .sp22-med-panels{display:flex;flex-direction:column;gap:14px}
 .sp22-med-panel{flex:none;overflow:visible;min-height:180px}
 .sp22-med-column-title{margin-bottom:14px!important}
}
@container meditation (max-width:620px){
 .sp22-med-workspace{display:flex;flex-direction:column;gap:20px;overflow:auto;overscroll-behavior:contain}
 .sp22-med-guidance{overflow:visible;flex:none}
 .sp22-med-picture{min-height:360px;flex:none;height:480px}
 .sp22-med-clock{gap:6px!important;grid-template-columns:1fr!important}
 .sp22-med-clock .gl2-timer-controls{grid-column:1;grid-row:2;flex-wrap:wrap}
 .sp22-med-clock progress{grid-row:3}
 .sp22-med-top{flex-wrap:wrap}
 .sp22-med-date{gap:5px!important}
}
@media(max-width:680px){
 .sp22-meditation{padding:16px!important;margin:26px 0!important}
 .sp22-meditation [data-sp4-meditation-content]{height:auto;min-height:650px}
 .sp22-med-workspace{display:flex;flex-direction:column;overflow:visible}
 .sp22-med-guidance{overflow:visible}
 .sp22-med-panels{display:flex;flex-direction:column}
 .sp22-med-panel{overflow:visible}
 .sp22-med-picture{height:470px;min-height:320px}
 .sp22-med-heading p{font-size:13px}
 .sp22-meditation.sp22-med-focus{inset:5px!important;height:calc(100dvh - 10px)!important;padding:14px!important}
 .sp22-med-focus [data-sp4-meditation-content]{height:auto;min-height:0;flex:1}
 .sp22-med-focus .sp22-med-workspace{overflow:auto}
}
@media print{
 .sp22-meditation [data-sp4-meditation-content]{height:auto}
 .sp22-med-workspace,.sp22-med-panels{display:block}
 .sp22-med-panel,.sp22-med-guidance{overflow:visible}
 .sp22-med-top,.sp22-med-settings,.sp22-med-clock{display:none!important}
 .sp22-med-picture{height:450px}
}
