/* ============================================================
   Patient Care Guide & Intake Form — standalone utility page
   ============================================================ */

.care-body{background:var(--ivory-100);}

.care-header{
  background:var(--white);
  border-bottom:1px solid rgba(74,50,38,0.1);
  padding-block:1rem;
  position:sticky;top:0;z-index:50;
}
.care-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.care-header-actions{display:flex;gap:0.8rem;flex-wrap:wrap;}

.care-main{padding-block:clamp(2.5rem,5vw,4rem) 5rem;}
.care-intro{max-width:70ch;margin-bottom:3rem;}
.care-intro .section-title{margin-block:0.8rem 0.8rem;}

.care-section{
  background:var(--white);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  padding:clamp(1.75rem,4vw,2.75rem);
  margin-bottom:1.75rem;
}
.care-h2{
  font-family:var(--font-display);
  font-weight:560;
  font-size:clamp(1.35rem,2.4vw,1.7rem);
  color:var(--espresso-800);
  margin-bottom:1.4rem;
}

.care-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5rem;
}
.care-card{
  background:var(--ivory-200);
  border-radius:var(--radius-sm);
  padding:1.5rem 1.6rem;
}
.care-card.do{border-left:4px solid #3E8E5A;}
.care-card.dont{border-left:4px solid #B24C3D;}
.care-card h3{
  font-family:var(--font-display);font-size:1.05rem;color:var(--espresso-800);margin-bottom:0.8rem;
}
.care-list{display:grid;gap:0.6rem;padding-left:1.1rem;}
.care-list li{font-size:0.92rem;line-height:1.55;color:var(--espresso-700);}
.care-list.two-col{grid-template-columns:1fr 1fr;column-gap:1rem;}

.care-notice{
  background:var(--gold-100);
  border-radius:var(--radius-sm);
  padding:1.5rem 1.7rem;
}
.care-notice p{font-size:0.95rem;color:var(--espresso-800);margin-bottom:1rem;}
.care-tags{display:flex;flex-wrap:wrap;gap:0.6rem;}
.care-tags span{
  background:var(--white);
  border:1px solid rgba(169,124,47,0.35);
  color:var(--espresso-800);
  font-size:0.82rem;font-weight:600;
  padding:0.45rem 0.9rem;border-radius:999px;
}

.care-note{font-size:0.88rem;color:var(--muted);margin-top:1.2rem;}
.care-note a{color:var(--gold-600);font-weight:600;}

.myth-table{border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(74,50,38,0.12);}
.myth-row{display:grid;grid-template-columns:1fr 1.2fr;}
.myth-row:nth-child(even){background:var(--ivory-200);}
.myth-row.myth-head{background:var(--espresso-800);}
.myth-row.myth-head span{color:var(--ivory-100);font-weight:700;font-size:0.8rem;letter-spacing:0.06em;text-transform:uppercase;}
.myth-row span{padding:0.85rem 1.1rem;font-size:0.88rem;line-height:1.5;}
.myth-row span:first-child{border-right:1px solid rgba(74,50,38,0.1);color:var(--espresso-700);}
.myth-row span:last-child{color:var(--espresso-800);}

/* ---------- Brushing technique graphics ---------- */
.brush-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.1rem;
}
.brush-card{
  background:var(--ivory-200);
  border-radius:var(--radius-sm);
  padding:1.4rem 1.2rem;
  text-align:center;
}
.brush-icon{
  width:56px;height:56px;
  margin:0 auto 0.9rem;
  border-radius:50%;
  background:var(--white);
  color:var(--gold-600);
  display:flex;align-items:center;justify-content:center;
}
.brush-icon svg{width:28px;height:28px;}
.brush-card h3{font-family:var(--font-display);font-size:0.95rem;color:var(--espresso-800);margin-bottom:0.4rem;}
.brush-card p{font-size:0.8rem;color:var(--muted);line-height:1.5;}

/* ---------- Technology icon grid ---------- */
.tech-icon-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.tech-icon-card{
  display:flex;flex-direction:column;align-items:center;gap:0.6rem;
  background:var(--ivory-200);
  border-radius:var(--radius-sm);
  padding:1.2rem 0.8rem;
  text-align:center;
}
.tech-icon-card svg{width:30px;height:30px;color:var(--espresso-700);flex-shrink:0;}
.tech-icon-card span{font-size:0.78rem;font-weight:600;color:var(--espresso-800);line-height:1.35;}

/* ---------- Fun facts grid ---------- */
.fact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.1rem;
}
.fact-card{
  background:var(--ivory-200);
  border-left:3px solid var(--gold-500);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  padding:1.3rem 1.4rem;
}
.fact-card svg{width:26px;height:26px;color:var(--gold-600);margin-bottom:0.8rem;}
.fact-card p{font-size:0.86rem;line-height:1.55;color:var(--espresso-700);}

/* ---------- Daily habits checklist ---------- */
.habit-list{display:grid;gap:0.8rem;}
.habit-list li{
  display:flex;align-items:flex-start;gap:0.8rem;
  font-size:0.92rem;line-height:1.55;color:var(--espresso-700);
  background:var(--ivory-200);
  padding:0.9rem 1.1rem;
  border-radius:var(--radius-sm);
}
.habit-list li svg{width:19px;height:19px;color:#3E8E5A;flex-shrink:0;margin-top:0.15rem;}

.care-footer{
  text-align:center;font-size:0.8rem;color:var(--muted);padding-top:1.5rem;
}

@media (max-width:900px){
  .brush-grid,.tech-icon-grid{grid-template-columns:repeat(2,1fr);}
  .fact-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  .care-grid-2{grid-template-columns:1fr;}
  .care-list.two-col{grid-template-columns:1fr;}
  .myth-row{grid-template-columns:1fr;}
  .myth-row span:first-child{border-right:none;border-bottom:1px solid rgba(74,50,38,0.1);font-weight:700;}
}
@media (max-width:520px){
  .brush-grid,.tech-icon-grid,.fact-grid{grid-template-columns:1fr;}
}

/* ---------- Print ---------- */
@media print{
  body{background:#fff;}
  .care-header,.wa-float{display:none !important;}
  .care-section{box-shadow:none;border:1px solid #ddd;break-inside:avoid;}
  .care-main{padding:0;}
  a[href]::after{content:none !important;}
}