/* Storage is an illustrative release workflow; no account connection is made here. */
.storageLayout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:64px;margin-top:40px}
.storageProviders{min-width:0;display:grid;gap:28px}.storageProvider{display:flex;align-items:center;gap:18px;min-width:0}.storageLogo{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#f8f6f2}.storageLogo svg{width:27px;height:27px}.storageProvider h3{font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:0 0 6px}.storageProvider p{font-size:14px;line-height:1.55;color:var(--muted);margin:0;max-width:320px}.storageProviders .storageWorkflowNote{margin:4px 0 0;max-width:420px}.storageProviders .textLink{justify-self:start;font-size:14px;line-height:1.5}
.storageFolderDemo{min-width:0}.storageTrigger{display:flex;align-items:center;gap:12px;padding:0 22px 22px;position:relative}.storageTriggerIcon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#b3d663;color:#344424;font-size:17px}.storageTrigger div>span{display:block;font-size:9px;letter-spacing:.065em;color:var(--muted);margin-bottom:4px}.storageTrigger b{font-size:15px;font-weight:500}.storageTriggerArrow{margin-left:auto;color:var(--muted);font-size:24px}
.storageFolderWindow{border-radius:22px;background:#f8f6f2;border:1px solid #dedbd5;box-shadow:0 10px 32px #30352c06;overflow:hidden;min-width:0}.storageFolderWindow>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.045em;color:var(--muted)}.storageAutoBadge{padding:6px 9px;border-radius:999px;background:#e6ebd9;color:#526444;font-size:9px;letter-spacing:0}
.storageTree{padding:16px 16px 0}.storageTree summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#eceae4;cursor:pointer;min-width:0;font-size:13px;font-weight:500;line-height:1.5}.storageTree summary::-webkit-details-marker{display:none}.storageTree summary:before{content:'›';font-size:20px;line-height:1;transform:rotate(90deg);color:var(--muted)}.storageTree:not([open]) summary:before{transform:none}.storageTree summary:focus-visible{outline:2px solid #428fd5;outline-offset:3px}.storageTree summary>span{overflow-wrap:anywhere;min-width:0}.storageTree svg{width:21px;height:21px;flex:0 0 21px;color:#428fd5}.storageTree ul{list-style:none;margin:12px 8px 0 25px;padding:0 0 0 18px;border-left:1px solid #dedbd5}.storageTree li{display:flex;align-items:center;gap:10px;position:relative;min-width:0;padding:10px 4px;font-size:13px;line-height:1.4}.storageTree li:before{content:'';position:absolute;left:-18px;top:50%;width:12px;border-top:1px solid #dedbd5}.storageTree li>small{margin-left:auto;font-size:11px;color:var(--muted);text-align:right}.storageFolderCaption{padding:16px 22px;margin:16px 0 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.6}
@keyframes storage-folder-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.storageFolderDemo.isRevealed .storageTree li{animation:storage-folder-enter 600ms cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--folder-order)*100ms)}
@container site (max-width:1000px){.storageLayout{gap:32px}.storageFolderWindow>header{padding:16px}.storageTree{padding:12px 10px 0}.storageTree ul{margin-left:18px}.storageTree li>small{font-size:10px}.storageProvider{gap:14px}}
@container site (max-width:720px){.storageLayout{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:28px}.storageProviders{gap:24px}.storageProvider p{max-width:480px}.storageProviders .storageWorkflowNote{max-width:none}.storageFolderDemo{width:100%;max-width:580px;justify-self:center}.storageTree summary{font-size:12px}}
@container site (max-width:400px){.storageTree li>small{display:none}.storageFolderCaption{padding:14px 16px}.storageTree summary{gap:7px;padding:10px 8px}.storageTree svg{width:18px;height:18px;flex-basis:18px}.storageTrigger{padding-left:12px;padding-right:12px}.storageProvider h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.storageFolderDemo.isRevealed .storageTree li{animation:none}}
