@layer reset,base;@layer components{.hw-date{font-variant-numeric:tabular-nums}.hw-date__hijri{color:var(--hw-ink-3)}.hw-date__hijri--alt{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (width<=600px){.hw-date__hijri--alt{clip:auto;white-space:normal;block-size:auto;inline-size:auto;font-size:var(--hw-text-xs);display:block;position:static;overflow:visible}}.svc{padding-block:var(--hw-space-8) var(--hw-space-12);background:var(--hw-bg-elevated)}.svc section[id]{scroll-margin-block-start:calc(72px + var(--hw-space-4))}.svc__tags{gap:var(--hw-space-2);margin:calc(var(--hw-space-2)*-1) 0 var(--hw-space-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.svc__grid{align-items:start}.svc__grid,.svc__main{gap:var(--hw-space-8);display:grid}.svc__main{min-inline-size:0}.svc__section{gap:var(--hw-space-4);border-block-start:1px solid var(--hw-line);padding-block-start:var(--hw-space-6);display:grid}.svc__h2{font-size:var(--hw-text-xl)}.svc__h2,.svc__h3{font-weight:var(--hw-weight-bold);color:var(--hw-ink)}.svc__h3{font-size:var(--hw-text-lg)}.svc__h4{font-size:var(--hw-text-md);font-weight:var(--hw-weight-medium);color:var(--hw-ink-2)}.svc__p{max-inline-size:var(--hw-paragraph-max,45rem);color:var(--hw-ink);line-height:1.7}.svc__muted{color:var(--hw-ink-2)}.svc__note,.svc__source{font-size:var(--hw-text-sm);color:var(--hw-ink-2)}.svc__note{display:block}.svc__list{gap:var(--hw-space-2);margin:0;padding-inline-start:var(--hw-space-5);line-height:1.7;display:grid}.svc__list--docs,.svc__list--rules{padding:0;list-style:none}.svc__list--docs>li,.svc__list--rules>li{-moz-column-gap:var(--hw-space-3);column-gap:var(--hw-space-3);padding-block:var(--hw-space-2);border-block-end:1px solid var(--hw-line);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.svc__list--docs>li{grid-template-columns:minmax(0,1fr)}.svc__list--rules>li .svc__note{grid-column:1/-1}.svc__rules{gap:var(--hw-space-2);display:grid}.svc__steps{counter-reset:none;gap:0;margin:0;padding:0;list-style:none;display:grid}.svc__step{-moz-column-gap:var(--hw-space-4);column-gap:var(--hw-space-4);grid-template-columns:36px minmax(0,1fr);padding-block-end:var(--hw-space-5);display:grid;position:relative}.svc__step:not(:last-child):before{content:"";background:var(--hw-line-strong);inline-size:2px;position:absolute;inset-block:36px 0;inset-inline-start:17px}.svc__step-no{border-radius:var(--hw-radius-pill);background:var(--hw-brand);block-size:36px;inline-size:36px;color:var(--hw-on-brand);font-weight:var(--hw-weight-bold);font-variant-numeric:tabular-nums;place-items:center;display:grid}.svc__step-text{padding-block-start:6px;line-height:1.6}.svc__related{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.svc__related>li{display:grid}.svc__aside{order:-1;align-content:start}.svc__aside,.svc__info,.svc__toc{gap:var(--hw-space-4);display:grid}.svc__info,.svc__toc{padding:var(--hw-space-5);border:1px solid var(--hw-line);border-radius:var(--hw-radius-lg);background:var(--hw-bg-elevated)}.svc__facts{gap:var(--hw-space-4);margin:0;display:grid}.svc__fact{-moz-column-gap:var(--hw-space-3);column-gap:var(--hw-space-3);grid-template-columns:36px minmax(0,1fr);display:grid}.svc__fact-icon{border-radius:var(--hw-radius-pill);background:var(--hw-brand-soft);block-size:36px;inline-size:36px;color:var(--hw-brand-text);grid-row:span 2;place-items:center;display:grid}.svc__fact dt{font-size:var(--hw-text-sm);color:var(--hw-ink-2)}.svc__fact dd{font-weight:var(--hw-weight-medium);color:var(--hw-ink);overflow-wrap:anywhere;margin:0}.svc__toc ul{margin:0;padding:0;list-style:none;display:grid}.svc__toc a{min-block-size:var(--hw-touch);padding-inline:var(--hw-space-2);color:var(--hw-ink-2);border-inline-start:2px solid #0000;align-items:center;text-decoration:none;display:flex}.svc__toc a:focus-visible,.svc__toc a:hover{color:var(--hw-brand-text);border-inline-start-color:var(--hw-brand)}@media (width>=1000px){.svc__aside{order:0}.svc__grid{grid-template-columns:minmax(0,1fr) 320px}.svc__aside{position:sticky;inset-block-start:76px}}}@layer utilities;