/* Eumneme /own-your-data and /export-guide (owner order 2026-10-29). Paper, ink and the arch from the mark.
   Black and white plus off-white; no accent hue. State is carried by border style and words, never colour alone. */

.mk-mem-head .wrap{max-width:var(--wrap)}
.mk-mem-kicker{margin:0 0 var(--s-5);font:600 var(--t-xs)/var(--lh-ui) var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--mk-muted)}
.mk-mem-head .page-head__title{max-width:14em}
.mk-mem-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin:var(--s-8) 0 0}
.mk-mem-actions--center{justify-content:center;margin-top:clamp(32px,4vw,56px)}
@media (max-width:599px){.mk-mem-actions .btn{width:100%}}

/* ---------- Philosophy sections ---------- */
.mk-mem-sec{padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--mk-line)}
.mk-mem-sec--alt{background:var(--mk-paper-2)}
.mk-mem-grid{display:grid;grid-template-columns:minmax(72px,160px) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:start}
.mk-mem-sec .mk-mem-num{position:relative;max-width:none;margin:0;padding-top:var(--s-4);font:300 clamp(3rem,2rem + 4vw,5.5rem)/1 var(--mk-serif);letter-spacing:-.03em;color:var(--mk-ink)}
/* The split line from the mark, dropped above each numeral. */
.mk-mem-sec .mk-mem-num::before{content:"";position:absolute;left:.12em;top:-4px;width:1px;height:var(--s-4);background:var(--mk-ink)}
.mk-mem-sec h2,.mk-mem-h2{max-width:20em;margin:0 0 var(--s-5);font:400 clamp(1.75rem,1.3rem + 1.8vw,2.5rem)/1.12 var(--mk-serif);letter-spacing:-.018em;color:var(--mk-ink);text-wrap:balance}
.mk-mem-sec p{max-width:40em;margin:0 0 var(--s-4);font:400 var(--t-md)/1.65 var(--font-ui);color:var(--mk-ink-2)}
.mk-mem-sec p i{font-family:var(--mk-serif);font-size:1.04em}
.mk-mem-sec a{color:var(--mk-ink);text-underline-offset:.2em}
.mk-mem-lede{max-width:36em}
.mk-mem-sec .mk-mem-note{font:400 var(--t-xs)/1.6 var(--font-ui);color:var(--mk-muted)}
.mk-mem-list{display:grid;gap:var(--s-3);max-width:44em;margin:0 0 var(--s-6);padding:0;list-style:none}
.mk-mem-list li{position:relative;padding-left:28px;font:400 var(--t-md)/1.6 var(--font-ui);color:var(--mk-ink-2)}
.mk-mem-list li::before{content:"";position:absolute;left:2px;top:.55em;width:12px;height:7px;border-left:1.6px solid var(--mk-ink);border-bottom:1.6px solid var(--mk-ink);rotate:-45deg}
.mk-mem-list strong{color:var(--mk-ink);font-weight:600}
@media (max-width:699px){.mk-mem-grid{grid-template-columns:1fr;gap:var(--s-2)}.mk-mem-sec .mk-mem-num{font-size:3rem;padding-top:var(--s-3)}}

/* ---------- Five steps ---------- */
.mk-mem-method{padding:clamp(64px,8vw,112px) 0;border-top:1px solid var(--mk-line);background:var(--mk-card)}
.mk-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s-4);margin:0;padding:0;list-style:none;counter-reset:none}
.mk-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:clamp(18px,2vw,26px);border:1px solid var(--mk-line);border-radius:var(--mk-r-card);background:var(--mk-paper)}
.mk-steps__n{position:relative;display:grid;place-items:end center;flex:none;width:48px;height:54px;padding-bottom:6px;border:1px solid var(--mk-ink);border-bottom:0;border-radius:999px 999px 0 0;font:500 1.125rem/1 var(--mk-serif);color:var(--mk-ink)}
.mk-steps__n::before{content:"";position:absolute;left:50%;top:0;width:1px;height:12px;background:var(--mk-ink)}
.mk-steps h3{margin:0;font:500 clamp(1.125rem,1rem + .4vw,1.3125rem)/1.2 var(--mk-serif);letter-spacing:-.01em}
.mk-steps p{margin:0;font:400 var(--t-sm)/1.6 var(--font-ui);color:var(--mk-ink-2)}
.mk-steps a{color:var(--mk-ink)}
@media (max-width:1199px){.mk-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:799px){.mk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:539px){.mk-steps{grid-template-columns:1fr}}
.mk-mem-method .mk-head{max-width:40em;margin:0 auto clamp(32px,4vw,56px);text-align:center}
.mk-mem-method .mk-head h2{margin:0;font:400 clamp(1.875rem,1.3rem + 2.4vw,3rem)/1.08 var(--mk-serif);letter-spacing:-.02em;color:var(--mk-ink)}
.mk-mem-method .mk-head p{max-width:34em;margin:var(--s-4) auto 0;font:400 var(--t-md)/1.6 var(--font-ui);color:var(--mk-ink-2)}

/* ---------- Export table ---------- */
.mk-xg-wrap{margin:var(--s-6) 0 var(--s-5);border:1px solid var(--mk-line);border-radius:var(--mk-r-card);background:var(--mk-card);overflow:hidden}
.mk-xg{width:100%;border-collapse:collapse;font:400 var(--t-sm)/1.5 var(--font-ui);color:var(--mk-ink-2)}
.mk-xg thead th{padding:var(--s-4) var(--s-4);border-bottom:1px solid var(--mk-line-strong);text-align:left;font:600 var(--t-2xs)/1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted);background:var(--mk-paper)}
.mk-xg tbody th,.mk-xg tbody td{padding:var(--s-4);vertical-align:top;text-align:left;border-bottom:1px solid var(--mk-line)}
.mk-xg tbody tr:last-child th,.mk-xg tbody tr:last-child td{border-bottom:0}
.mk-xg tbody th{width:9.5em;font:500 var(--t-md)/1.3 var(--mk-serif);color:var(--mk-ink)}
.mk-xg a{color:var(--mk-ink);text-underline-offset:.2em;overflow-wrap:anywhere}
.mk-xg td:nth-child(2){min-width:13em}
.mk-xg td:nth-child(4){min-width:15em}
.mk-nowrap{white-space:nowrap}
.mk-xg-src{display:block;margin-top:var(--s-2);font:400 var(--t-xs)/1.5 var(--font-ui);color:var(--mk-muted)}
.mk-xg-src a{color:var(--mk-ink-2)}
.mk-chk{display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border:1px solid var(--mk-line-strong);border-radius:var(--mk-r-pill);font:600 var(--t-2xs)/1.3 var(--font-ui);color:var(--mk-ink);background:var(--mk-paper);vertical-align:baseline}
.mk-chk--ok{border-color:var(--mk-ink)}
.mk-chk--ok::before{content:"";display:inline-block;width:8px;height:5px;margin-right:7px;border-left:1.6px solid var(--mk-ink);border-bottom:1.6px solid var(--mk-ink);rotate:-45deg;translate:0 -1px}
.mk-chk--part{border-style:solid}
.mk-chk--app{border-color:var(--mk-line-strong);background:var(--mk-card)}
.mk-chk--no{border-style:dashed;border-color:var(--mk-ink-2);background:var(--mk-card)}
.mk-chk--no::before{content:"?";display:inline-block;margin-right:6px;font-weight:700}
td .mk-chk--no{margin:0 6px 4px 0}
@media (max-width:959px){
  .mk-xg thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mk-xg,.mk-xg tbody,.mk-xg tr,.mk-xg th,.mk-xg td{display:block;width:100%}
  .mk-xg tbody tr{padding:var(--s-5) var(--s-4);border-bottom:1px solid var(--mk-line-strong)}
  .mk-xg tbody tr:last-child{border-bottom:0}
  .mk-xg tbody th{width:auto;padding:0 0 var(--s-3);border:0;font-size:var(--t-xl)}
  .mk-xg tbody td{padding:var(--s-2) 0;border:0;min-width:0!important}
  .mk-xg tbody td::before{content:attr(data-label);display:block;margin-bottom:2px;font:600 var(--t-2xs)/1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted)}
}