/* Native articles: clear editorial hierarchy, no theme sidebar or cover. */
/* The theme's important hidden overflow creates a false sticky scroll container. */
body.orderapp-studio.single-post .boxed_wrapper{overflow:clip!important}
body.orderapp-studio .mj{--mj-ink:#242321;--mj-muted:#726e68;color:var(--mj-ink);font-family:Manrope,Arial,sans-serif;width:min(1160px,calc(100% - 80px));margin:0 auto;padding:50px 0 80px}
body.orderapp-studio .mj a{color:inherit;transition:color .18s,background-color .18s}
body.orderapp-studio .mj a:focus-visible{outline:2px solid #ff5d2e;outline-offset:5px}
body.orderapp-studio .mj-head{padding:0 0 40px;border-bottom:1px solid #ddd8d1;margin-bottom:48px}
body.orderapp-studio .mj-back{display:inline-flex;font-size:15px;line-height:1.5;text-decoration:none;margin-bottom:32px;color:var(--mj-muted)}
body.orderapp-studio .mj-head h1{font:500 clamp(36px,4.5vw,62px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.055em;max-width:1060px;margin:0 0 30px;color:var(--mj-ink);text-wrap:balance;overflow-wrap:break-word}
body.orderapp-studio .mj-meta{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;font-size:14px;line-height:1.5;color:var(--mj-muted)}
body.orderapp-studio .mj-meta a{text-decoration:underline;text-decoration-color:#ff5d2e;text-underline-offset:6px;color:var(--mj-ink)}
body.orderapp-studio .mj-layout{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:space-between;gap:56px;align-items:start}
body.orderapp-studio .mj-no-toc{display:block;max-width:760px;margin-inline:auto}
body.orderapp-studio .mj-rail{position:sticky;top:116px;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
body.orderapp-studio .mj-toc{border:0;padding:0;margin:0;background:transparent}
body.orderapp-studio .mj-toc summary{display:flex;justify-content:space-between;gap:16px;font-size:16px;font-weight:600;padding-bottom:18px;cursor:pointer;list-style:none}
body.orderapp-studio .mj-toc summary::-webkit-details-marker{display:none}
body.orderapp-studio .mj-toc:not([open]) summary span{transform:rotate(90deg)}
body.orderapp-studio .mj-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid #ddd8d1}
body.orderapp-studio .mj-toc li{margin:0;padding:0}
body.orderapp-studio .mj-toc a{display:block;padding:9px 8px 9px 17px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.55;text-decoration:none;color:var(--mj-muted)}
body.orderapp-studio .mj-toc a:hover{color:var(--mj-ink);background:#f2efeb}
body.orderapp-studio .mj-toc a[aria-current="location"]{color:var(--mj-ink);font-weight:600;border-left-color:#ff5d2e;background:#fff0e9}
body.orderapp-studio .mj-content{min-width:0;overflow-wrap:break-word}
body.orderapp-studio .mj-content .orderapp-article{max-width:none;margin:0;padding:0;background:transparent}
body.orderapp-studio .mj-content :is(p,li){font:400 18px/1.85 Manrope,Arial,sans-serif;color:#46433f;letter-spacing:0}
body.orderapp-studio .mj-content p{margin:0 0 24px}
body.orderapp-studio .mj-content>p:first-child,body.orderapp-studio .mj-content .orderapp-article>p:first-child{font-size:22px;line-height:1.65;color:var(--mj-ink);margin-bottom:38px}
/* Shared scroll-padding already reserves 112px for the header. */
body.orderapp-studio .mj-content :is(h2,h3,h4){color:var(--mj-ink);letter-spacing:-.035em;scroll-margin-top:16px;text-wrap:balance}
body.orderapp-studio .mj-content h2{font:500 clamp(27px,2.7vw,36px)/1.25 Manrope,Arial,sans-serif;margin:52px 0 22px}
body.orderapp-studio .mj-content h3{font:600 24px/1.35 Manrope,Arial,sans-serif;margin:36px 0 18px}
body.orderapp-studio .mj-content h4{font:600 20px/1.4 Manrope,Arial,sans-serif;margin:28px 0 14px}
body.orderapp-studio .mj-content :is(ul,ol){padding-left:24px;margin:20px 0 28px}
body.orderapp-studio .mj-content ul{list-style:disc}
body.orderapp-studio .mj-content ol{list-style:decimal}
body.orderapp-studio .mj-content li{padding-left:5px;margin-bottom:14px}
body.orderapp-studio .mj-content li::marker{color:#ff5d2e}
body.orderapp-studio .mj-content strong{font-weight:650;color:var(--mj-ink)}
body.orderapp-studio .mj-content a:not(.theme-btn){color:var(--mj-ink);text-decoration:underline;text-decoration-color:#ff9d81;text-underline-offset:4px;text-decoration-thickness:1px}
body.orderapp-studio .mj-content a:hover{color:#63554c;text-decoration-color:currentColor}
body.orderapp-studio .mj-content blockquote{margin:32px 0;padding:24px 28px;border:0;border-left:3px solid #ff5d2e;background:#f2efeb;border-radius:0;box-shadow:none}
body.orderapp-studio .mj-content blockquote p:last-child{margin:0}
body.orderapp-studio .mj-content :is(img,video,iframe){max-width:100%}
body.orderapp-studio .mj-content img{height:auto;border-radius:12px}
body.orderapp-studio .mj-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
body.orderapp-studio .mj-content :is(th,td){padding:14px;border:1px solid #ddd8d1}
body.orderapp-studio .mj-content .orderapp-related{background:#f2efeb;border:0;border-radius:18px;padding:28px 32px;margin:48px 0 28px}
body.orderapp-studio .mj-content .orderapp-related h2{font-size:27px;margin:0 0 18px}
body.orderapp-studio .mj-content .orderapp-related ul{list-style:none;padding:0;margin:0}
body.orderapp-studio .mj-content .orderapp-related li{padding:16px 0;margin:0;border-top:1px solid #ddd8d1;font-size:17px;line-height:1.5}
body.orderapp-studio .mj-content .orderapp-related li:last-child{padding-bottom:0}
body.orderapp-studio .mj-content .theme-btn{display:inline-flex;align-items:center;justify-content:center;background:#242321!important;color:#fff!important;border:0;border-radius:12px;padding:18px 24px;font:500 16px/1.5 Manrope,Arial,sans-serif;text-decoration:none;white-space:normal;text-align:left}
body.orderapp-studio .mj-content .theme-btn:before,body.orderapp-studio .mj-content .theme-btn:after{display:none}
body.orderapp-studio .mj-end{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ddd8d1;margin-top:56px;padding-top:28px;font-size:16px}
body.orderapp-studio .mj-end a{text-decoration:none}
@media(max-width:1000px){body.orderapp-studio .mj-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}body.orderapp-studio .mj{width:calc(100% - 48px)}}
@media(max-width:767px){body.orderapp-studio .mj{width:calc(100% - 40px);padding:30px 0 48px}body.orderapp-studio .mj-head{padding-bottom:26px;margin-bottom:26px}body.orderapp-studio .mj-back{margin-bottom:24px}body.orderapp-studio .mj-head h1{font-size:clamp(30px,8.2vw,42px);line-height:1.17;letter-spacing:-.045em;margin-bottom:24px;text-wrap:pretty}body.orderapp-studio .mj-layout{display:block}body.orderapp-studio .mj-rail{position:static;margin-bottom:32px;max-height:none;overflow:visible}body.orderapp-studio .mj-toc{padding:20px;background:#f2efeb;border-radius:14px}body.orderapp-studio .mj-toc summary{padding-bottom:12px}body.orderapp-studio .mj-toc a{padding-block:7px}body.orderapp-studio .mj-content :is(p,li){font-size:17px;line-height:1.75}body.orderapp-studio .mj-content>p:first-child,body.orderapp-studio .mj-content .orderapp-article>p:first-child{font-size:20px;line-height:1.65;margin-bottom:30px}body.orderapp-studio .mj-content h2{font-size:28px;margin-top:38px}body.orderapp-studio .mj-content h3{font-size:23px}body.orderapp-studio .mj-content .orderapp-related{padding:24px 20px}body.orderapp-studio .mj-end{flex-direction:column;margin-top:36px}body.orderapp-studio .mj-content blockquote{padding:20px}}