/* Adis: a calm, practical surface in the existing cocoa and sand identity. */
:root{--adis-ink:#3c291f;--adis-brown:#63442f;--adis-paper:#fbf8f3;--adis-line:#d9ccba;--adis-sand:#eee3d3}
body.suite-context{color:var(--adis-ink);background:var(--adis-paper);font-size:16px;line-height:1.6}
#suite-shell{background:var(--adis-paper);color:var(--adis-ink);border-color:var(--adis-line)}
#suite-shell .suite-brand,#suite-shell .suite-help,#suite-shell .suite-home{color:var(--adis-ink)}
#suite-shell .suite-help{border-color:var(--adis-brown);background:var(--adis-brown);color:white}
#suite-shell .suite-toolbar{border-color:var(--adis-line)}
body.suite-context main{max-width:1120px;padding-top:24px;padding-bottom:110px}
body.suite-context main .panel{padding:0;border:0;box-shadow:none;background:transparent}
.care-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:4px 0 24px}
.care-intro h1{font-size:clamp(1.9rem,4vw,2.75rem);font-weight:720;letter-spacing:-.035em;line-height:1.18;margin:6px 0 12px}
.care-intro p{max-width:65ch;margin:0;color:#665141}
.care-kicker{font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:#79573d}
.care-date{font-size:.875rem;white-space:nowrap;color:#6f5946;padding:10px 0}
.care-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin:20px 0}
.care-panel{padding:25px;border:1px solid var(--adis-line);border-radius:18px;background:white;min-width:0}
.care-panel h2{margin:0 0 10px;font-size:1.4rem;line-height:1.3}
.care-panel p{margin:8px 0 16px}
.care-moment{background:var(--adis-ink);color:#fffaf3;border-color:var(--adis-ink)}
.care-moment .care-kicker{color:#e9c6a2}.care-moment p{color:#eee0d0}
.care-moment .care-choice{background:#fffaf3;color:var(--adis-ink);border:0}
.care-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.care-choice{font:inherit;font-weight:650;text-align:left;padding:15px;border:1px solid var(--adis-line);border-radius:11px;background:#fff;color:var(--adis-ink);min-height:52px;line-height:1.45;white-space:normal}
.care-choice:hover{background:var(--adis-sand)}.care-choice:focus-visible{outline:3px solid #c67930;outline-offset:3px}
.care-caption{font-size:.875rem;color:#705e4e}.care-moment .care-caption{color:#e0cbb8;margin-bottom:0}
.care-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.care-actions button,.care-actions a{font:inherit;font-weight:650;min-height:46px;border:1px solid var(--adis-brown);border-radius:10px;padding:10px 16px;background:var(--adis-brown);color:#fff;text-decoration:none;white-space:normal}
.care-actions .secondary{background:#fff;color:var(--adis-ink);border-color:var(--adis-line)}
.care-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.care-feature-row .care-choice{display:flex;flex-direction:column;gap:5px;padding:20px}
.care-feature-row small{font-size:.875rem;font-weight:400;color:#705e4e}
.care-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:30px 0 14px}.care-section-head h2{margin:0;font-size:1.5rem}
.care-section-head span{color:#705e4e;font-size:.875rem}
.care-search{width:100%;background:white;border:1px solid #a68f78;border-radius:10px;padding:13px 15px;font:inherit;margin:6px 0 14px;color:var(--adis-ink)}
.care-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.care-topic{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:white;border:1px solid var(--adis-line);border-radius:13px;padding:20px;text-align:left;color:var(--adis-ink);font:inherit;min-width:0}
.care-topic:hover,.care-topic[aria-pressed=true]{border-color:var(--adis-brown);background:var(--adis-sand)}
.care-topic[hidden],#care-detail[hidden],#care-empty[hidden]{display:none!important}
.care-topic strong{font-size:1.1rem;line-height:1.3}.care-topic small{font-size:.875rem;line-height:1.5;color:#705e4e}
.care-topic .care-kind{font-size:.875rem;color:#7d573b}.care-topic .care-index{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:.875rem;color:#8b6342}
#care-detail{margin-top:22px}.care-detail-head{border-bottom:1px solid var(--adis-line);padding-bottom:18px;margin-bottom:18px}.care-detail-head h2{font-size:1.85rem;margin-top:6px}
.care-warning{padding:16px 18px;background:#fff0df;border-left:4px solid #9e5b26;border-radius:7px;line-height:1.6;margin:18px 0}
.care-steps{padding-left:1.4rem}.care-steps li{padding-left:5px;margin:12px 0}
.care-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.care-form-grid textarea{min-height:115px;background:var(--adis-paper)}
.care-form-grid label{font-size:1rem;font-weight:650}.care-form-grid input,.care-form-grid select{width:100%;padding:12px;border:1px solid #bba994;border-radius:10px;background:white;font:inherit}
.care-progress{font-size:.875rem;color:#735840;min-height:1.5rem}.care-sources{font-size:.875rem;margin-top:20px}.care-sources a{margin-right:12px;text-underline-offset:3px}
.care-disclosure{padding:18px 0;border-bottom:1px solid var(--adis-line)}.care-disclosure summary{font-size:1.05rem;font-weight:650;cursor:pointer;min-height:30px}.care-disclosure p{margin:12px 0}.care-disclosure ul{padding-left:22px}
.care-bottom{display:flex;justify-content:center;gap:5px;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#fbf8f3f5;border-top:1px solid var(--adis-line);position:fixed;bottom:0;left:0;right:0;z-index:15;backdrop-filter:blur(12px)}
.care-bottom button{font:inherit;font-size:.875rem;min-height:46px;padding:10px 16px;border:0;background:transparent;color:var(--adis-ink);border-radius:10px;font-weight:650}
.care-bottom button[aria-current=page]{background:var(--adis-ink);color:white}
.care-support-line{margin:20px 0;font-size:.875rem;color:#705e4e}.care-week-template{background:var(--adis-sand)}
.care-week-template select{width:100%;font:inherit;padding:12px;border:1px solid #bba994;border-radius:8px;background:white}
.care-week-preview{font-size:1rem;margin:15px 0}.care-section-foot{margin-top:30px;border-top:1px solid var(--adis-line);padding-top:20px;font-size:.875rem;color:#705e4e}
body.suite-context footer{padding-bottom:110px}
@media(max-width:700px){body.suite-context main{padding-bottom:110px!important}}
@media(max-width:760px){.care-grid{grid-template-columns:1fr}.care-topics{grid-template-columns:1fr 1fr}.care-intro{display:block}.care-date{display:none}.care-panel{padding:20px}.care-feature-row{grid-template-columns:1fr}.care-feature-row .care-choice{padding:16px}.care-form-grid{grid-template-columns:1fr}.care-bottom{gap:0;padding-left:5px;padding-right:5px}.care-bottom button{flex:1;padding:9px 4px;font-size:.875rem}.care-section-head{align-items:flex-start;flex-direction:column;gap:2px}}
@media(max-width:380px){.care-topics{grid-template-columns:1fr}.care-choices{grid-template-columns:1fr}.care-topic{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important}}
@media print{#suite-shell,.care-bottom,body>header,.care-actions{display:none!important}.care-panel{break-inside:avoid}.care-topics{display:none}body.suite-context main{padding:0}}

/* Keep the recovery menu readable under the shared appearance styles. */
html#hyvinn-ui[data-hyvinn-app="adis"] #about .care-moment,
html#hyvinn-ui[data-hyvinn-app="adis"] #about .care-moment *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html#hyvinn-ui[data-hyvinn-app="adis"] #about .care-moment .care-choice{
  background:#63442f!important;border:1px solid #bda18a!important;
}
html#hyvinn-ui[data-hyvinn-app="adis"] #about .care-moment .care-choice:hover{
  background:#78563d!important;
}
/* The main header already provides home and menu controls. */
html[data-hyvinn-app="adis"] #suite-shell .suite-toolbar>.suite-home,
html[data-hyvinn-app="adis"] #suite-menu-toggle{display:none!important}