.mel-guide{max-width:960px;padding-top:36px;padding-bottom:80px;min-height:100svh;color:#172c2a}
.mel-guide-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;margin-bottom:36px}
.mel-guide-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#58776f;margin-bottom:12px}
.mel-guide h1{font-family:"MEL Libre Caslon",Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1.1;margin-bottom:32px}
.mel-guide-body{font-size:17px;line-height:1.75;overflow-wrap:anywhere}
.mel-guide-body h2,.mel-guide-related h2{font-family:"MEL Libre Caslon",Georgia,serif;font-size:30px;line-height:1.2;font-weight:400;margin:40px 0 16px}
.mel-guide-body p,.mel-guide-body li{margin-bottom:16px}
.mel-guide-body ol,.mel-guide-body ul{padding-inline-start:24px}
.mel-guide a{text-decoration:underline;text-underline-offset:3px}
.mel-guide-table{max-width:100%;overflow:auto;margin:24px 0}
.mel-guide table{width:100%;border-collapse:collapse;font-size:15px}
.mel-guide td,.mel-guide th{text-align:start;vertical-align:top;padding:14px;border:1px solid #d6dfdd}
.mel-guide th{background:#f1f5f2;font-weight:500}
.mel-guide-related{border-top:1px solid #d6dfdd;margin-top:36px}
.mel-guide-related ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0}
.mel-measure-steps{display:grid;gap:12px;padding-left:24px}
.mel-ring-print{overflow:auto;padding:20px;border:1px solid #d6dfdd;background:#f7f8f5}
.mel-print-ruler{display:flex;justify-content:space-between;width:100mm;min-width:100mm;height:12mm;margin:12px 0 20px;border-top:2px solid #172c2a;background:repeating-linear-gradient(to right,#172c2a 0,#172c2a .2mm,transparent .2mm,transparent 1mm) top left/100% 2mm no-repeat;box-sizing:content-box}
.mel-print-ruler span{font-size:9px;padding-top:3mm;white-space:nowrap}
[data-mel-print-guide]{padding:10px 20px;background:#1a3e34;color:white;border:0;border-radius:4px;cursor:pointer}
@media(max-width:760px){.mel-guide{padding-top:24px;padding-bottom:56px}.mel-guide-body{font-size:16px}.mel-guide td,.mel-guide th{padding:10px}.mel-guide-body h2{font-size:27px}}
@media print{body{background:white!important}body>*:not(#PageContainer),#PageContainer>*:not(main),main>*:not(:has(.mel-ring-print)){display:none!important}.mel-guide>*:not(.mel-guide-body),.mel-guide-body>*:not(.mel-ring-print),[data-mel-print-guide]{display:none!important}.mel-guide{padding:0!important;max-width:none;min-height:0}.mel-ring-print{overflow:visible;border:0;background:white;break-inside:avoid}.mel-print-ruler{print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4;margin:20mm}}

.mel-guide table{min-width:460px;overflow-wrap:normal}.mel-guide th:first-child,.mel-guide td:first-child{min-width:100px}.mel-guide-faq{border-bottom:1px solid #d6dfdd}.mel-guide-faq summary{min-height:64px;display:flex;align-items:center;padding:16px 32px 16px 0;box-sizing:border-box;cursor:pointer;font-weight:500;position:relative;line-height:1.45}.mel-guide-faq summary::after{content:"+";position:absolute;right:8px}.mel-guide-faq[open] summary::after{content:"−"}.mel-guide-faq:not([open])>p{display:none}.mel-guide-faq p{padding:0 0 16px;max-width:70ch}

.mel-guide-related ul.mel-guide-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.mel-guide-pieces li{min-width:0}.mel-guide-pieces img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#f3f4ef}.mel-guide-pieces h3,.mel-guide-pieces p{font-family:var(--font-body-family);font-size:15px;line-height:1.5;font-weight:400;margin:10px 0 0}.mel-guide-pieces a{text-decoration:none}@media(max-width:899px){.mel-guide-related ul.mel-guide-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}}