/* Resources v2 — artifact + article archive */

/* Hero artifact: a quiet rotating library stack, not a second navigation menu. */
.resources-v1 .resources-hero-grid-v1{grid-template-columns:1.04fr .76fr;gap:76px}
.resources-library-art-v2{position:relative;height:310px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));overflow:hidden;padding:18px}
.resources-library-art-v2:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.resources-library-head-v2{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.11);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:#93a49a}
.resources-library-head-v2 b{color:#d8e1db;font-weight:600}
.resources-sheet-stage-v2{position:relative;z-index:2;height:220px;margin-top:16px}
.resources-sheet-v2{position:absolute;left:50%;top:50%;width:min(82%,390px);height:150px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);background:rgba(25,48,40,.94);box-shadow:0 18px 36px rgba(0,0,0,.16);transform:translate(-50%,-50%);transform-origin:center;transition:transform .58s cubic-bezier(.2,.75,.2,1),opacity .42s ease,border-color .42s ease,background .42s ease}
.resources-sheet-v2:after{content:"";position:absolute;left:18px;right:18px;bottom:18px;height:1px;background:rgba(255,255,255,.09);box-shadow:0 -24px 0 rgba(255,255,255,.06),0 -48px 0 rgba(255,255,255,.045)}
.resources-sheet-v2 small{display:block;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.09em;color:#9eb0a5}
.resources-sheet-v2 strong{display:block;margin-top:9px;font-size:21px;line-height:1;letter-spacing:-.025em;color:#f0f4f1;font-weight:650}
.resources-sheet-v2 span{position:absolute;right:18px;top:16px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#c6dd70}
.resources-sheet-v2[style*="--slot: 0"]{z-index:10;opacity:1;transform:translate(-50%,-50%) scale(1);border-color:rgba(199,220,111,.26);background:rgba(29,59,48,.98)}
.resources-sheet-v2[style*="--slot: 1"]{z-index:9;opacity:.88;transform:translate(calc(-50% + 18px),calc(-50% + 12px)) scale(.975)}
.resources-sheet-v2[style*="--slot: 2"]{z-index:8;opacity:.76;transform:translate(calc(-50% + 36px),calc(-50% + 24px)) scale(.95)}
.resources-sheet-v2[style*="--slot: 3"]{z-index:7;opacity:.64;transform:translate(calc(-50% + 54px),calc(-50% + 36px)) scale(.925)}
.resources-library-foot-v2{position:absolute;z-index:6;left:18px;right:18px;bottom:13px;display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:#74887d}
.resources-library-foot-v2 i{width:7px;height:7px;border-radius:50%;background:var(--citron);box-shadow:0 0 0 6px rgba(199,220,111,.06),0 0 20px rgba(199,220,111,.22)}

/* Featured articles: use real article routes and more relevant imagery. */
.resources-v1 .resource-feature-v1 img{filter:brightness(.58) saturate(.72) contrast(1.02)}
.resources-v1 .resource-feature-v1.main img{object-position:center 58%}
.resources-v1 .resource-feature-v1:not(.main) img{object-position:center}

/* Article archive */
.article-archive-v2{background:var(--paper)}
.article-archive-hero-v2{background:var(--forest-3);color:#fff;padding:58px 0 52px}
.article-archive-hero-grid-v2{display:grid;grid-template-columns:1fr minmax(260px,380px);gap:68px;align-items:end}
.article-archive-hero-v2 h1{font-size:clamp(44px,4.8vw,64px);line-height:1;letter-spacing:-.034em;margin:14px 0 16px;max-width:800px}
.article-archive-hero-v2 p{font-size:16px;line-height:1.56;color:#b9c5bd;max-width:700px;margin:0}
.article-archive-note-v2{border-top:1px solid rgba(255,255,255,.18);padding-top:15px;display:grid;gap:9px}
.article-archive-note-v2 span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:#8fa198}
.article-archive-note-v2 b{font-size:14px;line-height:1.4;color:#eef3ef}
.article-archive-v2 .archive-section-v2{padding:54px 0;border-bottom:1px solid var(--line)}
.archive-section-head-v2{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}
.archive-section-head-v2 h2{font-size:clamp(26px,2.8vw,36px);line-height:1.05;letter-spacing:-.025em;margin:0}
.archive-section-head-v2 span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:#76827a}
.archive-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #adb5ae;border-left:1px solid #adb5ae}
.archive-card-v2{min-height:190px;padding:19px 18px 17px;border-right:1px solid #c3c8c3;border-bottom:1px solid #c3c8c3;background:rgba(255,255,255,.28);display:flex;flex-direction:column;transition:background .22s ease,transform .22s ease}
.archive-card-meta-v2{display:flex;justify-content:space-between;gap:15px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;color:#77837b}
.archive-card-v2 h3{font-size:18px;line-height:1.12;letter-spacing:-.018em;margin:18px 0 10px}
.archive-card-v2 p{font-size:12px;line-height:1.48;color:#68746d;margin:0 0 18px;max-width:420px}
.archive-card-v2 em{margin-top:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--forest)}
@media(hover:hover){.archive-card-v2:hover{background:#e8eadf;transform:translateY(-2px)}}
.archive-footer-v2{padding:36px 0 54px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.archive-footer-v2 p{margin:0;font-size:13px;color:var(--muted)}
.archive-footer-v2 a{display:inline-flex;padding:10px 13px;border:1px solid var(--forest);border-radius:4px;font-size:12px;font-weight:700;color:var(--forest)}

/* Article template cue: no visible prototype badge, just a reusable structure. */
.article-template-v2 .article-template-callout-v2{margin:28px 0;padding:18px;border:1px solid var(--line);background:#eceae3}
.article-template-v2 .article-template-callout-v2 b{display:block;font-size:15px;margin-bottom:6px}
.article-template-v2 .article-template-callout-v2 span{font-size:12px;line-height:1.5;color:var(--muted)}

@media(max-width:980px){
  .resources-library-art-v2{max-width:620px;width:100%}
  .article-archive-hero-grid-v2{grid-template-columns:1fr;gap:28px}
  .archive-grid-v2{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .resources-library-art-v2{height:270px}.resources-sheet-stage-v2{height:185px}.resources-sheet-v2{height:126px;width:86%}.resources-sheet-v2 strong{font-size:18px}
  .article-archive-hero-v2{padding:44px 0 38px}.article-archive-hero-v2 h1{font-size:42px}
  .article-archive-v2 .archive-section-v2{padding:42px 0}.archive-grid-v2{grid-template-columns:1fr}.archive-card-v2{min-height:165px}.archive-section-head-v2{align-items:start;flex-direction:column;gap:8px}.archive-footer-v2{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.resources-sheet-v2,.archive-card-v2{transition:none!important;transform:none!important}}

.resources-feature-intro-v2 p{margin:0}.resources-feature-intro-v2 a{display:inline-flex;margin-top:12px;font-size:12px;font-weight:700;color:var(--forest)}