.resource-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.resource-nav a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:20px;font-weight:600;transition:background-color 300ms var(--ease),color 300ms var(--ease),transform 500ms var(--ease)}
.resource-nav a:hover{background:var(--ui-white);transform:translateY(-2px)}
.resource-nav a:active,.resource-topic-links a:active{transform:scale(.98)}
.resource-nav a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--ui-white)}
.resource-chart-preview{background:var(--ui-white);padding:16px;height:280px}
.resource-chart-preview img{object-fit:contain}
.resource-asset-pair{margin-bottom:0}
.resource-asset-pair figure:last-child img{object-fit:contain}
.resource-garment-preview{background:var(--ui-page);height:320px;padding:24px}
.resource-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.resource-chart-card{min-width:0;background:var(--ui-white);border-radius:16px;overflow:hidden;scroll-margin-top:128px}
.resource-chart-heading{padding:24px 24px 0}
.resource-chart-heading h3{margin-top:8px;font-size:30px;line-height:36px;letter-spacing:-.035em}
.resource-full-chart{display:block;padding:24px;background:var(--ui-white)}
.resource-full-chart img{width:100%;height:auto}
.resource-full-chart:hover{background:var(--ui-surface)}
.resource-chart-actions{display:flex;flex-wrap:wrap;gap:24px;padding:0 24px 24px}
.resource-topic-section{padding-bottom:32px}
.resource-topic-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.resource-topic-links>a{padding:24px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:20px;font-weight:600;transition:background-color 300ms var(--ease),transform 500ms var(--ease)}
.resource-topic-links>a:hover{background:var(--ui-white);transform:translateY(-2px)}
.resource-topic-links .icon{width:20px;height:20px}
.resource-faq-section .faq-list a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.resource-faq-section .faq-list a:hover{color:var(--ui-hover)}
.resource-faq-section .faq-list summary{transition:color 300ms var(--ease)}
.resource-faq-section .faq-list summary:hover{color:var(--ui-hover)}
@media(max-width:1100px){.resource-topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.resource-nav{margin-top:32px}.resource-chart-preview{height:320px}}
@media(max-width:560px){.resource-nav{gap:8px}.resource-chart-preview{height:240px;padding:12px}.resource-garment-preview{height:240px;padding:16px}.resource-chart-grid{grid-template-columns:1fr}.resource-chart-heading h3{font-size:24px;line-height:32px}.resource-chart-actions{gap:16px}.resource-topic-links{grid-template-columns:1fr}.resource-full-chart{padding:16px}.resource-chart-heading{padding:24px 16px 0}.resource-chart-actions{padding:0 16px 24px}}