/* Revisi I: retain the PeatLogic palette, strengthen navigation and action meaning. */
.support-menu{position:relative}.support-menu summary{cursor:pointer;padding:12px;min-height:44px;font-weight:700}.support-menu>div{position:absolute;z-index:70;top:100%;right:0;min-width:210px;background:#fff;border:1px solid #cad8d0;border-radius:14px;padding:10px;box-shadow:0 14px 36px #123d3424}.support-menu a{display:block!important;padding:10px 14px;min-height:44px;color:#123d34!important}
.score-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.score-comparison>div{padding:22px;border:1px solid #cedbd3;border-radius:14px;background:#f2f6f1;min-width:0}.score-comparison span,.score-comparison strong{display:block}.score-comparison strong{font-size:clamp(1.7rem,4vw,2.6rem);color:#123d34;margin-top:10px}.score-comparison small{font-size:.9rem;font-weight:500}.result-summary{margin:24px 0}.cycle-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.cycle-picker select{width:auto;min-height:44px;max-width:100%}.cycle-label{font-weight:700;color:#24483f}
.stage-write-actions,.save-exit{display:flex;gap:12px;align-items:center}.stage-write-actions{flex-wrap:wrap;justify-content:flex-end}.save-exit{flex-wrap:wrap;margin:24px 0}.save-exit .small-text{max-width:480px}.bottom-actions{flex-wrap:wrap}.testimonial-own{padding:20px 0;border-top:1px solid #d2ddd7;margin-top:24px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.testimonial-grid blockquote{margin:0;padding:20px;border-left:3px solid #647e62;background:#f5f7f3}.testimonial-grid p,.testimonial-own p,.prose{white-space:pre-wrap;overflow-wrap:anywhere}
:is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #166c87;outline-offset:4px}.actions{flex-wrap:wrap}dialog{max-width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}main{min-width:0}.reflection-private{max-width:900px}.small-link,.term-button{display:inline-flex;align-items:center;min-height:44px}button,input,select{min-height:44px}a,button{overflow-wrap:anywhere}.stage-status{font-size:.8rem;font-weight:600}.table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:800px){.support-menu>div{position:static;box-shadow:none;min-width:0}.support-menu summary{color:inherit}.score-comparison{gap:10px}.score-comparison>div{padding:14px}.testimonial-grid{grid-template-columns:1fr}.bottom-actions>div:not(.stage-write-actions){display:none}.bottom-actions .stage-write-actions{flex:1}.bottom-actions .button{padding:12px 14px;min-height:48px}.save-exit>*{width:100%;max-width:none!important}}
@media(max-width:480px){.score-comparison{grid-template-columns:1fr}.score-comparison>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.score-comparison strong{font-size:1.7rem;margin:0}.stage-write-actions{gap:6px}.bottom-actions{gap:8px;padding:10px 12px}.bottom-actions>.button{flex:0 0 100%;justify-content:center}.stage-write-actions .button{flex:1}.support-menu{width:100%}.assessment-confirm .actions>*{width:100%}.result-summary h2{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep locked-stage explanations from squeezing the stage title on mobile. */
.milestone-lock{max-width:155px;display:flex;align-items:flex-start;gap:8px}.milestone-lock>.icon{flex:none;width:16px;height:16px;margin-top:3px}.milestone-lock>small{margin:0}
@media(max-width:600px){.milestone.locked{grid-template-columns:36px minmax(0,1fr);row-gap:8px}.milestone-lock{grid-column:2;max-width:none}}
@media(max-width:600px){.page-heading{flex-wrap:wrap}.page-heading>div:first-child{flex:1 1 100%;min-width:0}.page-heading>.button{flex:0 0 auto;min-width:150px;max-width:100%;font-size:.9rem}}