/* Shared editorial components for The Third Field and Terroir Trails. */
.field-opening{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.field-opening h1{max-width:13ch;margin:0 0 1.5rem}
.field-opening .lead{max-width:35rem}
.field-opening .field-weave{margin-top:1rem}
.field-weave{margin:0;min-width:0}
.field-weave img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.field-weave-labels{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:.5rem;text-align:center;font-size:.73rem;font-weight:500;letter-spacing:.06em;color:var(--ink-soft,var(--muted));padding:0 .5rem 1rem;border-bottom:1px solid var(--line,var(--parchment-deep))}
.field-weave-labels span:nth-child(2){color:var(--primary,var(--wine));font-weight:600}
.field-weave figcaption{font-size:.85rem;line-height:1.6;text-align:center;color:var(--ink-mute,var(--muted));margin-top:1rem}
.field-lenses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin-top:2.5rem}
.field-lenses article{border-top:1px solid var(--oak-light,var(--line));padding-top:1.3rem}
.field-lenses h3{font-size:1.75rem;line-height:1.12;margin:0 0 .9rem;max-width:15ch}
.field-lenses p{font-size:.95rem;line-height:1.7}
.field-example{border-top:1px solid var(--line,var(--parchment-deep));padding-top:2rem;margin-top:2.5rem}
.field-example-intro{max-width:46rem;margin-bottom:2rem}
.field-example-intro h3{font-size:clamp(2rem,3.1vw,2.8rem);line-height:1.12}
.field-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem}
.field-example-grid article{padding-right:1.8rem;border-right:1px solid var(--line,var(--parchment-deep))}
.field-example-grid article:last-child{padding-right:0;border-right:0}
.field-example-grid .eyebrow{font-size:.69rem;letter-spacing:.1em;margin-bottom:1rem}
.field-example-grid h3{font-size:1.8rem;line-height:1.16;margin:0 0 1rem}
.field-example-grid p{font-size:.96rem;line-height:1.75}
.field-example-foot{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;border-top:1px solid var(--line,var(--parchment-deep));padding-top:1.4rem;margin-top:2rem}
.field-example-foot p{font-size:.9rem;line-height:1.7;margin:0}
.field-caption,.field-example-foot .field-caption{font-size:.8rem;color:var(--ink-mute,var(--muted))}
.field-text-link{display:inline-flex;gap:1.3rem;align-items:center;font-size:.9rem;font-weight:500;color:var(--primary,var(--wine));border-bottom:1px solid currentColor;text-decoration:none;padding:.5rem 0;margin-top:1.2rem;min-height:44px}
.field-quiet{max-width:46rem}
.field-quiet h2{max-width:22ch;margin-bottom:1.2rem}
.field-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}
.field-paths article{border-top:1px solid var(--line,var(--parchment-deep));padding-top:1.4rem;display:flex;flex-direction:column;align-items:flex-start}
.field-paths h3{font-size:2rem;margin:0 0 1rem}
.field-paths p{font-size:.96rem;margin-bottom:1rem}
.field-paths a{margin-top:auto}
.field-return{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.field-return .lead{font-family:var(--serif);font-size:1.9rem;line-height:1.35}
.field-detail{margin-top:1.4rem;border-top:1px solid var(--line,var(--parchment-deep));padding-top:1rem;max-width:58rem}
.field-detail summary{cursor:pointer;font-weight:500;min-height:44px;line-height:1.6;padding:.4rem 0}
.field-detail[open] summary{margin-bottom:1rem}
.field-detail img{max-width:50rem;width:100%;height:auto;margin:1.5rem auto}
.field-detail p{font-size:.95rem;line-height:1.75}
.field-movements{list-style:none;padding:0;margin:2rem 0;max-width:52rem}
.field-movements li{display:grid;grid-template-columns:3rem 1fr;gap:1.2rem;border-top:1px solid var(--line,var(--parchment-deep));padding:1.3rem 0}
.field-movements .n{font-family:var(--serif);font-style:italic;color:var(--oak);font-size:1.6rem}
.field-movements h3{font-size:1.75rem;margin:0 0 .5rem;line-height:1.18}
.field-movements p{font-size:.95rem;margin:0;line-height:1.7}
.field-choice{border-top:1px solid var(--line,var(--parchment-deep));padding-top:2rem;margin-top:2rem}
.field-choice h2,.field-choice h3{max-width:24ch}
.field-facts{display:flex;gap:.5rem 1.8rem;flex-wrap:wrap;margin-top:1.6rem;font-size:.82rem;color:var(--ink-mute,var(--muted))}
@media(max-width:900px){.field-lenses{grid-template-columns:repeat(2,minmax(0,1fr))}.field-opening{grid-template-columns:1fr;gap:1.5rem}.field-opening .field-weave{max-width:46rem}.field-paths{gap:1.3rem}.field-example-grid{gap:1.4rem}.field-example-grid article{padding-right:1rem}}
@media(max-width:640px){.field-opening h1{max-width:15ch}.field-lenses{gap:1.8rem 1.1rem}.field-lenses h3{font-size:1.5rem}.field-lenses p{font-size:.9rem}.field-example-grid,.field-paths,.field-return,.field-example-foot{grid-template-columns:1fr;gap:1.5rem}.field-example-grid article{border-right:0;border-bottom:1px solid var(--line,var(--parchment-deep));padding:0 0 1.3rem}.field-example-grid article:last-child{border-bottom:0;padding-bottom:0}.field-example-foot{gap:1rem}.field-movements li{grid-template-columns:2rem 1fr;gap:.8rem}.field-weave-labels{font-size:.67rem;letter-spacing:0}.field-weave figcaption{font-size:.8rem}.field-example{padding-top:1.5rem}.field-example-grid h3{font-size:1.75rem}.field-example-intro h3{font-size:2rem}}

/* Shared action rhythm; links wrap into their own row when space is limited. */
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin-top:1.5rem}
.actions .field-text-link,.actions .text-link{margin-top:0}
.field-opening .lede{font-family:var(--sans);font-size:1.2rem;line-height:1.6;color:var(--ink)}
