/* Compact resource tiles: typography and click targets stay readable on phones. */
body[data-command-ui] #resources-page{max-width:1360px;margin:auto;padding:164px 24px 60px;color:#f5f7ff;--resource-accent:#a9dbff}
body[data-command-ui=workspace][data-companion-shell=true][data-page=resources] #resources-page{padding-top:calc(164px + var(--companion-top,0px) + env(safe-area-inset-top,0px))}
#resources-page [hidden]{display:none!important}#resources-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#resources-page .resources-hero{padding:0;margin:0 0 18px;border:0;background:none;box-shadow:none}
#resources-page .resources-eyebrow{font:800 12px/1.5 system-ui;letter-spacing:.13em;color:#b9e9ff;margin:0 0 10px}
#resources-page h1{font:900 clamp(34px,4vw,56px)/1.08 system-ui;letter-spacing:-.035em;margin:0;color:#fff;text-shadow:0 2px 6px #000,0 0 14px #ae8cff66}#resources-page h1 span{color:#d5b5ff}
#resources-page .resources-lead{font:800 21px/1.35 system-ui;margin:16px 0 5px}#resources-page .resources-intro{font:16px/1.5 system-ui;margin:0}#resources-page .resources-meta{font:700 13px/1.5 system-ui;color:#bfeaff;margin-top:12px}
#resources-page .resources-cost-guide,#resources-page .resources-footer{font:13px/1.6 system-ui;color:#d9e4f4;max-width:960px;margin:16px 0 28px;text-shadow:0 1px 3px #000}
#resources-page .resource-section{padding:0;margin:0 0 30px;border:0;border-radius:0;box-shadow:none;background:none}
#resources-page .resource-section>header{display:block;padding:0;margin:0 0 12px;border:0;background:none}#resources-page .resource-section h2{font:850 23px/1.25 system-ui;color:#fff;margin:0 0 5px;text-shadow:0 1px 3px #000,0 0 10px color-mix(in srgb,var(--resource-accent),transparent 65%)}
#resources-page .resource-section>header p,#resources-page .resource-section-note{font:14px/1.5 system-ui;color:#e4eafa;margin:0 0 10px}
#resources-page .resource-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body[data-command-ui] #resources-page .resource-row{display:block;min-width:0;padding:0;border:0;background:none;box-shadow:none;margin:0}
#resources-page .resource-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:9px;width:100%;height:100%;min-height:248px;margin:0;padding:16px;border:1px solid color-mix(in srgb,var(--resource-accent),transparent 22%);border-radius:16px;background:var(--frame-glass,linear-gradient(125deg,#332546dd,#142536dd));box-shadow:inset 0 1px #ffffff33,0 0 10px color-mix(in srgb,var(--resource-accent),transparent 88%);color:#fff;cursor:pointer;font-family:system-ui;transition:border-color .15s,box-shadow .15s}
#resources-page .resource-tile:hover{border-color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--resource-accent),transparent 65%)}#resources-page :is(button,a):focus-visible{outline:3px solid #fff;outline-offset:3px}
#resources-page .resource-brand{height:64px;min-height:64px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #ffffff20;border-radius:10px;background:#f7f8ff;color:#182035;overflow:hidden;box-sizing:border-box}
#resources-page .resource-brand img{max-width:100%;width:auto;max-height:48px;height:auto;object-fit:contain}#resources-page .resource-brand-text{font:850 19px/1.15 system-ui;text-align:center;background:linear-gradient(125deg,#303048bb,#1b2940bb);color:#f4f6ff;border-color:color-mix(in srgb,var(--resource-accent),transparent 70%)}
#resources-page .resource-tile-name{font:800 17px/1.2 system-ui;color:#fff}#resources-page .resource-cost{display:inline-block;align-self:start;width:fit-content;font:750 11px/1.4 system-ui;padding:4px 8px;border:1px solid #a9dcec66;border-radius:99px;background:#243449aa;color:#d8f4ff}#resources-page .resource-cost.has-cost{border-color:#dfb7ff77;color:#f0d9ff;background:#382942aa}
#resources-page .resource-tile-description{font:14px/1.45 system-ui;color:#e1e8f3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#resources-page .resource-tile-more{margin-top:auto;font:750 12px/1.4 system-ui;color:var(--resource-accent)}
html[data-frame-fill=clear] #resources-page .resource-tile{background:transparent}
body[data-command-ui] #resource-dialog{box-sizing:border-box;width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px 24px 24px;border:1px solid #d7b8ff;border-radius:20px;background:linear-gradient(140deg,#2a203af5,#121e2bf8);color:#fff;box-shadow:0 0 32px #ad7bff55;font:16px/1.55 system-ui}
#resource-dialog::backdrop{background:#06071499;backdrop-filter:blur(4px)}#resource-dialog .resource-dialog-close{position:sticky;float:right;top:0;display:grid;place-items:center;min-width:44px;min-height:44px;margin:-18px -12px 4px 8px;border:1px solid #dcc3ff;border-radius:50%;background:#23192f;color:#fff;font:26px/1 system-ui;cursor:pointer}
#resource-dialog h2{font:850 27px/1.2 system-ui;margin:0 32px 16px 0;color:#fff}#resource-dialog .resource-dialog-reviewed{font-size:12px;color:#c9d1e3}#resource-dialog .resource-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:center}#resource-dialog a{color:#d7e9ff;font:750 14px/1.45 system-ui}#resource-dialog .resource-visit{display:inline-block;padding:12px 16px;border:1px solid #c9adff;border-radius:10px;background:#5b3d7755;color:#fff;text-decoration:none}
@media(max-width:1100px){#resources-page .resource-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#resources-page .resource-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body[data-command-ui] #resources-page{padding-left:16px;padding-right:16px}#resources-page .resource-list{gap:12px}#resources-page .resource-tile{padding:12px;min-height:236px;gap:8px}#resources-page .resource-brand{height:56px;min-height:56px}#resources-page .resource-brand-text{font-size:16px}#resources-page .resource-tile-name{font-size:16px}#resources-page .resource-tile-description{font-size:13px}#resources-page .resource-section h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){#resources-page .resource-tile{transition:none}}body.reduced-motion #resources-page .resource-tile{transition:none}

#resources-page .resource-brand img[src$="/zapier.png"]{transform:scale(1.9)}

body[data-command-ui] #resource-dialog h2{font:850 27px/1.2 system-ui!important;color:#fff!important;text-shadow:none!important;-webkit-text-stroke:0}

/* Reuse the approved Command Deck card gradients, neon rims and category art. */
#resources-page .resource-tile.command-hub-card{--resource-accent:var(--feature);border-width:1px;border-style:solid;min-height:236px;gap:9px;padding:14px;flex-direction:column;align-items:stretch}
#resources-page .resource-category-art{display:block;flex:0 0 50px;width:50px;height:48px;color:var(--feature);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--feature),transparent 40%))}#resources-page .resource-category-art svg{display:block;width:100%;height:100%;overflow:visible}
#resources-page .resource-brand-text{gap:8px;font-size:15px;justify-content:flex-start;background:#161d3288}
html[data-frame-fill=clear] #resources-page .resource-tile.command-hub-card{background:transparent!important}
@media(max-width:540px){#resources-page .resource-tile.command-hub-card{padding:12px;gap:8px}#resources-page .resource-brand-text{font-size:12px;gap:4px;padding:4px}#resources-page .resource-category-art{flex-basis:38px;width:38px;height:40px}}

/* v263: readable page and section headings; approved resource tiles stay unchanged. */
body[data-command-ui] #resources-page .resources-hero{box-sizing:border-box;width:fit-content;max-width:100%;padding:20px 26px;margin:0 auto 24px;border:1px solid #d2b9ff;border-radius:18px;background:linear-gradient(130deg,#ca9aff30,#ff92da18),#17101e66;box-shadow:inset 0 1px #ffffff24,0 0 18px #b18aff20;text-align:center;text-shadow:0 1px 4px #000}
body[data-command-ui] #resources-page .resources-eyebrow{font-size:14px;letter-spacing:.08em;line-height:1.5;color:#d6eaff}
body[data-command-ui] #resources-page h1{font:900 clamp(40px,5vw,64px)/1.08 system-ui;letter-spacing:-.035em;text-shadow:0 2px 4px #0006;overflow-wrap:normal}
body[data-command-ui] #resources-page .resources-lead{font-size:clamp(22px,2.5vw,28px);line-height:1.35;margin:12px 0 6px;color:#fff}
body[data-command-ui] #resources-page .resources-intro{font-size:18px;line-height:1.55;color:#eef2ff;max-width:56ch}
body[data-command-ui] #resources-page .resources-meta{font-size:16px;line-height:1.5;color:#d8eaff;margin-top:12px}
body[data-command-ui] #resources-page .resource-section{margin-bottom:46px}
body[data-command-ui] #resources-page .resource-section>header{box-sizing:border-box;width:fit-content;max-width:100%;padding:14px 18px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--resource-accent),transparent 35%);border-left:5px solid var(--resource-accent);border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--resource-accent),transparent 78%),color-mix(in srgb,var(--resource-accent),transparent 92%)),#17101e66;box-shadow:inset 0 1px #ffffff20;text-align:left;text-shadow:0 1px 4px #000}
body[data-command-ui] #resources-page .resource-section h2{font:850 clamp(28px,3vw,36px)/1.2 system-ui;letter-spacing:-.02em;color:#fff;margin:0 0 6px;text-shadow:0 1px 4px #000;overflow-wrap:break-word}
body[data-command-ui] #resources-page .resource-section>header p{font-size:17px;line-height:1.55;color:#eef2ff;margin:0;max-width:60ch}
@media(max-width:540px){body[data-command-ui] #resources-page .resources-hero{padding:18px 16px;border-radius:18px}body[data-command-ui] #resources-page .resource-section>header{padding:14px 16px}body[data-command-ui] #resources-page .resource-section{margin-bottom:36px}}