
/* Mechantra editorial and practical CAD FAQ additions — 2026-10 */
.m-faq-section{background:#edf0eb;border-top:1px solid #d6ded8}
.m-faq-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:40px}
.m-faq-intro h2,.m-blog-preview h2{font:600 clamp(36px,4.9vw,62px)/1.08 var(--display);letter-spacing:-.055em;margin:20px 0 0}
.m-faq-intro h2 em,.m-blog-preview h2 em{color:var(--orange-dark);font-style:normal}
.m-faq-intro p{max-width:330px;font-size:14px;color:#687775;margin:0}
.m-faq-list{border-top:1px solid #bfcbc4}
.m-faq-item{border-bottom:1px solid #bfcbc4}
.m-faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;font:600 clamp(17px,2vw,23px)/1.35 var(--display);padding:24px 0;letter-spacing:-.028em}
.m-faq-item summary::-webkit-details-marker{display:none}
.m-faq-item summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.m-faq-chevron{color:var(--orange-dark);font-size:25px;font-weight:400;transition:transform .2s}
.m-faq-item[open] .m-faq-chevron{transform:rotate(45deg)}
.m-faq-answer{max-width:940px;padding:0 50px 22px 0}
.m-faq-answer p{margin:0;color:#53625f;font-size:14px;line-height:1.85}
.m-faq-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;font-size:13px;color:#62706e}
.m-faq-bottom a{font-weight:800;color:#aa5812}
.m-blog-preview{background:#f8f8f5}
.m-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.m-article-card{background:#fff;border:1px solid #dbe1dc;display:flex;flex-direction:column;color:#142024;transition:transform .2s,border-color .2s}
.m-article-card:hover{transform:translateY(-4px);border-color:var(--orange)}
.m-article-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e3e9e5}
.m-article-body{padding:26px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.m-article-meta{font-size:10px;color:#916128;letter-spacing:.13em;font-weight:800;display:flex;gap:16px;flex-wrap:wrap}
.m-article-card h3{font:600 clamp(22px,2.1vw,28px)/1.2 var(--display);letter-spacing:-.044em;margin:20px 0 12px}
.m-article-card p{font-size:13px;color:#687572;line-height:1.75;flex:1;margin:0 0 24px}
.m-read-link{font-size:11px;letter-spacing:.1em;font-weight:800;color:#ad5813}
.m-section-bottom{margin-top:28px;text-align:right}
.m-section-bottom a{font-size:13px;font-weight:800;color:#b46821}
.m-blog-index{background:#f7f7f3}
.m-blog-index .m-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.m-blog-index .m-article-card img{aspect-ratio:16/8}
.m-blog-index .m-article-card h3{font-size:29px}
.m-blog-note{margin:33px 0 0;font-size:13px;color:#697471}
.m-blog-article{background:#f7f7f3}
.m-article-layout{display:grid;grid-template-columns:minmax(0,840px) minmax(210px,1fr);gap:65px;align-items:start}
.m-article-layout h2{font:600 clamp(26px,3.1vw,38px)/1.14 var(--display);letter-spacing:-.045em;margin:40px 0 15px;color:#162527}
.m-article-layout p{font-size:16px;line-height:1.82;color:#415451;margin:0 0 19px}
.m-article-layout ul{padding-left:23px;margin:18px 0 24px}
.m-article-layout li{padding:3px 0 8px;line-height:1.7;color:#435754;font-size:15px}
.m-article-layout li::marker{color:#d5802f}
.m-article-layout p a,.m-article-layout li a{color:#995515;text-decoration:underline;text-underline-offset:3px}
.m-article-lead{font-size:18px!important;color:#314642!important;line-height:1.7!important}
.m-article-figure{margin:0 0 12px}
.m-article-figure img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff;border:1px solid #d7dfd8}
.m-article-figure figcaption{font-size:11px;color:#657674;margin-top:10px}
.m-article-aside{position:sticky;top:24px;padding:25px;border:1px solid #d3ddd4;background:#fff}
.m-article-aside h3{font:600 19px var(--display);margin:0 0 18px}
.m-article-aside a{display:block;font-size:13px;line-height:1.55;border-top:1px solid #e7eae7;padding:14px 0;color:#53615d}
.m-article-aside a:hover{color:#b56922}
.m-article-disclaimer{background:#e7eee8;border-left:3px solid var(--orange);padding:17px 22px;margin-top:37px;color:#536461;font-size:13px;line-height:1.7}
.m-article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1b2425;color:#fff;padding:25px;margin-top:30px}
.m-article-cta strong{font:600 24px var(--display)}
.m-article-cta a{background:var(--orange);padding:13px 16px;color:#101717;font-weight:800;font-size:12px}
.m-blog-hero-title{max-width:1080px!important}
@media(max-width:1050px){.primary-nav{gap:12px!important}.primary-nav a{font-size:11px!important}}
@media(max-width:900px){.m-article-layout{grid-template-columns:1fr;gap:28px}.m-article-aside{position:static}.m-faq-intro{display:block}.m-faq-intro p{margin-top:20px;max-width:650px}.m-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.m-article-grid,.m-blog-index .m-article-grid{grid-template-columns:1fr}.m-article-body{padding:21px}.m-blog-index .m-article-card img{aspect-ratio:16/10}.m-faq-answer{padding-right:0}.m-faq-intro h2,.m-blog-preview h2{font-size:37px}.m-faq-item summary{font-size:18px}.m-faq-bottom,.m-article-cta{align-items:flex-start;flex-direction:column}.m-article-layout p{font-size:15px}.m-article-layout h2{font-size:27px}.m-article-aside{padding:20px}}

.m-service-guide-link{border-top:1px solid #e6eae5;padding-top:18px;margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.m-service-guide-link span{font-size:9px;letter-spacing:.16em;font-weight:800;color:#87918b}
.m-service-guide-link a{font-size:13px;color:#a95d1c;font-weight:700;text-decoration:underline;text-underline-offset:3px}
