/* Help drawer · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Sheet. */
/* families/page-help/family.css */
.ph-count{font:var(--w-medium) var(--text-micro)/1 var(--font-ui);color:hsl(var(--muted-foreground));background:hsl(var(--muted));padding:5px 8px;border-radius:var(--r-chip)}
/* families/page-help/family.css */
.ph-drawer{width:var(--help-w)}
/* families/page-help/family.css */
.ph-d-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-3) var(--s-4) var(--s-5);border-bottom:1px solid hsl(var(--border))}
/* families/page-help/family.css */
.ph-d-ico{width:32px;height:32px;border-radius:var(--r-control);display:grid;place-items:center;background:hsl(var(--accent));color:hsl(var(--primary))}
/* families/page-help/family.css */
.ph-d-ttl{flex:1;min-width:0}
/* families/page-help/family.css */
.ph-d-ttl h2{font:var(--w-semibold) var(--text-section)/var(--lh-section) var(--font-voice);letter-spacing:var(--tr-section);font-stretch:var(--font-stretch-title)}
/* families/page-help/family.css */
.ph-d-ttl p{font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:2px}
/* families/page-help/family.css */
.ph-d-body{flex:1;min-height:0;overflow-y:auto;padding:0 var(--s-5) var(--s-5);overscroll-behavior:contain}
/* families/page-help/family.css */
.ph-d-body:focus-visible{outline-offset:-2px}
/* families/page-help/family.css */
.ph-d-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);border-top:1px solid hsl(var(--border));font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-d-foot span{display:inline-flex;align-items:center;gap:var(--s-2)}
/* families/page-help/family.css */
.ph-blk{padding:var(--s-5) 0;border-top:1px solid hsl(var(--border))}
/* families/page-help/family.css */
.ph-blk:first-child{border-top:0}
/* families/page-help/family.css */
.ph-h{font:var(--w-semibold) var(--text-card)/var(--lh-card) var(--font-voice);font-stretch:var(--font-stretch-title);margin-bottom:var(--s-3)}
/* families/page-help/family.css */
.ph-lead{font-size:var(--text-read);line-height:var(--lh-read)}
/* families/page-help/family.css */
.ph-meta{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-meta svg{color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-do{list-style:none;display:flex;flex-direction:column;gap:2px}
/* families/page-help/family.css */
.ph-do li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--s-3);padding:var(--s-2) 0;font-size:var(--text-card);line-height:1.5}
/* families/page-help/family.css */
.ph-do li svg{margin-top:2px;color:hsl(var(--primary))}
/* families/page-help/family.css */
.ph-do b{font-weight:var(--w-semibold)}
/* families/page-help/family.css */
.ph-links{list-style:none;display:flex;flex-direction:column;margin:0 calc(var(--s-3)*-1)}
/* families/page-help/family.css */
.ph-link{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-control);text-decoration:none;color:inherit;transition:background-color var(--motion-hover)}
/* families/page-help/family.css */
.ph-link:hover, .ph-link.is-hover{background:hsl(var(--muted))}
/* families/page-help/family.css */
.ph-link.is-focus{outline:2px solid hsl(var(--ring));outline-offset:-2px}
/* families/page-help/family.css */
.ph-link-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
/* families/page-help/family.css */
.ph-link-main b{font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title)}
/* families/page-help/family.css */
.ph-link-main span{font-size:var(--text-body);line-height:1.45;color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-link>svg{color:hsl(var(--muted-foreground));transition:transform var(--motion-hover),color var(--motion-hover)}
/* families/page-help/family.css */
.ph-link:hover>svg, .ph-link.is-hover>svg{transform:translateX(2px);color:hsl(var(--primary))}
/* families/page-help/family.css */
.ph-link-k{font:var(--w-medium) var(--text-micro)/1 var(--font-ui);color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-src{list-style:none;display:flex;flex-direction:column}
/* families/page-help/family.css */
.ph-src li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--s-3);padding:var(--s-3) 0;border-top:1px solid hsl(var(--border)/.7)}
/* families/page-help/family.css */
.ph-src li:first-child{border-top:0;padding-top:0}
/* families/page-help/family.css */
.ph-src-ico{width:28px;height:28px;border-radius:var(--r-control);display:grid;place-items:center;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-src b{display:block;font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title)}
/* families/page-help/family.css */
.ph-src p{font-size:var(--text-body);line-height:1.45;color:hsl(var(--muted-foreground));margin-top:2px}
/* families/page-help/family.css */
.ph-src-m{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-src li.is-off .ph-src-ico{background:hsl(var(--warning)/.12);color:hsl(var(--warning))}
/* families/page-help/family.css */
.ph-src li.is-bad .ph-src-ico{background:hsl(var(--destructive)/.1);color:hsl(var(--destructive))}
/* families/page-help/family.css */
.ph-terms{display:flex;flex-direction:column;gap:var(--s-3)}
/* families/page-help/family.css */
.ph-terms dt{font:var(--w-semibold) var(--text-label)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title)}
/* families/page-help/family.css */
.ph-terms dd{font-size:var(--text-body);line-height:1.5;color:hsl(var(--muted-foreground));margin-top:2px}
/* families/page-help/family.css */
.ph-bsheet{height:84%;max-height:none}
/* families/page-help/family.css */
.ph-sk{display:flex;flex-direction:column;gap:var(--s-3)}
/* families/page-help/family.css */
.ph-sk i{display:block;height:12px;border-radius:var(--r-chip);background:hsl(var(--muted));animation:kit-skel var(--motion-skeleton)}
/* families/page-help/family.css */
.ph-sk i.l{height:16px}
/* families/page-help/family.css */
.ph-sk i.w1{width:96%}
/* families/page-help/family.css */
.ph-sk i.w2{width:82%}
/* families/page-help/family.css */
.ph-sk i.w3{width:60%}
/* families/page-help/family.css */
.ph-sk i.w4{width:44%}
/* families/page-help/family.css */
.ph-sk .gap{height:var(--s-3);background:none;animation:none}
/* families/page-help/family.css */
.ph-note{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-8) 0 0}
/* families/page-help/family.css */
.ph-note-ico{width:36px;height:36px;border-radius:var(--r-control);display:grid;place-items:center;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-note.bad .ph-note-ico{background:hsl(var(--destructive)/.1);color:hsl(var(--destructive))}
/* families/page-help/family.css */
.ph-note h3{font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title)}
/* families/page-help/family.css */
.ph-note p{font-size:var(--text-card);line-height:1.5;color:hsl(var(--muted-foreground))}
/* families/page-help/family.css */
.ph-b-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-3) var(--s-4);border-bottom:1px solid hsl(var(--border))}
/* families/page-help/family.css */
.ph-b-head .ph-d-ttl h2{font-size:var(--text-18)}
/* families/page-help/family.css */
.ph-b-body{flex:1;min-height:0;overflow-y:auto;padding:0 var(--s-4) var(--s-4);overscroll-behavior:contain}
/* families/page-help/family.css */
.ph-b-foot{padding:var(--s-3) var(--s-4) var(--s-5);border-top:1px solid hsl(var(--border));display:flex;flex-direction:column;gap:var(--s-2)}
/* families/page-help/family.css */
.ph-b-foot .btn{width:100%}
/* families/page-help/family.css */
.ph-more{border-top:1px solid hsl(var(--border))}
/* families/page-help/family.css */
.ph-more summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:var(--control-h-m-lg);cursor:pointer;font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title)}
/* families/page-help/family.css */
.ph-more summary::-webkit-details-marker{display:none}
/* families/page-help/family.css */
.ph-more summary svg{color:hsl(var(--muted-foreground));transition:transform var(--motion-hover)}
/* families/page-help/family.css */
.ph-more[open] summary svg{transform:rotate(180deg)}
/* families/page-help/family.css */
.ph-more .ph-terms{padding:0 0 var(--s-4)}