.cup-care-hero{padding:48px 0 34px}.care-intro{text-align:center;max-width:740px;margin:0 auto 34px}.care-intro h1{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.06;margin:20px 0}.care-intro>p{color:var(--muted);max-width:560px;margin:0 auto;font-size:1rem}.cup-care-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,430px) minmax(180px,1fr);gap:32px;align-items:center}.cup-visual{margin:0}.cup-image-wrap{position:relative}.cup-image-wrap>img{display:block;width:100%;height:auto}.cup-pointers{position:absolute;inset:0;width:100%;height:100%;color:#c2ef00;pointer-events:none}.cup-visual figcaption{color:var(--muted);text-align:center;font-size:.875rem;margin-top:12px}.cup-notes{display:grid;gap:44px}.cup-note h2{font-size:1.12rem;line-height:1.25;margin:9px 0 10px;letter-spacing:0}.cup-note p{font-size:1rem;line-height:1.6;color:var(--muted);margin:0}.care-note-number{font-size:.875rem;font-weight:700;letter-spacing:.12em;color:#c2ef00}.care-guide-link{display:block;width:fit-content;margin:32px auto 0;color:#c2ef00;text-decoration:underline;text-underline-offset:5px}.care-basics{display:flex;flex-wrap:wrap;gap:16px 30px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.95rem}.care-guide-index{margin:35px 0}.care-guide-index .guide-index{max-width:none;margin:0}
@media(max-width:900px){.cup-care-layout{gap:22px;grid-template-columns:minmax(160px,1fr) minmax(210px,330px) minmax(160px,1fr)}.cup-notes{gap:28px}}
@media(max-width:700px){.cup-care-hero{padding-top:32px}.care-intro{text-align:left;margin-bottom:24px}.care-intro>p{margin:0}.cup-care-layout{grid-template-columns:1fr}.cup-visual{grid-row:1;max-width:360px;width:100%;margin:auto}.cup-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cup-notes-right .cup-note:last-child{grid-column:1/-1}.cup-pointers{display:none}.cup-note h2{font-size:1.1rem}.care-basics{gap:14px 24px}}
@media(max-width:380px){.cup-notes{grid-template-columns:1fr}}