/* Project notebook: shared colour language, a dedicated drawing/worksheet layout. */
body.measure-studio-page { background: #f6f3ed; color: #20362f; }
.measure-studio-page :is(h1, h2, h3) { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.025em; }
.measure-studio-page .seo-category-hero { background: #edeae2; padding: 54px 0 0; color: #20362f; min-height: 0; border-bottom: 1px solid #d9d6cc; }
.measure-studio-page .seo-category-hero::before { display: none; }
.measure-studio-page .seo-category-hero-inner { padding-block: 0; }
.measure-studio-page .seo-category-hero :is(h1, .seo-breadcrumb, .seo-breadcrumb a, .seo-category-lead) { color: #20362f; }
.measure-studio-page .seo-category-hero h1 { font-size: clamp(2.7rem, 5.5vw, 4.7rem); max-width: 1000px; line-height: 1.05; margin-block: 20px; }
.measure-studio-page .seo-category-lead { max-width: 780px; font-size: 1rem; line-height: 1.85; }
.measure-studio-page .seo-eyebrow { border: 0; background: transparent; color: #596650; padding: 0; border-radius: 0; font-size: .7rem; letter-spacing: .12em; }
.measure-studio-page .seo-btn { border-radius: 4px; box-shadow: none; font-weight: 500; }
.measure-studio-page .seo-btn-primary { background: #183c32; border-color: #183c32; color: #fff; }
.measure-studio-page .seo-btn-secondary { background: transparent; color: #183c32; border-color: #8f9e8b; }
.measure-chapters { display: flex; flex-wrap: wrap; gap: 0 32px; border-top: 1px solid #c9cbbc; margin-top: 34px; }
.measure-chapters a { display: flex; align-items: center; gap: 12px; min-height: 68px; color: #20362f; text-decoration: none; font-size: .8rem; }
.measure-chapters a:hover { text-decoration: underline; text-underline-offset: 5px; }
.measure-chapters span { color: #796136; font-family: Georgia, serif; font-size: 1.15rem; }
.measure-studio-page .seo-section { padding-block: 60px; background: transparent; }
.measure-studio-page .seo-section + .seo-section { border-top: 1px solid #dedcd2; }
.measure-studio-page .seo-section-head { text-align: left; margin-left: 0; }
.measure-studio-page .seo-section-head h2 { font-size: clamp(2rem, 3.6vw, 3rem); }
.measure-studio-page .seo-mini-card, .measure-studio-page .seo-faq { box-shadow: none; border: 0; border-top: 1px solid #bfc7b8; border-radius: 0; background: transparent; padding: 22px 0; }
.measure-studio-page .seo-mini-card > strong { font-family: Georgia, serif; font-weight: 400; font-size: 1.35rem; }
.measure-studio-page .seo-media { border-radius: 4px; box-shadow: none; }
.measure-studio-page .seo-cta { border-radius: 4px; background: #183c32; box-shadow: none; }
.measure-studio-page #hoja-medidas { scroll-margin-top: 115px; }
.measure-workbench { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 40px; align-items: start; }
.measure-board { position: sticky; top: 116px; background: #edeae2; border: 1px solid #d7d8ca; border-radius: 4px; padding: 28px; min-width: 0; }
.measure-board-heading > span { display: block; text-transform: uppercase; letter-spacing: .1em; font-size: .65rem; color: #796136; }
.measure-board-heading h3 { font-size: 2rem; line-height: 1.12; margin: 10px 0; }
.measure-board-heading p, .measure-board-note { color: #596553; line-height: 1.7; font-size: .78rem; }
.measure-drawing { margin: 16px 0 0; }
.measure-drawing svg { display: block; width: 100%; max-height: 420px; }
.measure-cote { color: #64765c; }
.measure-cote path { fill: none; stroke: currentColor; stroke-width: 1; }
.measure-cote rect { fill: #edeae2; }
.measure-cote text { fill: currentColor; font: 16px Inter, sans-serif; }
.measure-cote.is-focused { color: #183c32; }
.measure-cote.is-focused path { stroke-width: 2.5; }
.measure-cote.is-focused text { font-weight: 700; }
.measure-drawing-caption { font: 11px Inter, sans-serif; letter-spacing: .7px; fill: #6b7464; }
.measure-drawing figcaption { font-size: .72rem; line-height: 1.7; color: #69715f; }
.measure-readings { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 22px 0 12px; border-block: 1px solid #c8cbbd; padding-block: 16px; gap: 10px; }
.measure-readings dt { color: #5b6754; font-size: .65rem; }
.measure-readings dd { margin: 8px 0 0; font-family: Georgia, serif; font-size: clamp(1rem, 1.7vw, 1.4rem); color: #183c32; overflow-wrap: anywhere; }
.measure-board-note { margin: 0; font-size: .7rem; }
.measure-studio-page .ed-measure-form { background: #fffefa; padding: clamp(20px, 3vw, 34px); border: 1px solid #d9d6cc; border-radius: 4px; min-width: 0; }
.measure-studio-page .ed-measure-form :is(input, select, textarea, button) { border-radius: 3px; font-size: 16px; }
.measure-studio-page .ed-measure-form :is(input, select, textarea) { border-color: #a5af9b; }
.measure-studio-page .ed-measure-form label { font-size: .8rem; font-weight: 500; }
.measure-studio-page .ed-measure-form fieldset { border-top: 1px solid #d9d6cc; margin: 26px 0; padding-top: 20px; }
.measure-studio-page .ed-measure-form legend { font-family: Georgia, serif; font-weight: 400; font-size: 1.35rem; padding-right: 12px; margin-bottom: 0; }
.measure-studio-page .measure-step { display: inline-block; color: #856a37; font-family: Georgia, serif; font-weight: 400; font-size: 1.1rem; margin-right: 8px; }
.measure-progress { margin-bottom: 24px; }
.measure-progress > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; font-size: .7rem; }
.measure-progress meter { width: 100%; height: 8px; display: block; margin-top: 10px; accent-color: #183c32; border: 0; border-radius: 0; }
.measure-progress meter::-webkit-meter-bar { background: #e4e4d8; border: 0; height: 4px; border-radius: 0; }
.measure-progress meter::-webkit-meter-optimum-value { background: #183c32; }
.measure-progress meter::-moz-meter-bar { background: #183c32; }
#measureDraftState { color: #73735f; }
.measure-field-error { display: block; margin-top: 8px; color: #8f2b24; font-size: .75rem; line-height: 1.6; }
.measure-field-error[hidden] { display: none; }
.measure-studio-page #measureNotesCount { display: block; text-align: right; font-size: .7rem; color: #69735e; margin-top: 6px; }
.measure-studio-page .ed-measure-note { font-size: .75rem; line-height: 1.8; color: #63705d; }
.measure-studio-page .measure-primary-tools { display: grid; grid-template-columns: 1fr; }
.measure-studio-page .measure-primary-tools .ed-tool { font-size: .83rem; }
.measure-studio-page .measure-primary-tools [type=submit] { background: #183c32; color: #fff; border-color: #183c32; min-height: 50px; }
.measure-studio-page .measure-secondary-tools { gap: 5px 16px; padding-top: 14px; border-top: 1px solid #d9d6cc; }
.measure-studio-page .measure-secondary-tools .ed-tool { background: transparent; border: 0; padding: 8px 0; font-size: .75rem; text-decoration: underline; text-underline-offset: 4px; }
.measure-studio-page .ed-measure-summary { background: #f6f3ed; border-color: #d9d6cc; border-radius: 3px; font-size: .85rem; line-height: 1.9; }
.measure-studio-page #measureStatus { color: #335540; font-size: .78rem; line-height: 1.75; }
.measure-studio-page .measure-prep-card svg { display: block; width: 180px; height: 150px; margin-bottom: 20px; fill: none; stroke: #63765b; stroke-width: 1.4; }
.measure-studio-page .measure-prep-card h3 { font-size: 1.65rem; }
@media (max-width: 900px) {
 .measure-workbench { grid-template-columns: 1fr; gap: 24px; }
 .measure-board { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; padding: 22px; }
 .measure-drawing { grid-column: 2; grid-row: 1 / 4; margin: 0; }
 .measure-readings { grid-template-columns: 1fr; gap: 8px; }
 .measure-readings > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
 .measure-readings dd { margin: 0; }
}
@media (max-width: 540px) {
 .measure-studio-page .seo-category-hero { padding-top: 32px; }
 .measure-studio-page .seo-category-hero h1 { font-size: 2.65rem; }
 .measure-studio-page .seo-section { padding-block: 38px; }
 .measure-chapters { gap: 0; flex-direction: column; margin-top: 24px; }
 .measure-chapters a { min-height: 50px; border-bottom: 1px solid #d9d6cc; }
 .measure-board { display: block; padding: 20px; }
 .measure-board-heading h3 { font-size: 1.75rem; }
 .measure-drawing { margin-top: 10px; }
 .measure-drawing svg { max-height: 340px; }
 .measure-readings { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .measure-readings > div { display: block; }
 .measure-readings dd { margin-top: 8px; font-size: 1.05rem; }
 .measure-studio-page .ed-measure-form { padding: 20px 16px; }
}
@media print {
 .measure-studio-page .measure-workbench { display: block; }
 .measure-studio-page .measure-board { position: static; display: block; break-inside: avoid; background: #fff; margin-bottom: 20px; }
 .measure-studio-page .measure-drawing svg { max-height: 230px; }
 .measure-studio-page .measure-progress { display: none; }
 .measure-studio-page .ed-measure-form { border-color: #aaa; background: #fff; }
}
/* Keep the worksheet controls clear while a visitor is entering their notes. */
.measure-studio-page:has(.ed-measure-form:focus-within) .ed-chrome-floating-actions { visibility: hidden; }