@charset "UTF-8";

.care-hero { grid-template-columns: minmax(0,1.15fr) minmax(290px,.7fr); }
.care-hero h1 { max-width: 830px; font-size: clamp(44px,6.3vw,76px); }
.care-hero .hero-art { width: min(100%,390px); }
.care-hero .hero-art img { aspect-ratio: 5/6; object-position:center; border-radius: 30px 30px 112px 112px; }

.care-jump { margin:18px 0 0; padding:13px 15px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; border:1px solid rgba(235,201,121,.2); border-radius:18px; background:rgba(13,7,18,.72); }
.care-jump>span { margin:0 5px 0 2px; color:var(--muted-soft); font-size:12px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.care-jump a { padding:8px 11px; border:1px solid rgba(185,147,214,.18); border-radius:999px; color:var(--muted); font-size:14px; font-weight:750; text-decoration:none; }
.care-jump a:hover { border-color:rgba(235,201,121,.45); color:var(--gold-light); background:rgba(235,201,121,.055); }

.care-tool { position:relative; isolation:isolate; margin-top:18px; padding:clamp(27px,5vw,50px); overflow:hidden; scroll-margin-top:74px; border:1px solid rgba(235,201,121,.35); border-radius:30px; background:radial-gradient(circle at 100% 0,rgba(61,145,133,.2),transparent 38%),radial-gradient(circle at 0 100%,rgba(142,82,171,.18),transparent 34%),linear-gradient(155deg,rgba(29,15,38,.98),rgba(9,5,14,.99)); box-shadow:0 25px 70px rgba(0,0,0,.25); }
.care-tool::after { position:absolute; z-index:-1; right:-135px; top:-170px; width:420px; height:420px; border:1px solid rgba(235,201,121,.08); border-radius:50%; content:""; }
.care-tool>header { max-width:820px; margin-bottom:27px; }
.care-tool h2 { margin:0 0 13px; color:var(--gold-light); font-size:clamp(31px,4.6vw,47px); line-height:1.06; letter-spacing:-.025em; }
.care-tool header>p:last-child { margin:0; color:var(--muted); font-size:16px; line-height:1.72; }
.care-tool form { display:grid; gap:15px; }
.care-tool fieldset { min-width:0; margin:0; padding:22px; border:1px solid rgba(185,147,214,.2); border-radius:21px; background:rgba(255,255,255,.02); }
.care-tool legend { padding:0 8px 0 0; color:#f8dfa7; font:400 21px/1.35 Georgia,"Times New Roman",serif; }
.care-options { margin-top:15px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.care-options.care-time { grid-template-columns:repeat(2,minmax(0,1fr)); }
.care-options label { position:relative; min-width:0; cursor:pointer; }
.care-options input { position:absolute; width:1px; height:1px; opacity:0; }
.care-options label>span { position:relative; min-height:96px; padding:16px 16px 16px 47px; display:flex; flex-direction:column; justify-content:center; gap:6px; border:1px solid rgba(185,147,214,.2); border-radius:17px; background:rgba(7,3,12,.34); transition:.2s ease; }
.care-options label>span::before,.care-options label>span::after { position:absolute; border-radius:50%; content:""; }
.care-options label>span::before { top:20px; left:17px; width:17px; height:17px; border:1px solid rgba(235,201,121,.5); }
.care-options label>span::after { top:25px; left:22px; width:9px; height:9px; background:transparent; transform:scale(.4); transition:.18s ease; }
.care-options b { color:var(--gold-light); font-size:16px; }
.care-options small { color:var(--muted); font-size:14px; line-height:1.45; }
.care-options label:hover>span { border-color:rgba(235,201,121,.38); transform:translateY(-1px); }
.care-options input:focus-visible+span { outline:3px solid var(--focus); outline-offset:4px; }
.care-options input:checked+span { border-color:rgba(235,201,121,.65); background:linear-gradient(135deg,rgba(235,201,121,.11),rgba(62,145,133,.09)); }
.care-options input:checked+span::after { background:var(--gold-light); box-shadow:0 0 11px rgba(235,201,121,.45); transform:scale(1); }
.tool-actions,.result-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.tool-reset { min-height:46px; padding:10px 17px; border:0; color:var(--muted); background:transparent; font:750 14px/1 Inter,ui-sans-serif,sans-serif; cursor:pointer; }
.tool-reset:hover { color:var(--gold-light); }
.care-result { margin-top:25px; padding:24px; border:1px solid rgba(235,201,121,.32); border-radius:22px; background:rgba(5,3,10,.48); }
.care-result h3 { margin:0 0 8px; color:var(--gold-light); font:400 clamp(25px,3.4vw,36px)/1.1 Georgia,"Times New Roman",serif; }
.care-result>div>p:last-child { color:var(--muted); line-height:1.65; }
.care-result ol { margin:21px 0; padding:0; display:grid; gap:10px; list-style:none; }
.care-result li { padding:13px 15px; display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:center; border:1px solid rgba(185,147,214,.16); border-radius:14px; background:rgba(255,255,255,.02); }
.care-result li span { color:var(--gold); font-size:12px; font-weight:900; letter-spacing:.08em; }
.care-result li p { margin:0; color:var(--text); font-size:15px; line-height:1.55; }
.copy-status { min-height:22px; margin:12px 0 0; color:#c8e7d5; font-size:14px; }
.tool-privacy { margin:20px 0 0; padding-top:17px; border-top:1px solid rgba(185,147,214,.15); color:var(--muted); font-size:14px; line-height:1.55; }
.tool-privacy span { margin-right:7px; color:var(--gold); }
.tool-noscript { margin-top:16px; padding:16px; display:grid; gap:5px; border:1px solid rgba(235,201,121,.28); border-radius:14px; color:var(--muted); }

.difference-grid,.avoid-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.difference-grid article,.avoid-grid article { padding:24px; border:1px solid rgba(185,147,214,.18); border-radius:20px; background:linear-gradient(155deg,rgba(31,16,40,.72),rgba(12,7,18,.86)); }
.difference-grid article>span,.avoid-grid article>span { display:grid; width:45px; height:45px; place-items:center; border:1px solid rgba(235,201,121,.3); border-radius:50%; color:var(--gold-light); font-size:18px; }
.difference-grid h3,.avoid-grid h3 { margin:17px 0 9px; color:var(--gold-light); font:400 23px/1.2 Georgia,"Times New Roman",serif; }
.difference-grid p,.avoid-grid p { margin:0; color:var(--muted); font-size:15px; line-height:1.68; }
.difference-grid strong { display:block; margin-top:15px; color:#cae9dc; font-size:13px; letter-spacing:.05em; text-transform:uppercase; }

.care-sequence { margin:0; padding:0; display:grid; gap:11px; list-style:none; }
.care-sequence li { padding:19px 21px; display:grid; grid-template-columns:56px minmax(0,1fr); gap:17px; align-items:start; border:1px solid rgba(185,147,214,.16); border-radius:18px; background:rgba(255,255,255,.02); }
.care-sequence>li>span { display:grid; width:46px; height:46px; place-items:center; border:1px solid rgba(235,201,121,.3); border-radius:50%; color:var(--gold); font-size:12px; font-weight:900; }
.care-sequence h3 { margin:1px 0 6px; color:var(--gold-light); font:400 22px/1.2 Georgia,"Times New Roman",serif; }
.care-sequence p { margin:0; color:var(--muted); font-size:15px; line-height:1.65; }

.avoid-section { margin-top:18px; padding:clamp(27px,5vw,48px); border:1px solid rgba(205,125,112,.24); border-radius:30px; background:radial-gradient(circle at 0 0,rgba(166,86,76,.11),transparent 34%),rgba(12,6,17,.83); }
.avoid-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.avoid-grid article>span { border-color:rgba(215,139,124,.3); color:#efbaae; }

.ritual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ritual-grid article { padding:20px; display:grid; grid-template-columns:45px 1fr; gap:15px; border:1px solid rgba(185,147,214,.17); border-radius:18px; background:rgba(255,255,255,.02); }
.ritual-grid article>span { color:var(--gold); font-size:12px; font-weight:900; letter-spacing:.09em; }
.ritual-grid h3 { margin:0 0 7px; color:var(--gold-light); font:400 21px/1.25 Georgia,"Times New Roman",serif; }
.ritual-grid p { margin:0; color:var(--muted); font-size:15px; line-height:1.62; }

.storage-list { margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; list-style:none; }
.storage-list li { padding:16px 18px; display:grid; grid-template-columns:25px 1fr; gap:9px; align-items:start; border:1px solid rgba(185,147,214,.15); border-radius:15px; color:var(--muted); font-size:15px; line-height:1.55; background:rgba(255,255,255,.018); }
.storage-list span { color:#acd8c5; font-weight:900; }
.damage-note { margin-top:18px; padding:21px; display:grid; grid-template-columns:45px 1fr; gap:15px; border:1px solid rgba(215,139,124,.28); border-radius:18px; background:rgba(130,57,51,.08); }
.damage-note>span { display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(239,186,174,.35); border-radius:50%; color:#efbaae; font-weight:900; }
.damage-note h3 { margin:0 0 7px; color:#f2c6bd; font:400 22px/1.25 Georgia,"Times New Roman",serif; }
.damage-note p { margin:0; color:var(--muted); font-size:15px; line-height:1.65; }

.faq-list { display:grid; gap:9px; }
.faq-list details { border:1px solid rgba(185,147,214,.16); border-radius:15px; background:rgba(255,255,255,.02); }
.faq-list summary { padding:18px 48px 18px 19px; color:var(--gold-light); font-size:16px; font-weight:800; line-height:1.45; cursor:pointer; }
.faq-list p { margin:0; padding:0 19px 19px; color:var(--muted); font-size:15px; line-height:1.68; }
.source-list { margin:0; padding:0; display:grid; gap:11px; list-style:none; }
.source-list li { padding:19px; display:grid; grid-template-columns:42px 1fr; gap:15px; border:1px solid rgba(185,147,214,.16); border-radius:17px; background:rgba(255,255,255,.02); }
.source-list>li>span { color:var(--gold); font-size:13px; font-weight:900; }
.source-list cite { color:var(--gold-light); font:400 20px/1.3 Georgia,"Times New Roman",serif; }
.source-list p { margin:6px 0 9px; color:var(--muted); font-size:14px; line-height:1.6; }
.source-list a { color:#c9a8df; font-size:14px; font-weight:750; }

@media (max-width:860px) {
  .care-hero { grid-template-columns:1fr; }
  .care-hero .hero-art { width:min(82vw,390px); justify-self:center; }
  .care-options,.difference-grid,.avoid-grid { grid-template-columns:1fr; }
  .ritual-grid,.storage-list { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .care-hero h1 { font-size:clamp(39px,12.5vw,58px); }
  .care-tool,.avoid-section { padding:23px 17px; border-radius:23px; }
  .care-tool fieldset { padding:17px; }
  .care-options.care-time { grid-template-columns:1fr; }
  .care-sequence li { grid-template-columns:44px 1fr; padding:17px 15px; gap:11px; }
  .care-sequence>li>span { width:39px; height:39px; }
  .damage-note { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .care-options label>span { transition:none; } }
@media print {
  .site-header,.portal-nav,.care-jump,.hero-actions,.care-tool,.related-portals,.closing-portal,.site-footer { display:none!important; }
  .care-guide-page { background:#fff!important; color:#111!important; }
  .page-shell { width:100%; max-width:none; margin:0; padding:0; }
  .portal-hero,.content-section,.avoid-section { border:0!important; box-shadow:none!important; background:#fff!important; break-inside:avoid; }
  .hero-art { display:none!important; }
  h1,h2,h3,p,li,strong,cite { color:#111!important; }
}