/* MEKAY MOTRIO · SEO detail templates — shared palette, typography and spacing */
.seo-detail-hero{background:#101010;color:#ffffff;position:relative;isolation:isolate;overflow:hidden;min-height:480px}
.seo-detail-visual{position:absolute;inset:0;z-index:-1;background-position:center,center;background-repeat:no-repeat;background-size:cover,cover;filter:saturate(.82)}
.seo-detail-wrap{position:relative;padding-top:48px;padding-bottom:78px}
.seo-breadcrumb{font-size:11px;color:#c1c2c4;display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:75px;letter-spacing:.01em}
.seo-breadcrumb a:hover{color:var(--accent)}
.seo-breadcrumb>span:nth-child(even){color:var(--accent)}
.seo-hero-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--accent)}
.seo-hero-kicker span{padding:0 8px;color:#8d8e92}
.seo-detail-hero h1{font-family:var(--display);font-size:clamp(67px,7.2vw,114px);font-weight:800;line-height:.87;letter-spacing:-.014em;max-width:990px;margin:18px 0 22px;text-wrap:balance}
.seo-hero-lead{font-size:15px;line-height:1.8;color:#cdced0;max-width:670px}
.seo-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}
.seo-guide-hero{min-height:450px}
.seo-category-hero{min-height:490px}
.seo-article{padding:95px 0 110px}
.seo-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(40px,6vw,108px);align-items:start}
.seo-prose{min-width:0}
.seo-prose>h2:first-of-type{font-size:clamp(50px,5.2vw,79px);line-height:.94;max-width:870px;margin:17px 0 30px;text-wrap:balance}
.seo-prose p{font-size:15px;line-height:1.95;color:#4b4c4e;margin:0 0 20px}
.seo-intro-prose{border-top:1px solid #cacacc;padding-top:24px}
.seo-content-head{font-family:var(--display);font-size:clamp(37px,3.6vw,56px);letter-spacing:-.008em;line-height:1.02;margin:60px 0 22px}
.seo-signs{display:grid;gap:0;margin:20px 0 22px;padding:0;list-style:none}
.seo-signs li{display:flex;align-items:flex-start;gap:15px;padding:16px 0;border-bottom:1px solid #d3d4d5;font-size:14px;line-height:1.65;font-weight:600}
.seo-signs li svg{width:18px;height:18px;flex:none;color:#5c5d60;margin-top:2px}
.seo-scope-grid{display:grid;gap:0;margin-top:20px}
.seo-scope-item{display:flex;align-items:flex-start;gap:16px;padding:21px 0;border-top:1px solid #d3d4d6}
.seo-scope-icon{display:grid;place-items:center;height:38px;width:38px;flex:none;border:1px solid #c1c1c3;border-radius:50%}
.seo-scope-icon svg{height:17px;width:17px}
.seo-scope-item h3{font-size:29px;line-height:1;margin:0 0 7px}
.seo-scope-item p{font-size:13px;margin:0;line-height:1.75}
.seo-tip{background:#e1e2e3;padding:29px 31px;margin-top:33px;border-left:4px solid #727377}
.seo-tip strong,.seo-source strong{display:block;letter-spacing:.15em;font-size:10px;font-weight:900;color:#555659;margin-bottom:12px}
.seo-tip p{margin:0;font-size:14px;line-height:1.85}
.seo-faq{margin-top:12px}
.seo-faq details summary{font-size:15px}
.seo-faq details p{font-size:14px}
.seo-fineprint{font-size:12px!important;color:#6d6f73!important}
.seo-inline-next{background:#18191a;padding:35px 39px;margin-top:57px;color:#ffffff}
.seo-inline-next>span{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800}
.seo-inline-next h3{font-size:clamp(37px,4vw,60px);margin:15px 0 15px}
.seo-inline-next p{color:#cacbcd;font-size:13px;line-height:1.8;max-width:570px}
.seo-inline-next .button{margin-top:7px}
.seo-sidebar{position:sticky;top:120px}
.seo-side-card{background:#1e1e1f;color:#ffffff;padding:31px 28px 33px}
.seo-side-card .section-no{color:var(--accent)}
.seo-side-card h3{font-size:64px;line-height:.9;margin:25px 0}
.seo-side-card h3 em{color:var(--accent);font-style:normal}
.seo-side-card p{font-size:13px;line-height:1.85;color:#c7c8ca;margin:0 0 25px}
.seo-side-card>a{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:11px;letter-spacing:.08em;color:var(--accent);padding:17px 0;border-top:1px solid #404143}
.seo-side-card>a svg{height:17px;width:17px}
.seo-side-note{font-size:12px;line-height:1.85;color:#6b6d71;border-left:2px solid #b7b8ba;padding:17px 0 17px 21px;margin-top:25px}
.seo-related{background:#1f1f20;color:#ffffff;padding:80px 0 94px}
.seo-related .section-no{color:var(--accent)}
.seo-related-top h2{font-size:clamp(50px,5.5vw,83px);margin:15px 0 35px}
.seo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.seo-related-link{display:flex;justify-content:space-between;gap:15px;flex-direction:column;background:#2c2d2f;min-height:180px;padding:28px;transition:background .2s,transform .2s}
.seo-related-link:hover{background:#3d3d3f;transform:translateY(-3px)}
.seo-related-link strong{font-family:var(--display);font-size:32px;line-height:1.06}
.seo-related-link span{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.06em;display:flex;align-items:center;gap:9px}
.seo-related-link svg{width:15px;height:15px}
.seo-guide-intro{font-size:16px!important;border-top:1px solid #cacbcd;padding-top:24px}
.seo-guide-block{border-top:1px solid #d1d2d4;padding:27px 0 10px}
.seo-guide-block h2{font-size:clamp(32px,3vw,43px);margin-bottom:14px;line-height:1.05}
.seo-guide-block p{max-width:760px}
.seo-source{border-top:1px solid #d1d2d3;margin:42px 0 0;padding-top:24px}
.seo-source a{display:inline-flex;align-items:center;gap:10px;font-weight:700;border-bottom:1px solid #7b7d81;padding-bottom:9px;font-size:14px}
.seo-source a svg{height:17px;width:17px}
.seo-source p{font-size:12px;margin-top:18px;color:#6b6d71}
.seo-collection{padding:90px 0 100px}
.seo-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:34px}
.seo-category-card{display:flex;flex-direction:column;min-height:295px;background:#e6e6e7;padding:28px;transition:background .2s,transform .2s}
.seo-category-card:hover{background:#d7d7d8;transform:translateY(-3px)}
.seo-card-label{font-size:10px;letter-spacing:.13em;font-weight:900;color:#55575a}
.seo-category-card h2{font-size:clamp(35px,3.5vw,51px);line-height:1;margin:23px 0 16px}
.seo-category-card p{font-size:13px;line-height:1.72;color:#57595c;flex:1}
.seo-card-cta{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.1em;margin-top:27px}
.seo-card-cta svg{height:15px;width:15px}
.seo-collection-end{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #c7c7c9;margin-top:45px;padding-top:31px}
.seo-collection-end p{font-size:13px;line-height:1.85;color:#66686c;max-width:720px}
.seo-collection-end .text-link{white-space:nowrap}
@media(max-width:1100px){.seo-article-grid{grid-template-columns:minmax(0,1fr) 270px;gap:40px}.seo-side-card{padding:26px 22px}.seo-side-card h3{font-size:57px}}
@media(max-width:960px){.seo-article-grid{grid-template-columns:minmax(0,1fr)}.seo-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.seo-side-note{margin:0}.seo-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-breadcrumb{margin-bottom:57px}}
@media(max-width:660px){.seo-detail-hero{min-height:0}.seo-detail-visual{background-position:center,64% center;opacity:.8}.seo-detail-wrap{padding-top:24px;padding-bottom:59px}.seo-breadcrumb{margin-bottom:50px;font-size:10px;gap:8px}.seo-hero-kicker{font-size:9px;letter-spacing:.1em}.seo-detail-hero h1{font-size:clamp(56px,12.2vw,77px);margin:18px 0 22px}.seo-hero-lead{font-size:13px;line-height:1.8}.seo-hero-actions{gap:8px}.seo-hero-actions .button{padding:0 11px;flex:1;font-size:10px;min-height:50px}.seo-article{padding:64px 0 75px}.seo-prose>h2:first-of-type{font-size:clamp(48px,11vw,66px)}.seo-prose p{font-size:13px;line-height:1.87}.seo-content-head{font-size:42px;margin-top:47px}.seo-signs li{font-size:13px}.seo-tip{padding:25px}.seo-scope-item h3{font-size:29px}.seo-inline-next{padding:28px 22px}.seo-inline-next h3{font-size:43px}.seo-sidebar{display:block}.seo-side-note{margin-top:20px}.seo-related{padding:64px 0 75px}.seo-related-grid{grid-template-columns:1fr}.seo-related-link{min-height:143px}.seo-related-link strong{font-size:33px}.seo-related-top h2{font-size:58px}.seo-category-grid{grid-template-columns:1fr}.seo-collection{padding:66px 0 75px}.seo-category-card{min-height:250px}.seo-category-card h2{font-size:42px}.seo-collection-end{flex-direction:column;align-items:flex-start}.seo-collection-end .text-link{white-space:normal}}


/* Premium Motrio brand consistency on all SEO landing pages */
.seo-detail-hero{background:#101114}
.seo-hero-kicker,.seo-side-card h3 em,.seo-related .section-no{color:#ed3450}
.seo-detail-visual{filter:saturate(.75) contrast(1.05)}
.seo-article.section-light,.seo-collection.section-light{background:#fafafa}
.seo-signs li svg{color:#c91933}
.seo-scope-icon{border-color:#e0c2c7;color:#bb1630}
.seo-tip{background:#fff5f6;border-left-color:#ce1931}
.seo-tip strong,.seo-source strong{color:#991229}
.seo-inline-next{background:#191a1e}
.seo-side-card{background:#191a1e}
.seo-side-card>a{border-top-color:#3b3b41;color:#f14459}
.seo-side-note{border-left-color:#cd3147}
.seo-related{background:#16171a}
.seo-related-link{background:#24252a;border:1px solid #313238}
.seo-related-link:hover{background:#2e2228;border-color:#7f283a}
.seo-category-card{background:#fff;border:1px solid #e0e0e2}
.seo-category-card:hover{background:#fff5f6;border-color:#ecc2ca}
.seo-card-label{color:#a8152e}
.seo-card-cta{color:#ae142b}