/* Family succession page. Tokens and every other rule come from /style.css;
   this file is only the screen plates and the three measures. */
.fs-plate{margin:0}
.fs-plate picture{display:block}
.fs-plate img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:#fbfbf9}
.fs-plate figcaption{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted);padding:17px 0 0}
.fs-plate figcaption span:first-child{letter-spacing:.1em;text-transform:uppercase}
.fs-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 60px;margin:0 0 56px;padding:0;list-style:none}
.fs-measures li{border-top:1px solid var(--rule);padding:26px 0 0}
.fs-measures strong{display:block;font-family:var(--serif);font-size:39px;font-weight:400;line-height:1.1;margin:0 0 12px}
.fs-measures span{display:block;font-size:15px;color:var(--muted);max-width:330px}
.principle-main>.fs-ask{font-family:var(--serif);font-style:italic;font-size:39px;line-height:1.25;color:#e0d1b5;max-width:760px;margin:0 0 6px}
.family-succession .faq p a,.family-succession .essay-note a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--bronze)}
.family-succession .faq p a:hover,.family-succession .essay-note a:hover{color:var(--wine)}
@media(max-width:960px){.fs-measures{grid-template-columns:1fr;gap:0}.fs-measures li{padding:22px 0 26px}}
@media(max-width:700px){.fs-plate figcaption{flex-direction:column;gap:4px}.principle-main>.fs-ask{font-size:30px}}