/* A quieter, consistent surface around the approved translucent body direction. */
:root{--shell:#f8f6f2;--line:#e0dfd9;--muted:#5c6e77;--teal:#183e4a}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.02em}
.page-top h1{font-size:clamp(34px,3.7vw,46px)}
.primary,.secondary{border-radius:9px;min-height:48px;letter-spacing:.005em}
.primary{background:#163c49;border:1px solid #163c49;box-shadow:0 2px 4px #173b4507}.primary:hover{background:#214b57}
.secondary{border-color:#c1cbce;background:#ffffff30}
.app-header{background:#fbfaf7;border-bottom:1px solid #e3e4df}.app-header .app-wordmark{letter-spacing:.075em}
#sidebar{background:#fbfaf7;color:#1a3c49;border-right:1px solid #e3e4df}.navitem{border-radius:10px;min-height:50px}.navitem.active{background:#e9eef0;color:#15394b}.aside-foot{color:#667980}.brand{letter-spacing:.075em}
.panel,.entry,.anchor-card,.note-section{border-color:#e2e3de;background:#fffefb;box-shadow:none}
.entry:hover{background:#f2f4f2}.reflection-row{padding:19px 0}.reflection-row .icon{color:#9c846b}
.page-intro{line-height:1.7}.back{min-height:44px;color:#536d77}
.soma-page{max-width:1200px}.soma-page .page-top{margin-bottom:8px;flex-wrap:wrap}.soma-page>.page-intro{margin-bottom:26px}
.soma-layout{grid-template-columns:minmax(260px,1.08fr) minmax(290px,1fr);gap:0;align-items:start;background:#fffefb;border:1px solid #fff;border-radius:16px;overflow:hidden;margin-top:26px}
.soma-canvas{border:0;border-radius:0;box-shadow:none;background:#c6d5e3;padding:18px 12px 14px;position:sticky;top:20px}.soma-figure{max-width:440px;aspect-ratio:3/5}.soma-fields,.soma-journal{padding:30px;min-width:0}
.soma-switch{border:1px solid #ffffff90;background:#ffffff35;border-radius:30px;gap:0;padding:4px;width:max-content;margin:12px auto 0}.soma-switch button{min-height:40px;padding:7px 24px;border:0;border-radius:24px;color:#34576e;background:transparent}.soma-switch button[aria-pressed=true]{background:#fffefb;color:#1d3c51;box-shadow:0 1px 6px #42596912}
.soma-tap-hint{text-align:center;font-size:14px;color:#344f63;margin:13px 0 0}.soma-side-label{display:none}
.soma-fields>.soma-location-heading{font:500 clamp(32px,3.2vw,42px)/1.2 'Cormorant Garamond',Georgia,serif;border:0;border-radius:0;background-color:transparent;padding:2px 26px 10px 0;margin:0 0 18px;color:#15384a;height:auto;max-width:100%;width:100%}
.soma-tabs{display:flex;gap:4px;padding:4px;border-radius:10px;background:#edf0f3;margin-bottom:18px}.soma-tabs button{flex:1;border:0;min-width:0;min-height:44px;padding:8px 3px;border-radius:7px;background:transparent;font-size:16px;color:#526979}.soma-tabs button[aria-selected=true]{color:#173b50;background:#fff;box-shadow:0 1px 6px #203a5020}
.soma-tab-panel{min-height:170px}.soma-tab-panel>label{margin-top:12px}.soma-tab-panel>p{margin:14px 0 0;line-height:1.65}.soma-choices{gap:8px;margin:4px 0 12px}.soma-choices button{background:transparent;border-color:#d4dfe4;min-height:42px;font-size:14px;padding:8px 11px}.soma-choices button[aria-pressed=true]{background:#efebf8;color:#594b87;border-color:#b4a7d2}
.soma-fields input,.soma-fields textarea,.soma-fields select:not(.soma-location-heading){background:#fff;border-color:#dce2e5;border-radius:8px}.soma-fields textarea{min-height:88px}.soma-fields label,.soma-colors legend{font-size:16px;color:#425d6b;font-weight:400}
.soma-colors{gap:10px;margin:24px 0 4px}.soma-colors label{width:35px;height:35px}.soma-colors span{width:35px;height:35px;border:3px solid #fff;background:radial-gradient(circle at 33% 24%,#ffffff60,transparent 70%),var(--swatch);box-shadow:inset 0 0 0 1px #00000004}.soma-colors input{min-height:0!important;min-width:0;width:35px;height:35px;inset:0}.soma-colors input:checked+span{outline:1px solid #7c8d9e;outline-offset:3px}.soma-custom-swatch span{background:#fff!important;border:1px solid #cad5de;color:#5c7183;display:grid;place-items:center;font-size:25px;line-height:1}
.soma-custom-control{display:flex;gap:10px;align-items:center;margin:10px 0 20px}.soma-custom-control label{font-size:13px;margin:0;color:#627888}.soma-custom-control input[type=color]{width:30px;height:28px;min-height:28px;padding:2px;border-radius:5px;border:1px solid #d4dce2;cursor:pointer}
.soma-finer-details{margin-top:26px!important;border-top:1px solid #e3e8e9;border-bottom:1px solid #e3e8e9;padding-bottom:8px}.soma-finer-details summary{font-size:14px;min-height:44px}.soma-fields .actions{display:flex;flex-direction:column;align-items:stretch;margin-top:24px;gap:5px}.soma-fields .actions .quiet{justify-content:center;font-size:14px;min-height:44px}.soma-fields input[type=range]{padding:10px 0;accent-color:#8e7dbc}.soma-fields input[type=date]{width:100%;max-width:100%;-webkit-appearance:none}
.soma-row{padding:23px 0;border-bottom:1px solid #e2e5e3}.soma-row strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:26px}.soma-row small{font-size:14px;line-height:1.6}.soma-dot{width:10px;height:10px}.soma-about{border-top:1px solid #e2e5e3;padding-top:10px}.soma-about summary{font-size:14px}.soma-journal>h2{margin:0 0 14px}.soma-observation{border-bottom:1px solid #e2e5e3}
.body-preference{background:#fffefb}.body-view-card-content{border-radius:12px}.body-view-caption{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px}.body-view-card input:checked+.body-view-card-content{border-color:#4e7084;box-shadow:0 0 0 2px #fff}
@media(max-width:760px){.page-top h1{font-size:34px}.soma-page{padding-left:20px;padding-right:20px}.soma-layout{grid-template-columns:minmax(0,1fr);border-radius:14px;margin-top:18px}.soma-canvas{position:relative;top:0;padding:10px 12px 13px}.soma-figure{max-width:280px}.soma-fields,.soma-journal{padding:24px 20px}.soma-tabs{margin-bottom:16px}.soma-tab-panel{min-height:0}.soma-fields>.soma-location-heading{font-size:36px}.soma-page .page-top>.primary{width:auto;font-size:14px}.soma-switch{margin-top:4px}.soma-tap-hint{margin-top:8px}.soma-colors{gap:9px}.soma-colors span,.soma-colors label{width:32px;height:32px}.soma-colors input{width:32px;height:32px}.soma-fields .formrow{grid-template-columns:minmax(0,1fr)}#mobile-nav{background:#fbfaf7;color:#375564;border-top:1px solid #dfe4e2}#mobile-nav .navitem.active{color:#143b4c;background:#e8eff1}}
@media(prefers-reduced-motion:reduce){.soma-mark,.body-view-card-content{transition:none}}

.soma-intensity-control{display:flex;gap:14px;align-items:center;margin:6px 0 20px;min-height:44px}.soma-intensity-control input[type=range]{flex:1;min-width:0;width:100%;border:0;box-shadow:none;accent-color:#a38bd1;background:transparent}.soma-intensity-control output{min-width:22px;color:#526979;text-align:center;font-size:16px}.soma-intensity-control .quiet{font-size:14px;padding:8px 0;min-height:44px}.soma-intensity-control [hidden]{display:none}.soma-finer-details>label{display:block;margin-top:18px}.soma-custom-control label{font-size:14px}

/* One clean atlas; all observation colors are drawn from the user's data. */
.soma-canvas{padding:0 0 16px;background:#c2d1e2}.soma-canvas .soma-figure{max-width:none}.soma-canvas .soma-switch{margin-top:0}.soma-canvas .soma-tap-hint{padding:0 12px}.soma-mark.soft{opacity:.88;filter:blur(4px);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--mark),white 48%) 0%,var(--mark) 28%,color-mix(in srgb,var(--mark),transparent 65%) 62%,transparent 76%);box-shadow:0 0 24px 7px color-mix(in srgb,var(--mark),transparent 72%)}

/* Scale the shared figure and its light overlays together, preserving tap alignment. */
.soma-canvas .soma-figure{width:90%;max-width:400px}
@media(max-width:760px){.soma-canvas .soma-figure{width:86%;max-width:320px}}