@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&family=Noto+Sans+Hebrew:wght@500;600;700;800&display=swap');
:root{--background:35 41% 94%;--foreground:21 17% 24%;--card:38 100% 98%;--card-foreground:21 17% 24%;--popover:38 100% 98%;--popover-foreground:21 17% 24%;--primary:24 48% 40%;--primary-foreground:38 100% 98%;--secondary:38 55% 89%;--secondary-foreground:21 27% 28%;--muted:38 45% 90%;--muted-foreground:24 15% 43%;--accent:38 55% 89%;--accent-foreground:21 27% 28%;--border:39 43% 65%;--input:39 43% 65%;--ring:38 58% 45%;--warm:38 55% 89%;--cream:38 100% 98%;--heading:21 27% 28%;--subheading:33 55% 38%;--radius:1.2rem}
body{background:radial-gradient(circle at 50% 0,#fffaf2 0,#f4eee5 48%,#e9ddcb 100%);font-family:Assistant,'Segoe UI',Arial,sans-serif;line-height:1.7;color:#463831}.page-container.bg-cream,.page-container.bg-warm{background:transparent}.page-container{padding:30px 20px 60px}.max-w-2xl{max-width:860px}.heading-primary{font-family:'Noto Sans Hebrew',Assistant,sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.4}.heading-secondary{font-size:clamp(1.15rem,3.5vw,1.45rem);line-height:1.6}.heading-step{font-family:Assistant,sans-serif;line-height:1.5;font-weight:700}.step-block{background:rgba(255,252,247,.95);border:1px solid #dfcda8;border-radius:26px;padding:clamp(22px,4vw,34px);box-shadow:0 16px 45px rgba(83,58,46,.08)}.btn-tool{border-radius:999px;background:linear-gradient(110deg,#765044,#a97a62,#70483d);color:#fffdf9;border:1px solid #987052;box-shadow:0 7px 16px rgba(92,58,44,.14);padding:13px 24px;font-size:1.12rem;line-height:1.5}.btn-tool:hover{background:linear-gradient(110deg,#684437,#95674f,#623d32)}.btn-tool:focus-visible,.checkbox-custom:focus-visible,.radio-custom:focus-visible{outline:3px solid #b9852f;outline-offset:4px}.checkbox-label{padding:11px 14px;background:white;border:1px solid #e3d4ba;border-radius:14px;gap:12px}.checkbox-label:has(input:checked){background:#f8eedc;border-color:#b9852f}.checkbox-custom,.radio-custom{accent-color:#b9852f}.textarea-custom{border:1px solid #d4c09d;border-radius:16px;background:#fff;line-height:1.7;color:#463831}.textarea-custom:focus{border-color:#b9852f;box-shadow:0 0 0 3px #b9852f22}.message-box{background:#f8eedc;border:1px solid #dfcda8;border-radius:18px;padding:20px;color:#684c3b}.block-a,.block-b{border-radius:20px;border-color:#dfcda8;background:#fffaf2}.slider-custom{background:#e3d2b5}.slider-custom::-webkit-slider-thumb{background:#b9852f}.slider-custom::-moz-range-thumb{background:#b9852f}footer{border-color:#dfcda8!important}footer p{color:#746861!important}h1,h2,h3,p,button,label{overflow-wrap:break-word}
@media(max-width:640px){.page-container{padding:22px 16px 42px}.step-block{border-radius:22px;padding:22px 18px}.flex.justify-between.items-center.mb-6{align-items:flex-start;gap:12px;flex-wrap:wrap}.heading-primary{font-size:1.85rem}.btn-tool{padding:11px 18px;font-size:1rem}.text-body-main{font-size:1.08rem}.text-small-muted{font-size:.9rem}.checkbox-label{padding:10px 12px}.heading-step{font-size:1.2rem}}

/* Interactive truth cards and boundary guidance */
.truth-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;margin:24px 0}.truth-card{perspective:1100px;min-width:0;border:1px solid #c49a52;border-radius:24px;background:linear-gradient(145deg,#fffefa,#f1e4cf);box-shadow:0 6px 0 #7e583b18,0 16px 32px #563b3014;overflow:hidden}.truth-card-1{background:linear-gradient(145deg,#fff8f3,#f3e6db)}.truth-card-2{background:linear-gradient(145deg,#fffefa,#f5e8d8)}.truth-card-face{animation:truthFlip .48s ease both;transform-origin:center;backface-visibility:hidden}.truth-card-toggle{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;width:100%;padding:24px 16px;background:transparent;color:#5c4035;cursor:pointer}.truth-card-toggle:focus-visible{outline:3px solid #b9852f;outline-offset:-6px}.truth-card-mark{font-size:2.1rem;color:#a87524;line-height:1.2}.truth-card-hint{font-size:.95rem;color:#80602e}.truth-card-front{padding:0 20px 28px;min-height:110px;text-align:center}.truth-card-content{padding:0 16px 22px}.truth-card-example{border-top:1px solid #c49a5260;border-bottom:1px solid #c49a5260;padding:18px 0;margin-bottom:18px}.truth-card-content .checkbox-label{padding:10px;font-size:1rem}.truth-card-note{margin-top:18px;padding:15px 12px;background:#fffaf2;border:1px solid #dfcda8;border-radius:15px;font-weight:600}.truth-card.is-open{box-shadow:0 6px 0 #7e583b18,0 22px 38px #563b3020}.boundary-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.boundary-level{display:flex;align-items:center;gap:10px;padding:16px 12px;border:1px solid #dfcda8;border-radius:16px;background:white;cursor:pointer;font-weight:700}.boundary-level input{width:20px;height:20px;accent-color:#b9852f}.boundary-level.selected{border:2px solid #b9852f;background:#f8eedc}.boundary-result,.boundary-action{padding:22px;border:1px solid #d5b877;border-radius:20px;background:#fffaf2}.boundary-result-green,.boundary-action-green{border-right:5px solid #7f9276}.boundary-result-yellow,.boundary-action-yellow{border-right:5px solid #c29236}.boundary-result-red,.boundary-action-red{border-right:5px solid #b77765}.btn-tool:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@keyframes truthFlip{from{transform:rotateY(-80deg);opacity:.35}to{transform:rotateY(0);opacity:1}}@media(max-width:740px){.truth-card-grid{grid-template-columns:1fr}.truth-card-front{min-height:0}.truth-card-toggle{padding:22px}.truth-card-content{padding:0 20px 24px}.boundary-levels{grid-template-columns:1fr}.boundary-result,.boundary-action{padding:18px}}@media(prefers-reduced-motion:reduce){.truth-card-face{animation:none}}

/* Optional before/after check-in, kept as one compact strip. */
.tool-feeling{border:1px solid #ddc9a9;border-radius:16px;background:#fffaf2;padding:.8rem 1rem;margin:0 0 1.3rem;min-width:0;font-family:Assistant,sans-serif;text-align:center}
.tool-feeling legend{padding:0 .4rem;font-size:1rem;font-weight:600;color:#634938}
.feeling-line{display:flex;align-items:center;justify-content:center;gap:.65rem}
.feeling-end{font-size:.875rem;color:#766451}
.feeling-choices{display:flex;gap:.25rem;direction:rtl}
.feeling-choice{position:relative;cursor:pointer;display:flex;width:44px;height:44px;align-items:center;justify-content:center}
.feeling-choice input{position:absolute;opacity:0;width:1px;height:1px}
.feeling-choice span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d7c3a3;border-radius:50%;font-size:1rem;background:#fff;color:#634938}
.feeling-choice input:checked+span{background:#815a43;border-color:#815a43;color:#fff}
.feeling-choice input:focus-visible+span{outline:2px solid #815a43;outline-offset:3px}
.feeling-caption{font-size:.875rem;color:#766451;margin-top:.3rem;line-height:1.5}
.feeling-reset{font:inherit;font-size:.875rem;color:#766451;background:none;border:0;padding:.4rem;text-decoration:underline;cursor:pointer}
@media(max-width:480px){.tool-feeling{padding:.65rem .5rem}.feeling-line{gap:.2rem}.feeling-choice{width:38px;height:44px}.feeling-choice span{width:32px;height:32px}.feeling-end{font-size:.875rem;max-width:42px;line-height:1.25}}

/* Give every tool title its own centered row, separate from navigation. */
.tool-header{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:1rem;width:100%}
.tool-header .heading-primary{width:100%;text-align:center;margin:0}
.tool-header .btn-tool{order:-1;align-self:flex-start;margin-bottom:1.25rem;padding:9px 18px;font-size:1rem}
.tool-intro{text-align:center;margin-left:auto;margin-right:auto;max-width:760px}
/* The question sits above the rating, with room to wrap cleanly on mobile. */
.tool-feeling{margin-top:1.8rem;padding:1rem .85rem .85rem}
.tool-feeling legend{display:block;width:100%;float:none;text-align:center;line-height:1.6;padding:0 .25rem}
.tool-feeling .feeling-line{margin-top:1rem}
@media(max-width:480px){.tool-header .btn-tool{margin-bottom:1.1rem}.tool-feeling{padding:1rem .5rem .8rem}.tool-feeling legend{font-size:1rem}.feeling-end{max-width:46px}}