.mg42-intro,.mg42-prep,.mg42-guide,.mg42-end{color:#302921}
.mg42-intro{padding:76px 0 85px;background:#f7f1e8}
.mg42-intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(38px,6vw,88px);align-items:center}
.mg42-intro h2,.mg42-prep h2,.mg42-guide h2,.mg42-end h2{font-family:var(--serif,Georgia,serif);font-size:clamp(2.65rem,4.9vw,4.6rem);font-weight:500;line-height:1.04;letter-spacing:-.025em;margin:10px 0 24px}
.mg42-intro .mg42-lead{font-size:clamp(1rem,1.45vw,1.17rem);line-height:1.75;max-width:640px;color:#65594d}
.mg42-intro .mg42-lead strong{color:#352b1f}
.mg42-start-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}
.mg42-outline-link{font-size:.73rem;letter-spacing:.10em;text-decoration:underline;text-underline-offset:6px;color:inherit;font-weight:700}
.mg42-method-overview{border:1px solid #d6bd91;background:#fffaf1;padding:34px 32px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);border-radius:10px}
.mg42-method-overview>div{display:flex;gap:22px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e6d6bd}
.mg42-method-num{font:500 2.2rem/1 var(--serif,Georgia,serif);color:#b48a4e;min-width:40px}
.mg42-method-overview strong{font-size:1.13rem}
.mg42-method-overview p{line-height:1.62;margin:9px 0 0;color:#665c50;font-size:.87rem}

.mg42-prep{padding:74px 0 82px;background:#fffaf3}
.mg42-prep-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.mg42-prep-top h2{margin-bottom:0}
.mg42-prep-top>p{max-width:460px;line-height:1.72;color:#6f6354;font-size:.88rem}
.mg42-prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mg42-prep-card{border:1px solid #e6d8c5;background:#fcf7ee;padding:26px 25px 30px;min-width:0;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}
.mg42-prep-card>span{color:#a9814f;font-size:.73rem;letter-spacing:.14em;font-weight:700}
.mg42-prep-card h3{font:500 1.65rem/1.16 var(--serif,Georgia,serif);margin:17px 0 10px}
.mg42-prep-card p{font-size:.86rem;line-height:1.7;color:#655a4c}
.mg42-guide{padding:88px 0 108px;background:#f0ebe3}
.mg42-guide-heading{max-width:760px;margin-bottom:33px}
.mg42-guide-heading h2{margin-bottom:16px}
.mg42-guide-heading>p:last-child{line-height:1.7;color:#665b4e;font-size:.92rem}
.mg42-control-panel{border:1px solid #d6c6ad;background:#f9f4eb;margin-bottom:40px;padding:18px 23px 19px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}
.mg42-toolbar{display:flex;gap:11px;flex-wrap:wrap;align-items:center;padding-top:0}
.mg42-unit{font-weight:700;font-size:.74rem;letter-spacing:.04em;display:flex;align-items:center;gap:10px;margin-right:auto}
.mg42-unit select{border:1px solid #c8b493;background:#fffdfa;min-width:99px;padding:9px 11px;color:#28231e;font:inherit;cursor:pointer;border-radius:10px}
.mg42-tool-button{border:1px solid #86724f;color:#31291d;background:transparent;padding:11px 14px;cursor:pointer;font-size:.68rem;letter-spacing:.07em;font-weight:700;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}
.mg42-tool-button:disabled{opacity:.55;cursor:not-allowed}
.mg42-tool-button:hover:not(:disabled){background:#2c261f;color:white}
.mg42-local-notice{margin:17px 0 0;color:#73695d;font-size:.72rem;line-height:1.55}
.mg42-control-status{min-height:1.2em;margin:8px 0 0;font-size:.76rem;color:#674a24}
.mg42-panel{scroll-margin-top:165px;margin-top:48px}
.mg42-panel-heading{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:28px;border-bottom:1px solid #d3c2ae;padding-bottom:23px}
.mg42-panel-heading h3{font:500 clamp(2rem,3.5vw,3.2rem)/1.08 var(--serif,Georgia,serif);margin:11px 0 7px}
.mg42-panel-heading>div>p:last-child{max-width:740px;font-size:.86rem;color:#65594e;line-height:1.65}
.mg42-panel-heading>span{border:1px solid #cab28d;padding:10px 13px;font-size:.62rem;white-space:nowrap;letter-spacing:.12em;color:#67553b}
.mg42-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mg42-step{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-width:0;min-height:275px;background:#fffaf2;border:1px solid #dcccb5;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);border-radius:10px;overflow:hidden}
.mg42-photo-frame{height:100%;min-height:275px;background:#eee9e2;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mg42-photo-frame img{width:100%;height:100%;max-height:350px;object-fit:contain;object-position:center;display:block}

.mg42-step-body{display:flex;min-width:0;flex-direction:column;padding:22px 24px 20px}
.mg42-step-meta{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;color:#a37b40;font-size:.60rem;letter-spacing:.12em;font-weight:700}
.mg42-step h4{font:500 clamp(1.43rem,1.9vw,1.86rem)/1.11 var(--serif,Georgia,serif);margin:16px 0 12px;color:#332a21}
.mg42-step-body>p{font-size:.79rem;line-height:1.68;color:#574d42;margin:0 0 13px}
.mg42-step-body .mg42-step-tip{color:#7e6d56;font-size:.73rem;margin-bottom:16px}
.mg42-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #e7dbcb;font-size:.71rem;font-weight:700;color:#51463c}
.mg42-entry small{font-weight:400;color:#8d8273}
.mg42-entry-field{display:flex;align-items:center;border:1px solid #d9c8b2;background:#fff;min-width:94px;max-width:130px;border-radius:10px;overflow:hidden}
.mg42-entry-field input{width:74px;min-width:0;border:0;background:transparent;padding:9px 7px 9px 10px;text-align:right;font-size:.84rem;color:#2c251f}
.mg42-entry-field>.mg42-unit-label{padding-right:10px;color:#8a7c6b;font-size:.68rem}

.mg42-end{background:#29241e;color:#f7ecdb;padding:93px 0}
.mg42-end-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);align-items:center;gap:50px}
.mg42-end h2{color:#f7ecdb;margin-bottom:21px}
.mg42-end-inner>div>p:not(.eyebrow){color:#d3c5b5;max-width:760px;line-height:1.72}

.mg42-end-actions{display:flex;flex-direction:column;align-items:flex-start;gap:23px}
.mg42-end .mg42-outline-link{color:#ead4af}
.mg42-tool-button:focus-visible,.mg42-unit select:focus-visible,.mg42-entry input:focus-visible,.mg42-outline-link:focus-visible{outline:3px solid #b58c51;outline-offset:3px}
@media(max-width:1100px){.mg42-step{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.mg42-photo-frame{min-height:310px}.mg42-step-body{padding:20px 19px}.mg42-step-grid{gap:15px}}
@media(max-width:860px){.mg42-intro-grid{grid-template-columns:1fr}.mg42-step-grid{grid-template-columns:1fr}.mg42-photo-frame{min-height:260px}.mg42-prep-top{align-items:flex-start;flex-direction:column;gap:15px}.mg42-prep-grid{grid-template-columns:1fr 1fr}.mg42-end-inner{grid-template-columns:1fr}}
@media(max-width:600px){.mg42-intro,.mg42-prep,.mg42-guide,.mg42-end{padding:60px 0}.mg42-intro h2,.mg42-guide h2,.mg42-end h2{font-size:2.9rem}.mg42-method-overview{padding:25px 22px}.mg42-prep-grid{grid-template-columns:1fr}.mg42-control-panel{padding:10px 12px 16px}.mg42-step{grid-template-columns:1fr}.mg42-photo-frame{height:240px;min-height:240px}.mg42-photo-frame img{max-height:240px}.mg42-step-body{padding:23px}.mg42-toolbar{gap:8px}.mg42-unit{margin-right:0;width:100%;justify-content:space-between}.mg42-tool-button{flex:1;min-height:46px}.mg42-panel-heading{align-items:flex-start;flex-direction:column;gap:10px}.mg42-step h4{font-size:1.8rem}.mg42-end-actions{width:100%}.mg42-end-actions .btn{width:100%;text-align:center}}
@media print{.site-header,.footer-bottom,footer,.floating-actions,.floating-top,.mg42-start-links,.mg42-outline-link,.mg42-section-nav,.mg42-toolbar,.mg42-local-notice,.mg42-control-status,.mg42-end{display:none!important}.mg42-intro,.mg42-prep,.mg42-guide{padding:15px 0!important;background:white!important}.mg42-step-grid{display:block}.mg42-step{display:grid;grid-template-columns:34% 66%;break-inside:avoid;page-break-inside:avoid;min-height:0;border-color:#aaa;margin:0 0 12px;box-shadow:none}.mg42-photo-frame{min-height:145px;height:145px}.mg42-photo-frame img{max-height:145px}.mg42-step-body{padding:11px 18px}.mg42-step h4{font-size:1.45rem;margin:7px 0}.mg42-step-body>p{font-size:.68rem;margin:4px 0}.mg42-step-meta{font-size:.56rem}.mg42-prep-grid{grid-template-columns:repeat(3,1fr)}.mg42-panel-heading{margin-top:25px}a{text-decoration:none}}

.mg42-prep{padding:0;background:#f7f1e8}
.mgx-prep-disclosure{border-top:1px solid #d6c7b1;border-bottom:1px solid #d6c7b1;margin:0 0 0}
.mgx-prep-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:17px 0;min-height:52px;cursor:pointer;color:#423124;font:700 1rem/1.4 var(--sans,Arial,sans-serif)}
.mgx-prep-disclosure>summary::-webkit-details-marker{display:none}
.mgx-prep-disclosure>summary span{font-size:1.55rem;line-height:1;color:#946e39}
.mgx-prep-disclosure[open]>summary span{transform:rotate(45deg)}
.mgx-prep-content{padding:15px 0 24px}
.mgx-prep-disclosure summary:focus-visible{outline:3px solid #b58c51;outline-offset:3px}
.mg42-step-body>p{font-size:max(.9rem,14px);line-height:1.5}
.mg42-step-body .mg42-step-tip{font-size:max(.86rem,14px);line-height:1.5;color:#5f503d}
.mg42-step-meta{font-size:.75rem;letter-spacing:.05em;color:#704e24}
.mg42-entry{font-size:.88rem;min-height:44px}
.mg42-entry-field input{font-size:1rem;min-height:44px}
.mg42-entry-field>.mg42-unit-label{font-size:.83rem;color:#554a3c}
.mg42-local-notice:empty,.mg42-control-status:empty{display:none}
@media(max-width:767px){
  .mg42-intro{padding:35px 0 29px}
  .mg42-guide{padding:36px 0 58px}
  .mg42-intro-grid{gap:20px}
  .mg42-intro h2,.mg42-guide h2{font-size:clamp(2.15rem,7vw,3rem);margin:10px 0 12px}
  .mg42-intro .mg42-lead{font-size:.98rem;line-height:1.5}
  .mg42-start-links{margin-top:13px;gap:13px}
  .mg42-start-links .btn{min-height:44px;padding:12px 16px;white-space:normal;text-align:center}
  .mg42-method-overview{padding:15px 17px}
  .mg42-method-overview>div{gap:12px;padding-bottom:10px;margin-bottom:11px}
  .mg42-method-overview>div:last-child{padding-bottom:0;margin-bottom:0;border:0}
  .mg42-method-num{min-width:30px;font-size:1.7rem}
  .mg42-method-overview strong{font-size:1rem}
  .mg42-method-overview p{font-size:.87rem;margin:4px 0 0;line-height:1.45}
  .mg42-prep-top{gap:8px;margin-bottom:15px}
  .mg42-prep-top h2{font-size:2.1rem}
  .mg42-prep-grid{gap:10px}
  .mg42-prep-card{padding:14px 16px}
  .mg42-prep-card h3{margin:6px 0;font-size:1.45rem}
  .mg42-guide-heading{margin-bottom:20px}
  .mg42-guide-heading>p:last-child{font-size:.93rem;line-height:1.5}
  .mg42-control-panel{margin-bottom:19px}
  .mg42-panel{margin-top:22px}
  .mg42-panel-heading{margin-bottom:17px;padding-bottom:12px}
  .mg42-panel-heading h3{font-size:clamp(1.8rem,6.5vw,2.45rem)}
  .mg42-panel-heading>div>p:last-child{font-size:.91rem}
  .mg42-step-grid{gap:13px}
  .mg42-step{grid-template-columns:1fr;min-height:0}
  .mg42-photo-frame{height:clamp(145px,42vw,215px);min-height:0}
  .mg42-photo-frame img{max-height:100%;height:100%;object-fit:contain}
  .mg42-step-body{padding:14px 16px 15px}
  .mg42-step h4{font-size:clamp(1.55rem,5.4vw,1.85rem);margin:8px 0 8px}
  .mg42-step-body>p{font-size:.9rem;line-height:1.46;margin-bottom:8px}
  .mg42-step-body .mg42-step-tip{font-size:.875rem;margin-bottom:11px}
  .mg42-entry{padding-top:9px;font-size:.88rem;flex-wrap:wrap}
  .mg42-entry-field{min-width:110px}
  .mg42-step-meta{font-size:.72rem}
  .mg42-tool-button{font-size:.75rem}
}
@media(max-width:360px){
  
  
  .mg42-photo-frame{height:clamp(145px,48vw,178px)}
  .mg42-step-body{padding:12px 14px 14px}
}
@media(max-height:500px) and (orientation:landscape){
  .mg42-intro,.mg42-guide{padding-block:28px}
  .mg42-step{grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr)}
  .mg42-photo-frame{height:auto;min-height:170px}
}

/* v1.29.5 — three always-visible measurement sections with accessible jump navigation. */
.mg42-section-nav{
  position:sticky;top:var(--site-header-height,72px);z-index:22;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  padding:12px 0;margin:0 0 10px;
  background:rgba(240,235,227,.97);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
}
.mg42-jump{
  display:flex;align-items:center;gap:12px;min-width:0;min-height:68px;
  padding:11px 17px;color:#41372c;background:#fffaf2;border:1px solid #d6c2a4;
  border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.07);
  transition:background .15s ease,border-color .15s ease;
}
.mg42-jump:hover,.mg42-jump[aria-current="location"]{
  background:#29241e;color:#f9eee0;border-color:#29241e;
}
.mg42-jump-index{font:500 1.48rem/1 var(--serif,Georgia,serif);color:#9b7946;flex:none}
.mg42-jump[aria-current="location"] .mg42-jump-index,.mg42-jump:hover .mg42-jump-index{color:#d9bc8d}
.mg42-jump-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.mg42-jump-info strong{font:.75rem/1.22 var(--sans,Arial,sans-serif);font-weight:700}
.mg42-jump-info small{font:.67rem/1.25 var(--sans,Arial,sans-serif);color:#766958}
.mg42-jump[aria-current="location"] small,.mg42-jump:hover small{color:#ddc8a8}
.mg42-jump-arrow{font-size:1.05rem;line-height:1;margin-left:auto;flex:none;color:#8e6a3a}
.mg42-jump[aria-current="location"] .mg42-jump-arrow,.mg42-jump:hover .mg42-jump-arrow{color:#edd6af}
.mg42-jump:focus-visible{outline:3px solid #ab7f36;outline-offset:2px}
.mg42-panel:focus{outline:none}
.mg42-guide .mg42-panel+.mg42-panel{border-top:1px solid #d7c8b3;padding-top:34px;margin-top:58px}
@media(max-width:767px){
  .mg42-section-nav{gap:6px;padding:8px 0;margin-bottom:8px}
  .mg42-jump{gap:5px;min-height:58px;padding:9px 7px}
  .mg42-jump-index{font-size:1.18rem}
  .mg42-jump-info strong{font-size:.75rem}
  .mg42-jump-info small{font-size:.65rem}
  .mg42-jump-arrow{display:none}
  .mg42-panel{scroll-margin-top:155px}
  .mg42-guide .mg42-panel+.mg42-panel{padding-top:24px;margin-top:37px}
}
@media(max-width:360px){
  .mg42-jump-index{font-size:1.02rem}
  .mg42-jump-info strong{font-size:.69rem}
  .mg42-jump-info small{font-size:.59rem}
}
@media print{
  .mg42-section-nav{display:none!important}
  .mg42-guide .mg42-panel+.mg42-panel{break-before:page;border:0;padding-top:0;margin-top:16px}
  .mg42-panel{scroll-margin-top:0}
}

/* Rights-restricted production builds keep instructions usable without blank photo boxes. */
.mg42-step--text-only{grid-template-columns:1fr;min-height:0}
.mg42-step--text-only .mg42-step-body{min-height:220px}

/* v1.29.6 — compact all-visible cards, effective mobile navigation and section actions. */
/* The site header stays fixed. Keep the sticky row below it.
   Global scroll-padding reserves the header; panel margins reserve the sticky row. */
.mg42-panel { scroll-margin-top:112px; }
.mg42-control-panel { scroll-margin-top:112px; }
.mg42-progress { margin:10px 0 0; font-size:.78rem; color:#6b5637; line-height:1.45; font-weight:600; }
.mg42-panel-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; padding:19px 0 0; }
.mg42-panel-footer-copy { display:flex; flex-wrap:wrap; gap:13px; align-items:center; }
.mg42-panel-copy { border:1px solid #826a4d; border-radius:9px; padding:11px 15px; background:#fffaf2; color:#3c3022; font-size:.73rem; font-weight:700; letter-spacing:.05em; min-height:44px; cursor:pointer; }
.mg42-panel-copy:disabled { opacity:.55; cursor:not-allowed; }
.mg42-panel-copy:hover:not(:disabled) { background:#29241e; color:#fff5e8; }
.mg42-panel-copy:focus-visible,.mg42-next:focus-visible { outline:3px solid #ab7f36; outline-offset:3px; }
.mg42-panel-status { font-size:.78rem; color:#654821; line-height:1.5; }
.mg42-panel-status:empty { display:none; }
.mg42-next { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:8px 0; font-size:.8rem; font-weight:700; text-decoration:underline; text-underline-offset:5px; color:#4b3621; }
.mg42-next span { font-size:1rem; }
@media(max-width:767px) {
  .mg42-section-nav { padding:7px 0; }
  .mg42-jump { min-height:50px; padding:7px 7px; }
  .mg42-panel { scroll-margin-top:78px; }
  .mg42-guide .mg42-panel+.mg42-panel { margin-top:27px; padding-top:22px; }
  .mg42-panel-heading { gap:7px; margin-bottom:13px; }
  .mg42-panel-heading h3 { margin:5px 0 6px; }
  .mg42-panel-heading>div>p:last-child { margin-bottom:0; }
  .mg42-panel-footer { padding:12px 0 0; gap:9px; }
  .mg42-panel-footer-copy { min-width:0; flex:1 1 auto; }
  .mg42-panel-copy { padding:10px 12px; font-size:.68rem; }
  .mg42-next { flex:1 0 140px; justify-content:flex-end; text-align:right; }
  /* Keep pictures and complete text on screen while reducing the page's scroll burden. */
  .mg42-step-grid { gap:10px; }
  .mg42-step {
    display:grid;
    grid-template-columns:clamp(94px,31vw,122px) minmax(0,1fr);
    grid-template-rows:minmax(102px,auto) auto auto auto;
    grid-template-areas:"photo heading" "howto howto" "tip tip" "entry entry";
    align-items:stretch;
    min-height:0;
  }
  .mg42-photo-frame {
    grid-area:photo;
    min-height:0;
    height:auto;
    max-height:none;
    border-radius:9px 0 0 0;
  }
  .mg42-photo-frame img { max-height:116px; height:100%; width:100%; object-fit:contain; }
  .mg42-step-body { display:contents; }
  .mg42-step-meta { grid-area:heading; align-self:start; display:flex; flex-wrap:wrap; gap:6px; margin:12px 12px 0; font-size:.64rem; }
  .mg42-step h4 { grid-area:heading; align-self:center; margin:35px 12px 12px; font-size:clamp(1.36rem,5.4vw,1.72rem); line-height:1.1; }
  .mg42-step-body>p:not(.mg42-step-tip) { grid-area:howto; margin:0; padding:11px 13px 8px; font-size:.89rem; line-height:1.46; }
  .mg42-step-body .mg42-step-tip { grid-area:tip; margin:0; padding:0 13px 12px; font-size:.84rem; line-height:1.46; }
  .mg42-entry { grid-area:entry; margin:0 13px 12px; padding-top:11px; min-height:44px; font-size:.82rem; }
  .mg42-entry-field { flex-shrink:0; }
  .mg42-step--text-only { grid-template-columns:1fr; grid-template-rows:auto auto auto auto auto; grid-template-areas:"heading" "howto" "tip" "entry"; }
  .mg42-step--text-only .mg42-step-body { min-height:0; }
  .mg42-step--text-only .mg42-step-meta { min-height:18px; }
  .mg42-step--text-only h4 { margin-top:32px; min-height:39px; }
}
@media(max-width:360px) {
  .mg42-step:not(.mg42-step--text-only) { grid-template-columns:98px minmax(0,1fr); }
  .mg42-jump-index { font-size:.93rem; }
  .mg42-jump-info strong { font-size:.68rem; }
  .mg42-jump-info small { font-size:.57rem; }
  .mg42-step h4 { font-size:1.36rem; }
}
@media(max-height:500px) and (orientation:landscape) {
  .mg42-panel { scroll-margin-top:80px; }
}
@media print {
  .mg42-panel,.mg42-control-panel { scroll-margin-top:0; }
  .mg42-panel-footer,.mg42-progress { display:none!important; }
  .mg42-step-body { display:flex; }
  .mg42-step { grid-template-areas:none; grid-template-rows:auto; }
  .mg42-step h4,.mg42-step-meta,.mg42-step-body>p:not(.mg42-step-tip),.mg42-step-body .mg42-step-tip,.mg42-entry { grid-area:auto; margin:initial; padding:initial; }
}
