/* The resource hub shares the shop's guide shell, type, contact buttons and colors. */
.resource-wrap{max-width:1320px;margin:auto;padding:0 27px 68px}
.resource-page h1,.resource-page h2,.resource-page h3{overflow-wrap:anywhere}
.resource-section{margin-top:70px;scroll-margin-top:24px}
.resource-hero .guide-hero-inner{gap:48px;padding-block:65px}
.resource-hero .guide-copy h1{font-size:clamp(36px,4.6vw,64px)}
html[lang="zh-CN"] .resource-hero .guide-copy h1{font-size:clamp(32px,3.5vw,52px)}
.resource-hero-preview{display:block;min-width:0;padding:10px;border:1px solid #514c7b;border-radius:16px;background:linear-gradient(145deg,#25233f,#111b2d);box-shadow:0 25px 55px #0008;text-decoration:none;transition:border-color .2s}
.resource-hero-preview:hover{border-color:#a78dff}
.resource-preview-head,.resource-preview-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px;color:#c4c4e5;font-size:11px;font-weight:700}
.resource-preview-head{color:#bdabff}.resource-hero-preview>img{display:block;width:100%;height:auto;aspect-ratio:1105/737;object-fit:contain;border:1px solid #375078;border-radius:8px;background:#071524}
.resource-status{width:7px;height:7px;flex:none;border-radius:50%;background:#71d7c4;box-shadow:0 0 14px #71d7c477}
.resource-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #2b334c;padding-block:24px;gap:24px}
.resource-benefits>div{display:flex;align-items:start;gap:12px;min-width:0}
.resource-marker{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #514c7b;border-radius:8px;background:#25213d;color:#bba5ff;font-size:10px;font-weight:800}
.resource-benefits p{margin:3px 0;color:#bcc6dc;font-size:12px;line-height:1.7}
.resource-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.resource-category{min-width:0;overflow:hidden;border:1px solid #363d61;border-radius:12px;background:linear-gradient(150deg,#1c2039,#131a2c);text-decoration:none;transition:transform .2s,border-color .2s}
.resource-category:hover{transform:translateY(-4px);border-color:#9c87db}
.resource-image{margin:12px;border:1px solid #35415e;border-radius:8px;background:radial-gradient(ellipse at center,#344d63,#172638);height:150px;overflow:hidden}
.resource-image img{width:100%;height:100%;object-fit:contain;padding:12px}.resource-image-screen img{padding:0}
.resource-category h3{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 20px 10px;font-size:17px}
.resource-category h3 span{color:#ac94f5}.resource-category p{margin:0;padding:0 20px 22px;color:#b3bfd6;font-size:12px;line-height:1.7}
.resource-comparison{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;border:1px solid #51476f;border-radius:16px;background:radial-gradient(ellipse at 90% 40%,#34284f,transparent 65%),#151a2e;overflow:hidden}
.resource-comparison-copy{padding:36px}.resource-page h2{letter-spacing:-.045em}.resource-comparison h2,.resource-download h2,.resource-final h2{font-size:clamp(27px,3.1vw,40px);line-height:1.15;margin:12px 0 16px}
.resource-comparison p,.resource-download p,.resource-final p{color:#b7c2d8;font-size:14px;line-height:1.75}
.resource-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:12px 19px;border:1px solid #706197;border-radius:9px;background:#2b2549;color:#e9e2ff;font-size:12px;font-weight:800;text-decoration:none}
.resource-button:hover{border-color:#c0a8ff;background:#3b3064}
.resource-language-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.resource-language-links a{padding:6px 9px;border:1px solid #444261;border-radius:6px;color:#c5c7df;font-size:11px;text-decoration:none}
.resource-language-links a:hover{color:#fff;border-color:#a68cff}
.resource-compare-art{position:relative;min-width:0;display:grid;place-items:center;padding:24px}.resource-compare-art>span{position:absolute;top:20px;font-size:clamp(30px,4vw,60px);font-weight:900;letter-spacing:-.05em;color:#a38ac655}.resource-compare-art i{color:#8dc6ee77;font-style:normal}.resource-compare-art img{position:relative;width:100%;height:240px;object-fit:contain;filter:drop-shadow(0 16px 25px #0008)}
.resource-reading-note{max-width:760px;color:#aab4ca;font-size:12px;line-height:1.7;margin-top:-8px;margin-bottom:24px}
.resource-text-link{color:#c5b2ff;font-size:12px;font-weight:700;text-decoration:none}
.resource-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.resource-article{display:flex;align-items:center;gap:18px;min-width:0;min-height:110px;padding:14px;border:1px solid #363d61;border-radius:12px;background:#171c30;text-decoration:none;transition:border-color .2s,background .2s}
.resource-article:hover{border-color:#937bc3;background:#20253d}.resource-article>img{width:108px;height:80px;object-fit:contain;border:1px solid #35415e;border-radius:7px;background:#112033;flex:none}
.resource-article>div{min-width:0;flex:1}.resource-article .eyebrow{font-size:9px}.resource-article h3{margin:8px 0 0;font-size:15px;line-height:1.45}.resource-article>span:last-child{color:#a68cff}
.resource-video-icon{display:grid;place-items:center;width:108px;height:80px;border:1px solid #625087;border-radius:7px;background:linear-gradient(135deg,#453579,#1d2945);color:#d4c2ff;font-size:24px;flex:none}
.resource-download{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;padding:34px;border:1px solid #36566e;border-radius:16px;background:radial-gradient(ellipse at 10% 60%,#183349,transparent 65%),#121c2c}
.resource-download>img{width:100%;height:auto;border:1px solid #375078;border-radius:9px}.resource-download .resource-small{font-size:11px;color:#9baac5;margin-top:18px}
.resource-final{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0;border-top:1px solid #30364e}.resource-final p{margin-bottom:0}.resource-final .resource-button{flex:none}
.resource-page a:focus-visible,.resource-teaser a:focus-visible{outline:2px solid #91d8ff;outline-offset:4px}
/* Tablet widths must fit the language control without a horizontal page rail.
   Navigation and language share the second row; contact actions stay above. */
@media(min-width:821px) and (max-width:1100px){
  .resource-page header.topnav.vigny-has-language{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .resource-page .topnav>.logo{grid-column:1;grid-row:1;justify-self:start;min-width:0}
  .resource-page .topnav>.contact-actions{grid-column:2;grid-row:1}
  .resource-page .topnav>.navitems{grid-column:1;grid-row:2;flex-wrap:wrap;min-width:0}
  .resource-page .topnav>.vigny-language-control--page{grid-column:2;grid-row:2;justify-self:end;max-width:100%}
}
.resource-first-bundle{padding:30px;border:1px solid #514c7b;border-radius:16px;background:linear-gradient(135deg,#201c39,#111e2d);scroll-margin-top:30px}
.resource-first-bundle .section-heading{gap:20px;flex-wrap:wrap}.resource-first-bundle .section-heading h2{font-size:clamp(27px,3.1vw,40px)}
.resource-first-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.resource-first-grid article{min-width:0;padding:22px;border:1px solid #39405f;border-radius:12px;background:#141a2c}
.resource-first-grid h3{font-size:19px;line-height:1.35;margin:18px 0 12px}
.resource-first-grid p,.resource-first-support p{color:#bdc8dc;font-size:14px;line-height:1.8}
.resource-first-contacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.resource-first-contacts>a{min-height:42px}
.resource-first-support{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #39405f}
.resource-first-support>img{width:100%;height:140px;object-fit:contain}.resource-first-support p{margin:6px 0}.resource-first-support .resource-small{font-size:12px;color:#a7b4cc}
@media(max-width:850px){.resource-first-grid{grid-template-columns:minmax(0,1fr)}.resource-first-bundle{padding:22px}.resource-first-support{grid-template-columns:minmax(0,1fr);gap:8px}.resource-first-support>img{height:100px;width:150px;justify-self:center}}
#vigny-sticky-preview .resource-teaser{max-width:1320px;margin:48px auto 64px;padding:0 27px}
#vigny-sticky-preview .resource-teaser-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
#vigny-sticky-preview .resource-teaser .eyebrow{color:#af9bff;font-size:10px;font-weight:800;letter-spacing:.15em}
#vigny-sticky-preview .resource-teaser h2{margin:8px 0 12px;color:#f7f8ff;font-size:30px;letter-spacing:-.04em}
#vigny-sticky-preview .resource-teaser p{color:#aab4ca;font-size:13px;line-height:1.7;margin:0}
#vigny-sticky-preview .resource-teaser-heading p a{color:#b8d9ff;text-underline-offset:3px}
#vigny-sticky-preview .resource-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#vigny-sticky-preview .resource-teaser-grid>a{display:flex;align-items:center;gap:14px;min-width:0;padding:20px;border:1px solid #363d61;border-radius:12px;background:#191d35;color:#e5e5f6;text-decoration:none}
#vigny-sticky-preview .resource-teaser-grid>a:hover{border-color:#9c87db}
#vigny-sticky-preview .resource-teaser-grid strong{flex:1;font-size:14px}#vigny-sticky-preview .resource-teaser-grid span{color:#af9bff;font-size:11px}
@media(max-width:1000px){.resource-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-hero .guide-hero-inner{gap:28px}.resource-article>img,.resource-video-icon{width:82px;height:68px}.resource-article{gap:12px}.resource-download{padding:24px;gap:24px}}
@media(max-width:700px){.resource-wrap{padding-inline:20px;padding-bottom:24px}.resource-section{margin-top:45px}.resource-hero .guide-hero-inner{grid-template-columns:minmax(0,1fr);padding:42px 20px}.resource-hero .guide-copy h1{font-size:40px}.resource-benefits{grid-template-columns:minmax(0,1fr);gap:14px}.resource-category-grid{gap:10px}.resource-image{height:130px;margin:8px}.resource-category h3{font-size:15px;margin:14px 12px 8px}.resource-category p{padding:0 12px 16px;font-size:11px}.resource-comparison,.resource-download{grid-template-columns:minmax(0,1fr);gap:0}.resource-comparison-copy{padding:25px}.resource-compare-art{display:none}.resource-article-grid{grid-template-columns:minmax(0,1fr)}.resource-download>img{margin-top:24px}.resource-final{align-items:start;flex-direction:column}.resource-page .section-heading{align-items:start}.resource-page .section-heading p{text-align:start}.resource-page .section-heading h2{font-size:29px}#vigny-sticky-preview .resource-teaser{padding:0 20px;margin:40px auto}#vigny-sticky-preview .resource-teaser-heading{align-items:start;flex-direction:column;gap:16px}#vigny-sticky-preview .resource-teaser-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.resource-category,.resource-article,.resource-hero-preview{transition:none}.resource-category:hover{transform:none}}