@layer components{.guides{padding-bottom:clamp(96px,12vw,144px)}.guides-start{display:flex;flex-wrap:wrap;gap:20px;padding-top:clamp(64px,8vw,104px)}.guides-start__label{width:100%;margin-bottom:4px;font-family:var(--font-text);font-size:var(--fs-small);font-weight:600;color:var(--subtle)}.guide-feature{flex:2 1 560px;min-width:0;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:clamp(28px,4vw,48px);border-radius:32px;text-decoration:none}.guide-feature:hover{color:var(--on-wallpaper)}.guide-feature--photo{position:relative;overflow:hidden;isolation:isolate}.guide-feature__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.guide-feature--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--hero-scrim)}.guide-feature--photo:hover .guide-feature__img{transform:scale(1.02)}.guide-feature__more{margin-top:6px;font-size:var(--fs-small);font-weight:600}.guide-feature__topic,.guide-feature__meta{font-size:var(--fs-small);font-weight:600;color:var(--on-wallpaper-dim)}.guide-feature__meta{font-weight:400}.guide-feature__title{max-width:18ch;font-family:var(--font-display);font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}.guides-start__side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}.guides-start__side .guide-card{flex:1}.guide-card{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink);line-height:1.4;text-decoration:none}.guide-card--mist{padding:28px;border:0;border-radius:28px;background:var(--mist)}.guide-card:hover{color:var(--ink);border-color:var(--line-strong)}.guide-card:hover .guide-card__title{color:var(--link)}.guide-card__topic{font-size:var(--fs-caption);font-weight:600;color:var(--link)}.guide-card__title{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.015em}.guide-card--mist .guide-card__title{font-size:21px}.guide-card__meta{font-size:14px;color:var(--subtle)}.guide-card__more{margin-top:4px;font-size:var(--fs-small);font-weight:600;color:var(--link)}.guide-card--photo{position:relative;overflow:hidden;isolation:isolate;min-height:240px;border:0;color:var(--on-wallpaper);background:var(--ink)}.guide-card__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.guide-card--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-scrim)}.guide-card--photo>span{text-shadow:var(--card-text-shadow)}.guide-card--photo:hover{color:var(--on-wallpaper)}.guide-card--photo:hover .guide-card__img{transform:scale(1.03)}.guide-card--photo .guide-card__topic,.guide-card--photo .guide-card__meta{color:var(--on-wallpaper-dim)}.guide-card--photo .guide-card__title,.guide-card--photo:hover .guide-card__title,.guide-card--photo .guide-card__more{color:var(--on-wallpaper)}.guides-topic{display:flex;flex-direction:column;gap:24px;padding-top:clamp(72px,9vw,112px)}.guides-topic__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.guides-topic__title,.guide-related__title{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.025em}.guide-rows{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:4px 40px}.guide-rows>li{display:flex}.guide-rows__link{flex:1;display:grid;grid-template-columns:56px minmax(0,1fr)auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.guide-rows__link:hover{color:var(--link)}.guide-rows__title{display:flex;align-items:center;min-height:calc(2 * 1.4em);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.01em}.guide-rows__meta{font-size:14px;color:var(--subtle);white-space:nowrap}.guide-try{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;margin-top:clamp(96px,12vw,144px);padding:clamp(32px,5vw,56px);border-radius:36px;background:var(--mist)}.guide-try__text{flex:1 1 420px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}.guide-try__text>div{flex:1 1 240px}.guide-try__title{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.025em}.guide__title{font-size:clamp(2.25rem,5.4vw,4rem);line-height:1.05;letter-spacing:-.03em;overflow-wrap:break-word}.guide__lead{max-width:720px;font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.5;color:var(--muted)}.guide__body{display:grid;grid-template-columns:minmax(0,1fr);gap:32px 48px;margin-top:40px}.guide__main{min-width:0;max-width:720px;display:flex;flex-direction:column;gap:22px}.guide .article>h2:first-child{margin-top:0}.guide .article h2{margin-top:1.5em}.guide .article li>pre{margin-top:12px}.guide .article .callout,.guide .article .storage-figure{margin-block:1.4em}.guide-toc{padding-left:16px;border-left:2px solid var(--line)}.guide-toc__title{margin-bottom:6px;font-family:var(--font-text);font-size:var(--fs-caption);font-weight:600;color:var(--subtle)}.guide-toc ul{list-style:none}.guide-toc a{display:flex;align-items:center;min-height:44px;padding:4px 0;font-size:var(--fs-small);line-height:1.35;color:var(--muted);text-decoration:none}.guide-toc a:hover{color:var(--link)}.guide-toc a[aria-current]{position:relative;color:var(--ink)}.guide-toc a[aria-current]::before{content:"";position:absolute;left:-18px;top:6px;bottom:6px;width:2px;background:var(--ink)}@media(min-width:1024px){.guide__body{grid-template-columns:minmax(0,720px)minmax(200px,1fr)}.guide__main{grid-column:1;grid-row:1}.guide-toc{grid-column:2;grid-row:1;position:sticky;top:32px;align-self:start}.guide-toc a{min-height:32px}}.storage-figure{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:22px;background:var(--mist)}.article .storage-figure figcaption{margin-top:0;line-height:1.5}.storage-bar{display:flex;gap:2px;height:26px;overflow:hidden;border-radius:8px;background:var(--storage-free)}.storage-bar__apps{background:var(--storage-apps)}.storage-bar__docs{background:var(--storage-docs)}.storage-bar__dev{background:var(--storage-dev)}.storage-bar__macos{background:var(--storage-macos)}.storage-bar__system{background:var(--storage-system);box-shadow:inset 0 0 0 2px var(--ink)}.guide-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:22px 0;border-block:1px solid var(--line);font-size:16px}.guide-feedback__question{flex:1 1 200px}.guide-feedback__buttons{display:flex;gap:12px}.guide-feedback__btn{min-width:44px;height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font-size:var(--fs-small);cursor:pointer}.guide-feedback__btn:hover{border-color:var(--ink)}.guide-feedback__status{flex-basis:100%;font-size:var(--fs-small);color:var(--muted)}.guide-feedback__status:empty{margin-top:-12px}.guide-feedback.is-done .guide-feedback__buttons{display:none}.guide-related{display:flex;flex-direction:column;gap:20px;padding:clamp(40px,6vw,64px)0 clamp(80px,10vw,120px)}.guide-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}}