/* An AUsome Life — immersive family & caregiver field notes.
   Long-form pages should feel like a field guide, not a word-processing document. */
.caregiver-notes{background:
  radial-gradient(circle at 86% 7%,rgba(211,222,201,.42),transparent 25rem),
  linear-gradient(180deg,#fbf8f0 0,#fffdf8 22rem,#fffdf8 100%)}
.caregiver-notes .article-heading{position:relative;overflow:hidden;max-width:1080px;padding:46px 280px 46px 38px;margin-top:22px;background:linear-gradient(135deg,#eef2e8,#fbf6e9 68%);border:1px solid #c6d0be;border-top:5px solid #315440;box-shadow:0 16px 34px rgba(23,60,76,.055)}
.caregiver-notes .article-heading:after{content:"";position:absolute;right:34px;bottom:10px;width:210px;height:210px;background:url('/assets/navigation-watercolors/home-320.webp') center/contain no-repeat;opacity:.88;mix-blend-mode:multiply}
.caregiver-notes .article-heading h1{position:relative;z-index:1;color:#244b3e}
.caregiver-notes .article-heading .article-dek{position:relative;z-index:1;font:italic 1.3rem/1.55 Georgia,serif;color:#526653}
.caregiver-notes .article-utility{position:relative;z-index:1}
.caregiver-notes .article-layout{grid-template-columns:220px minmax(0,800px);gap:48px;padding-top:34px}
.caregiver-notes .article-toc{top:86px;border:1px solid #ccd4c6;border-top:4px solid #315440;background:#f5f1e6;padding:14px 18px 20px;box-shadow:0 10px 25px rgba(23,60,76,.04)}
.caregiver-notes .article-toc summary{font-weight:800;color:#315440}
.caregiver-notes .article-toc ol{margin-bottom:0}
.caregiver-notes .article-toc li{padding-left:5px}
.caregiver-notes .article-toc a{display:inline-block;padding-block:5px;text-underline-offset:4px}
.caregiver-notes .article-toc a:hover{text-decoration:underline}
.caregiver-notes .article-body{font-size:1rem;line-height:1.82}
.caregiver-notes .article-body>p{max-width:67ch}
.caregiver-notes .article-body h2{position:relative;display:flex;align-items:center;min-height:104px;margin:64px 0 25px;padding:23px 28px 23px 114px;background:#eef2e8;border:1px solid #c8d1c1;border-left:5px solid #315440;color:#214a3a;box-shadow:0 8px 25px rgba(23,60,76,.045)}
.caregiver-notes .article-body h2:first-child{margin-top:0}
.caregiver-notes .article-body h2::before{content:"";position:absolute;left:22px;top:14px;width:74px;height:74px;background:center/contain no-repeat;mix-blend-mode:multiply;opacity:.92}
.caregiver-notes #choose::before{background-image:url('/assets/navigation-watercolors/menu-320.webp')}
.caregiver-notes #principles::before{background-image:url('/assets/navigation-watercolors/picture-cards-320.webp')}
.caregiver-notes #others::before{background-image:url('/assets/navigation-watercolors/home-320.webp')}
.caregiver-notes #handover::before{background-image:url('/assets/navigation-watercolors/directory-320.webp')}
.caregiver-notes #prompt::before{background-image:url('/assets/navigation-watercolors/outings-320.webp')}

.caregiver-notes .role-directory{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:28px 0 12px}
.caregiver-notes .role-directory>li{position:relative;overflow:hidden;min-height:168px;padding:25px 22px 22px 92px;border:1px solid #c9d1c1;border-top:4px solid #59745e;background:linear-gradient(145deg,#f7f2e7,#eef2e8)}
.caregiver-notes .role-directory>li:before{content:"";position:absolute;left:17px;top:23px;width:58px;height:58px;background:url('/assets/navigation-watercolors/home-128.webp') center/contain no-repeat;opacity:.86;mix-blend-mode:multiply}
.caregiver-notes .role-directory>li:nth-child(2n):before{background-image:url('/assets/navigation-watercolors/outings-128.webp')}
.caregiver-notes .role-directory>li:nth-child(3n):before{background-image:url('/assets/navigation-watercolors/directory-128.webp')}
.caregiver-notes .role-directory>li:nth-child(4n):before{background-image:url('/assets/navigation-watercolors/picture-cards-128.webp')}
.caregiver-notes .role-directory a{display:inline-block;min-height:40px;padding:0;color:#244b3e}
.caregiver-notes .role-directory strong{font:400 1.35rem/1.2 Georgia,serif}
.caregiver-notes .role-directory p{margin:8px 0 0;font-size:.92rem;line-height:1.6;color:#405b50}

.caregiver-notes .article-body>ol{list-style:none;counter-reset:care-step;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:27px 0 34px}
.caregiver-notes .article-body>ol>li{counter-increment:care-step;position:relative;margin:0;padding:22px 20px 20px 62px;background:#fbf5e9;border:1px solid #d8cfbd;min-height:126px}
.caregiver-notes .article-body>ol>li:before{content:counter(care-step);position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#315440;color:#fffaf0;font:700 .8rem Arial,sans-serif}
.caregiver-notes .article-body>ol strong{display:block;font:400 1.15rem/1.3 Georgia,serif;color:#244b3e;margin-bottom:5px}

.caregiver-notes #others+p,.caregiver-notes #handover+p,.caregiver-notes #prompt+p{max-width:none;padding:24px 27px;background:#f7f2e7;border-left:4px solid #a37b47;font:400 1.05rem/1.72 Georgia,serif;color:#314d45}
.caregiver-notes #others+p+p,.caregiver-notes #handover+p+p,.caregiver-notes #prompt+p+p{max-width:64ch}
.caregiver-notes .source-panel{background:#edf2ea;border:1px solid #cbd4c6;border-left:4px solid #315440;padding:15px 24px;margin-top:44px}
.caregiver-notes .family-return{margin-top:35px;padding:24px 27px;border:1px solid #c9d1c1;background:#f7f2e7;text-align:center}
.caregiver-notes .family-return a{font:400 1.15rem Georgia,serif;color:#244b3e}

.caregiver-notes .handover-template{border-block:1px solid var(--ed-line);padding-block:16px}
.caregiver-notes .handover-template dt{font-weight:700;margin-top:14px}
.caregiver-notes .handover-template dd{margin-left:0}

@media(max-width:900px){
  .caregiver-notes .article-heading{padding-right:210px}
  .caregiver-notes .article-heading:after{width:170px;height:170px;right:20px}
  .caregiver-notes .article-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}
  .caregiver-notes .role-directory{grid-template-columns:1fr}
}
@media(max-width:700px){
  .caregiver-notes .article-heading{padding:30px 24px 178px}
  .caregiver-notes .article-heading:after{right:50%;transform:translateX(50%);bottom:4px;width:165px;height:165px}
  .caregiver-notes .article-layout{display:block}
  .caregiver-notes .article-toc{position:relative;top:auto;margin-bottom:28px}
  .caregiver-notes .article-body h2{min-height:88px;padding:19px 18px 19px 88px}
  .caregiver-notes .article-body h2::before{left:14px;top:13px;width:60px;height:60px}
  .caregiver-notes .article-body>ol{grid-template-columns:1fr}
  .caregiver-notes .role-directory>li{padding-left:82px}
}
@media print{
  .caregiver-notes{background:#fff}
  .caregiver-notes .article-heading{padding:20px 0;background:#fff;border:0;box-shadow:none}
  .caregiver-notes .article-heading:after,.caregiver-notes .article-body h2::before,.caregiver-notes .role-directory>li:before{display:none}
  .caregiver-notes .article-body h2{padding:12px 0;background:#fff;border:0;box-shadow:none;min-height:0}
  .caregiver-notes .role-directory,.caregiver-notes .article-body>ol{display:block}
  .caregiver-notes .role-directory>li,.caregiver-notes .article-body>ol>li{break-inside:avoid;background:#fff;margin-bottom:8px}
  .caregiver-notes .article-heading{break-after:avoid}
  .caregiver-notes .handover-template dt{break-after:avoid}
  .caregiver-notes .family-return{display:none}
}