@layer website-layout {
/* Editorial layout inside public Card slots. Canonical factories own all
   surfaces, outlines, corners and shared control typography/interaction. */
.resources-page{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:48px 32px 88px;}
.resources-top{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:48px;align-items:start;}
.resources-feature,.resources-latest{min-width:0;}
.resources-art{position:relative;aspect-ratio:1.8;overflow:hidden;}
.resources-feature-copy{padding:16px 28px 28px;}
.resources-feature-copy h2{font:500 clamp(25px,2.25vw,32px)/1.14 var(--tw-font-display);letter-spacing:-.025em;color:var(--tw-ink);margin:0 0 16px;text-wrap:balance;}
.resources-feature-copy p{font:400 16px/1.6 Inter,system-ui,sans-serif;color:var(--tw-muted);margin:0 0 24px;max-width:52ch;}
.resources-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font:400 12px/1.5 Inter,system-ui,sans-serif;color:var(--tw-muted);}
.resources-latest-list{display:grid;gap:28px;}
.resources-latest-item{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:20px;}
.resources-thumb{width:96px;height:96px;}
.resources-thumb .resources-art{aspect-ratio:1;}
.resources-latest-copy h3{font:500 22px/1.2 var(--tw-font-display);letter-spacing:-.025em;color:var(--tw-ink);margin:0 0 12px;text-wrap:pretty;}
.resources-explore{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:64px 32px 88px;color:var(--tw-ink);}
.resources-explore>h2{font:500 var(--tw-page-title-size)/1.12 var(--tw-font-display);letter-spacing:-.04em;margin:0 0 28px;}
.resources-search{max-width:480px;margin-bottom:20px;}
.resources-filters{display:flex;margin-bottom:20px;}
.resources-result-count{font:400 12px/1.5 Inter,system-ui,sans-serif;color:var(--tw-muted);margin:0 0 16px;}
.resources-square{position:relative;aspect-ratio:1;isolation:isolate;}
.resources-square-copy{box-sizing:border-box;position:absolute;inset:auto 0 0;padding:48px 20px 20px;}
.resources-category{display:block;font:400 10px/1.3 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tw-muted);margin-bottom:10px;}
.resources-square-copy h3{font:500 21px/1.16 var(--tw-font-display);letter-spacing:-.025em;margin:0 0 10px;text-wrap:pretty;}
.resources-square-copy p{font:400 13px/1.5 Inter,system-ui,sans-serif;color:var(--tw-muted);margin:0 0 16px;}
/* Reserve two lines even for short copy; clamp longer editorial text. */
.resources-square-copy h3,.resources-square-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;block-size:2lh;overflow:hidden;}
.resources-square-copy .resources-meta{font-size:10px;gap:4px 10px;}
.resources-empty-title{font:500 22px/1.2 var(--tw-font-display);margin:24px 0 8px;}
@media(max-width:760px){.resources-explore{padding:40px 20px 64px;}.resources-square-copy{padding:48px 24px 24px;}}
@media(max-width:1000px){.resources-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;}.resources-latest-item{grid-template-columns:80px minmax(0,1fr);gap:16px;}.resources-thumb{width:80px;height:80px;}.resources-latest-copy h3{font-size:20px;}}
@media(max-width:760px){.resources-page{padding:32px 20px 64px;}.resources-top{grid-template-columns:minmax(0,1fr);gap:40px;}.resources-feature-copy{padding:16px 24px 24px;}.resources-latest-item{grid-template-columns:88px minmax(0,1fr);}.resources-thumb{width:88px;height:88px;}}

/* Native article links retain ordinary keyboard and no-script navigation. */
.resources-feature-content,.resources-latest-item,.resources-square{display:block;color:inherit;text-decoration:none;}
.resources-latest-item{display:grid;}
/* Footer covers the section edge; leave reading content clear of its144px overlap. */
.resources-explore{padding-bottom:184px;}

.resources-square[data-gradient-cover]{isolation:isolate;}
.gradient-cover-image{display:block;width:100%;height:100%;object-fit:cover;}
.resources-square>.gradient-cover-image,.gradient-cover-fade{position:absolute;inset:0;z-index:-1;}
.resources-square>.gradient-cover-image{z-index:-2;}
.gradient-cover-fade{display:block;background:linear-gradient(180deg,transparent 12%,color-mix(in srgb,var(--tw-paper) 30%,transparent) 32%,color-mix(in srgb,var(--tw-paper) 94%,transparent) 62%,var(--tw-paper) 86%);}
.resources-feature-content[data-gradient-cover]{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;}
.resources-feature-content[data-gradient-cover]>.gradient-cover-image{aspect-ratio:1;height:auto;max-height:380px;}
.resources-feature-content[data-gradient-cover]>.resources-feature-copy{padding:32px 40px;}

@media(max-width:760px){.resources-feature-content[data-gradient-cover]{grid-template-columns:minmax(0,1fr);}.resources-feature-content[data-gradient-cover]>.gradient-cover-image{aspect-ratio:1.8;max-height:none;object-fit:cover;}.resources-feature-content[data-gradient-cover]>.resources-feature-copy{padding:24px;}}

}