.mg-page{margin:0;color:#143d30;background:#eaf1df;font:15px/1.65 'Segoe UI',Arial,sans-serif}.mg-main{max-width:1500px;margin:auto;padding:30px clamp(18px,3vw,44px) 60px;position:relative}.mg-main *{box-sizing:border-box}.mg-main [hidden]{display:none!important}.mg-main :is(button,input,select,textarea){font:inherit}.mg-main :is(button,a,input,select,textarea):focus-visible{outline:3px solid #bd8d29;outline-offset:4px}.mg-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:30px;align-items:center}.mg-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#52775a;margin:0 0 12px}.mg-intro h1{font:600 clamp(33px,3.4vw,52px)/1.08 Georgia,serif;letter-spacing:-1px;margin:0 0 18px}.mg-intro h1 em{font-style:normal;color:#087a59}.mg-intro>p:not(.mg-eyebrow){font-size:15px;max-width:650px;line-height:1.8}.mg-traits{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.mg-traits span,.mg-kind{display:inline-block;padding:5px 10px;border:1px solid #a6c9ac;border-radius:8px;background:#e1f1dc;font-size:11px;font-weight:700;color:#1f6847;box-shadow:0 2px 0 #a7bd9633}.mg-offer{padding:20px 22px;border:1px solid #b9a35c;border-radius:20px;background:linear-gradient(135deg,#0a5f49,#033b30);box-shadow:inset 0 2px 0 #ffffff22,0 6px 0 #023027,0 20px 35px #073f3222;color:#fff3ce;min-width:0}.mg-camera-concept{max-width:320px;margin:0 auto 9px;position:relative}.mg-camera-concept svg{width:100%;height:115px;display:block;filter:drop-shadow(0 5px 4px #001c2599)}.mg-camera-concept rect{fill:#052d28;stroke:#69bba3;stroke-width:1}.mg-frame{fill:none;stroke:#e2c068;stroke-width:2}.mg-hand{fill:#146d55;stroke:#f2d58c;stroke-width:2}.mg-bones{fill:none;stroke:#6fe6bf;stroke-width:1.5}.mg-points{fill:#ffeaa6;filter:drop-shadow(0 0 4px #f4d578)}.mg-camera-concept text{fill:#80ceb0;font:8px 'Segoe UI',sans-serif;letter-spacing:1px}.mg-camera-concept>span{display:block;text-align:center;font-size:9px;letter-spacing:.7px;color:#bddec9}.mg-price{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 13px}.mg-price strong{font:700 40px/1.1 Georgia,serif;color:#ffe29d}.mg-price>span{font-size:11px;text-align:right;line-height:1.5}.mg-button,.mg-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 17px;border:1px solid #56ac8c;border-radius:11px;background:linear-gradient(#15916d,#05523e);color:#fff8df!important;text-decoration:none;font-size:13px;font-weight:700;box-shadow:inset 0 2px 0 #ffffff33,0 4px 0 #023b2d;cursor:pointer;text-align:center}.mg-button:active,.mg-secondary:active{transform:translateY(2px);box-shadow:0 2px 0 #023b2d}.mg-offer>.mg-button{width:100%;background:linear-gradient(#ffe4a3,#dca63c);border-color:#fff1b3;color:#123e30!important;box-shadow:inset 0 2px 0 #fff3c7,0 4px 0 #926721}.mg-fee{font-size:11px;line-height:1.7;margin:13px 0 0;opacity:.85}.mg-product-note{margin:28px 0 22px;padding:13px 17px;border:1px solid #bdd2b4;background:#fffbedcc;border-radius:11px;font-size:12px;color:#42654c;box-shadow:0 3px 0 #c0d0ad}.mg-product-note strong{color:#164f37}.mg-workbench{padding:20px;border:1px solid #c2d4b6;border-radius:17px;background:#fffdf1e8;box-shadow:inset 0 2px 0 #fff,0 5px 0 #b5c7a3;margin-bottom:28px}.mg-subjects{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.mg-subjects button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;min-height:65px;padding:12px 15px;border:1px solid #9cbf9e;border-radius:11px;color:#1e5e41;background:linear-gradient(#fafdf2,#e3edda);box-shadow:inset 0 2px 0 #fff,0 4px 0 #a6ba91;cursor:pointer}.mg-subjects button strong{font-size:14px}.mg-subjects button span{font-size:11px}.mg-subjects button[aria-pressed=true]{color:#fff5dc;background:linear-gradient(#158165,#064c3a);border-color:#39a782;box-shadow:inset 0 2px 0 #ffffff44,0 4px 0 #023d2d}.mg-filters{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin-top:21px}.mg-filters label{display:grid;gap:6px;font-size:12px;font-weight:700}.mg-filters input,.mg-filters select{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #afc5a6;border-radius:9px;background:#fffffa;color:#174331;font-size:15px}.mg-workbench>p{font-size:12px;color:#547457;margin-bottom:0}.mg-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.mg-library{min-width:0}.mg-library h2{font:600 29px/1.25 Georgia,serif;margin:0 0 18px}.mg-library>div{display:grid;gap:12px}.mg-card{display:flex;gap:12px;align-items:flex-start;width:100%;padding:16px;border:1px solid #bdcfb0;border-radius:13px;background:linear-gradient(140deg,#fffdf3,#ecf3e1);box-shadow:inset 0 2px 0 #fff,0 4px 0 #b0c29b;text-align:left;color:#153e2e;cursor:pointer}.mg-card[aria-pressed=true]{border-color:#27815c;background:linear-gradient(135deg,#e8f6df,#cbe7c6);box-shadow:inset 0 2px 0 #fafff5,0 4px 0 #5e9468}.mg-card-number{font:600 25px Georgia,serif;color:#71905c;min-width:30px}.mg-card-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.mg-card-copy strong{font-size:15px;line-height:1.4}.mg-card-copy>span{font-size:12px;color:#5b7359;line-height:1.6}.mg-card-copy small{font-size:10px;color:#2c7656}.mg-detail{position:sticky;top:18px;min-width:0;padding:24px;border:1px solid #c6b67d;border-radius:18px;background:linear-gradient(145deg,#fffef5,#f1efd9);box-shadow:inset 0 2px 0 #fff,0 6px 0 #b9ad7d,0 18px 30px #39562a15;scroll-margin-top:18px}.mg-detail-heading h2{font:600 30px/1.2 Georgia,serif;margin:5px 0 12px;letter-spacing:-.5px}.mg-detail-heading>p{font-size:13px;margin:0 0 12px;color:#4f7051}.mg-kind{margin-bottom:18px}.mg-preview{padding:20px;border:1px dashed #bdab68;border-radius:12px;background:#fff9e6}.mg-preview h3{font:600 22px Georgia,serif;margin:0 0 11px}.mg-preview>p:not(.mg-fee){font-size:13px;line-height:1.85;color:#53694f}.mg-preview ul{padding-left:19px;font-size:12px;line-height:2;color:#415f43;margin:16px 0 21px}.mg-preview .mg-button{width:100%}.mg-detail textarea{display:block;width:100%;min-height:440px;max-height:70vh;resize:vertical;padding:17px;border:1px solid #c4d1b6;border-radius:11px;background:#fffef9;color:#193e30;font:13px/1.9 'Segoe UI',sans-serif;tab-size:2;white-space:pre-wrap}.mg-copy-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.mg-copy-actions .mg-button{flex:1}.mg-secondary{background:linear-gradient(#fffdf1,#e4ebd8);color:#245638!important;border-color:#b3c39b;box-shadow:inset 0 2px 0 #fff,0 4px 0 #9eb18a;font-size:12px}.mg-access-status{font-size:11px;color:#637653;line-height:1.8;margin:18px 0 10px}.mg-access-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}.mg-access-actions a,.mg-access-actions button{color:#216a4b}.mg-access-actions button{background:none;border:0;text-decoration:underline;cursor:pointer;padding:8px 0;font-size:12px}.mg-feedback{font-size:12px;color:#0b7553;line-height:1.7;font-weight:700;margin:12px 0 0}.mg-feedback:empty{margin:0}.mg-empty{padding:25px;border:1px dashed #91ac7e;border-radius:13px;font-size:13px}.mg-how{margin-top:35px;padding:25px;border:1px solid #bdcfaf;border-radius:15px;background:#fffbedbb;box-shadow:0 4px 0 #bfcea9}.mg-how h2{font:600 28px Georgia,serif;margin:0 0 18px}.mg-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-left:20px;font-size:13px}.mg-how li{padding-left:4px}.mg-how li strong,.mg-how li span{display:block}.mg-how li span{font-size:12px;color:#5d7356;margin-top:7px;line-height:1.7}.mg-how>p{font-size:11px;color:#67775a;line-height:1.8;margin-top:20px}.mg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.mg-hero{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr)}.mg-layout{gap:18px}.mg-detail{padding:20px}.mg-subjects{gap:9px}.mg-subjects button{padding:11px}}
@media(max-width:1000px){.mg-layout{grid-template-columns:1fr}.mg-detail{position:static;order:-1}.mg-library>div{grid-template-columns:1fr 1fr}.mg-hero{grid-template-columns:1fr}.mg-offer{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;align-items:center}.mg-camera-concept{grid-row:1/4;width:100%;margin:0}.mg-price{margin:0}.mg-offer>.mg-fee{grid-column:2;margin:0}.mg-offer>.mg-button{align-self:start}}
@media(max-width:600px){.mg-main{padding:24px 17px 45px}.mg-intro h1{font-size:36px}.mg-intro>p:not(.mg-eyebrow){font-size:14px}.mg-eyebrow{font-size:9px;letter-spacing:1px}.mg-offer{padding:18px;gap:10px 15px;grid-template-columns:100px minmax(0,1fr)}.mg-camera-concept svg{height:85px}.mg-camera-concept>span{font-size:8px}.mg-price strong{font-size:32px}.mg-price>span{font-size:10px}.mg-offer>.mg-button{grid-column:1/-1}.mg-offer>.mg-fee{grid-column:1/-1;font-size:10px}.mg-camera-concept{grid-row:1}.mg-product-note{margin-top:22px;font-size:11px}.mg-workbench{padding:16px}.mg-subjects{grid-template-columns:1fr 1fr;gap:11px}.mg-subjects button{min-height:62px;padding:11px 13px}.mg-subjects button strong{font-size:13px}.mg-filters{grid-template-columns:1fr;gap:12px}.mg-library>div{grid-template-columns:1fr}.mg-detail{padding:20px 18px}.mg-detail-heading h2{font-size:28px}.mg-detail textarea{min-height:350px}.mg-copy-actions{flex-direction:column}.mg-copy-actions button{width:100%}.mg-how{padding:20px}.mg-how ol{grid-template-columns:1fr;gap:17px}.mg-button{font-size:12px}.mg-traits{gap:6px}.mg-traits span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mg-main *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mg-detail{top:86px;scroll-margin-top:90px}.mg-copy-actions{margin-top:0;margin-bottom:16px}.mg-detail textarea{min-height:320px;max-height:50dvh}@media(max-width:1000px){.mg-detail{position:static;scroll-margin-top:80px}}
.mg-main .mg-button,.mg-main .mg-secondary{font-weight:700}

/* Nine categories: three balanced rows on desktop, two-column touch grid on phones. */
.mg-subjects{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-subjects button strong{overflow-wrap:anywhere}@media(max-width:650px){.mg-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-subjects button:last-child{grid-column:1/-1}}