/* A single memory composition and the schema as navigation. */
/* A compact comparison: document on neutral grey, practice on a warm surface. */
.metis-v40 #gap #gapComparison .compare{gap:18px;margin:20px 0 28px;align-items:stretch}
.metis-v40 #gap #gapComparison .side{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:start;gap:14px 10px;min-height:0;padding:22px 24px;border:1px solid #dedfe1;border-left:3px solid #b9bdc2;border-radius:8px;background:#f1f2f3}
.metis-v40 #gap #gapComparison .side.done{background:#fff5ec;border-color:#eed7c5;border-left-color:#ea4700}
.metis-v40 #gap #gapComparison .m36-comparison-icon{grid-column:1;grid-row:1;width:28px;height:32px;margin:0;align-self:center}
.metis-v40 #gap #gapComparison .eye{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:12px;line-height:1.4;letter-spacing:.045em;color:#555b63}
.metis-v40 #gap #gapComparison .side.done .eye{color:#a53b0d}
.metis-v40 #gap #gapComparison q{grid-column:1 / -1;grid-row:2;display:block;margin:0;font-size:24px;line-height:1.35;font-weight:500;letter-spacing:-.015em;color:#282829}
.metis-v40 #gap #gapComparison q::before,.metis-v40 #gap #gapComparison q::after{content:none}
.metis-v40 #gap #gapComparison .who{grid-column:1 / -1;grid-row:3;margin:0;font-size:14px;line-height:1.45;color:#60656c}
@media(max-width:700px){
 .metis-v40 #gap #gapComparison .compare{gap:10px;margin:12px 0 22px}
 .metis-v40 #gap #gapComparison .side{grid-template-columns:22px minmax(0,1fr);padding:14px 16px;gap:8px 9px}
 .metis-v40 #gap #gapComparison .m36-comparison-icon{width:22px;height:26px}
 .metis-v40 #gap #gapComparison .eye{font-size:12px;letter-spacing:.035em}
 .metis-v40 #gap #gapComparison q{font-size:19px;line-height:1.35}
 .metis-v40 #gap #gapComparison .who{font-size:13px;line-height:1.4}
}
.metis-v40 #memory-reference{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;margin-top:28px;padding:28px;border:1px solid #dfe0e2;border-radius:12px;background:#fafaf9}
.metis-v40 #memory-reference .m37-art{width:100%;max-width:none;padding:0;margin:0;border:0;box-shadow:none;background:none}
.metis-v40 .m40-memory-copy h3{font-family:var(--sans);font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin:0 0 16px}
.metis-v40 .m40-memory-copy p{font-size:18px;line-height:1.6;color:#56585d;margin:0;max-width:48ch}
.metis-v40 .m40-memory-layer{cursor:default}
.metis-v40 .m40-memory-layer text{font-family:var(--sans)}
.metis-v40 #fragcard #formula{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;overflow:visible;font-size:17px;line-height:1.5}
.metis-v40 .m40-equation-start{white-space:nowrap;padding-right:6px}
.metis-v40 .m40-equation-term{display:inline-flex;align-items:center;white-space:nowrap}
.metis-v40 .m40-equation-term>span{margin-right:4px;color:#74767b}
.metis-v40 #formula [data-field]{font-family:var(--sans);font-size:inherit;font-weight:400;line-height:1.5;min-height:44px;min-width:44px;padding:8px 6px;border:0;border-radius:3px;background:transparent;color:#44464b;box-shadow:none;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:2px;transition:color .15s,background .15s}
.metis-v40 #formula [data-field]:hover{background:#f1ece8;color:#a2390f}
.metis-v40 #formula [data-field][aria-selected=true]{color:#ad380b;background:#fff0e7;text-decoration-color:currentColor}
.metis-v40 #formula [data-field]:focus-visible{outline:2px solid #ad380b;outline-offset:2px}
@media(max-width:1200px){
 .metis-v40 #memory-reference{grid-template-columns:1fr;gap:20px;padding:28px}
 .metis-v40 #memory-reference .m37-art{max-width:580px;margin:auto}
 .metis-v40 .m40-memory-copy{max-width:66ch;margin:auto;width:100%}
 .metis-v40 .m40-memory-copy p{max-width:none}
}
@media(max-width:700px){
 .metis-v40 #memory-reference{padding:20px;gap:22px;margin-top:22px}
 .metis-v40 .m40-memory-copy h3{font-size:23px;margin-bottom:10px}
 .metis-v40 .m40-memory-copy p{font-size:16px;line-height:1.5}
 .metis-v40 .m40-mobile-memory{list-style:none;margin:0;padding:0;gap:7px}
 .metis-v40 .m40-memory-row{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:12px;align-items:center;background:#fff;border:1px solid #dfe1e5;border-radius:5px;padding:9px 12px;color:#44464b}
 .metis-v40 .m40-memory-row>svg{grid-row:1 / 3;width:25px;height:28px}
 .metis-v40 .m40-memory-row .m40-memory-name{font-size:15px;font-weight:500;line-height:1.3}
 .metis-v40 .m40-memory-row .m40-memory-meaning{font-size:13px;line-height:1.4;color:#66686d}
 .metis-v40 .m40-memory-row.is-tacit{background:#c4400d;border-color:#ac350a;color:#fff}
 .metis-v40 .m40-memory-row.is-tacit .m40-memory-meaning{color:#fff}
 .metis-v40 .m40-step-head #journeyExplanation{font-size:15px;line-height:1.45}
 .metis-v40 #fragcard #formula{font-size:16px}
}
@media(max-width:360px){
 .metis-v40 #memory-reference{padding:16px}
 .metis-v40 #fragcard .m40-schema{padding:18px 14px}
}
@media(prefers-reduced-motion:reduce){.metis-v40 #formula [data-field]{transition:none}}