/* Interlect Pop, content: post and page templates, archive, comments, WordPress blocks. */
.x-main{min-width:0;overflow-x:clip}
.x-article-head{padding-block:40px 8px}
.ilx .x-article-head h1{font-size:clamp(32px,5vw,58px);max-width:24ch;line-height:1.08}
.x-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.x-chips .x-chip{font-size:15.5px}
.x-figure{margin:30px 0 0;border:3px solid var(--edge);border-radius:28px;box-shadow:var(--sh-lg);overflow:hidden;background:var(--paper);max-width:860px}
.ilx .x-figure img{display:block;width:100%;height:auto}
.x-prose-wrap{padding-block:34px 56px}
.x-prose{max-width:760px;font-size:19px;line-height:1.8;overflow-wrap:break-word}
.x-prose.is-page{max-width:900px}
.x-prose > *{max-width:100%}
.x-prose p{margin:0 0 1.15em}
.ilx .x-prose h2{font-size:clamp(28px,3.6vw,38px);margin:1.7em 0 .55em;line-height:1.15}
.ilx .x-prose h3{font-size:clamp(23px,2.8vw,28px);margin:1.5em 0 .5em;line-height:1.2}
.ilx .x-prose h4{font-size:21px;margin:1.3em 0 .4em}
.ilx .x-prose a{color:var(--link);text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px;font-weight:600}
.ilx .x-prose a:hover{background:var(--sun);color:var(--on-color)}
.x-prose ul,.x-prose ol{margin:0 0 1.2em;padding-inline-start:1.5em}
.x-prose li{margin-bottom:.45em}
.x-prose li::marker{color:var(--coral-ink);font-weight:800}
.x-prose blockquote{margin:1.5em 0;padding:18px 22px;background:var(--paper);border:3px solid var(--edge);border-radius:22px;box-shadow:var(--sh);font-weight:500}
.x-prose blockquote p:last-child{margin:0}
.x-prose table{border-collapse:separate;border-spacing:0;width:100%;margin:1.4em 0;border:3px solid var(--edge);border-radius:18px;overflow:hidden;background:var(--paper);font-size:17px}
.x-prose th,.x-prose td{padding:10px 14px;border-bottom:2px solid var(--edge);text-align:start}
.x-prose th{background:var(--sun);color:var(--on-color);font-weight:800}
.x-prose tr:last-child td{border-bottom:0}
.x-prose img{border-radius:18px}
.x-prose figure{margin:1.4em 0}
.x-prose figcaption{font-size:15px;color:var(--muted);margin-top:8px;font-weight:500}
.x-prose details:not(.imt *):not(.iep *):not(.itt *){background:var(--paper);border:3px solid var(--edge);border-radius:20px;box-shadow:var(--sh);padding:4px 20px;margin:1.6em 0}
.x-prose details:not(.imt *):not(.iep *):not(.itt *) summary{color:var(--ink);cursor:pointer;font-family:var(--font-display);font-size:22px;padding:14px 0;list-style-position:inside}
.x-prose details[open]:not(.imt *):not(.iep *):not(.itt *) summary{border-bottom:2px dashed var(--edge);margin-bottom:12px}
.x-prose hr{border:0;border-top:3px dashed var(--edge);margin:2em 0}
.x-prose code{background:var(--paper);border:2px solid var(--edge);border-radius:8px;padding:1px 7px;font-size:.92em}
.x-prose .wp-block-button__link{background:var(--sun);color:var(--on-color);border:3px solid var(--edge);border-radius:999px;box-shadow:var(--sh);font-weight:800;text-decoration:none!important;padding:12px 26px}
.ilx .x-prose .wp-block-button__link:hover{background:var(--sun);transform:translate(-2px,-2px)}

/* previous and next */
.x-postnav-wrap{margin-top:44px;max-width:860px}
.x-postnav-wrap .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.x-postnav-wrap a{display:block;height:100%;padding:18px 20px;background:var(--paper);border:3px solid var(--edge);border-radius:22px;box-shadow:var(--sh);transition:transform .1s;color:var(--ink)}
.ilx .x-postnav-wrap a:hover{transform:translate(-2px,-2px)}
.x-postnav-wrap small{display:block;font-weight:800;color:var(--muted);font-size:14px;margin-bottom:4px}
.x-postnav-wrap b{font-family:var(--font-display);font-weight:400;font-size:19px;line-height:1.25}
.x-postnav-wrap .nav-next:only-child{grid-column:2}

/* related and archive */
.x-related{padding-block:56px 64px}
.x-pages-nav .nav-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px;justify-content:center}
.x-pages-nav .page-numbers{min-width:48px;height:48px;padding:0 14px;display:grid;place-items:center;border:3px solid var(--edge);border-radius:999px;background:var(--paper);font-weight:800;text-decoration:none}
.x-pages-nav a.page-numbers:hover,.x-pages-nav .page-numbers.current{background:var(--sun);color:var(--on-color)}
.x-archive-head{padding-block:40px 8px}
.ilx .x-archive-head h1{font-size:clamp(34px,5.4vw,62px)}
.x-archive-head p{margin-top:12px;max-width:60ch;color:var(--muted);font-weight:500}
.x-found{padding-block:30px 60px}
.x-search-big{max-width:640px;margin-top:22px}

/* comments */
.x-comments{max-width:760px;margin-top:48px}
.x-comments h2{font-size:30px;margin-bottom:18px}
.x-comments ol{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.x-comments .comment-body{background:var(--paper);border:3px solid var(--edge);border-radius:20px;padding:16px 18px}
.x-comments input[type=text],.x-comments input[type=email],.x-comments input[type=url],.x-comments textarea{width:100%;border:3px solid var(--edge);border-radius:16px;padding:10px 14px;background:var(--paper);font-size:17px}
.x-comments input[type=submit]{min-height:50px;padding:0 24px;border-radius:999px;border:3px solid var(--edge);background:var(--sun);color:var(--on-color);font-weight:800;font-size:18px;cursor:pointer;box-shadow:var(--sh)}

/* 404 */
.x-lost{padding-block:70px;text-align:center}
.ilx .x-lost h1{font-size:clamp(56px,12vw,140px);color:var(--coral-ink)}
.x-lost p{margin:14px auto 28px;max-width:40ch;font-weight:500}

/* ---- practice plugins (math, english, theory): they read the tokens of pop-base.css themselves and draw their own card,
   so there is nothing to set here; this only widens a page that carries one ---- */
.ilx .x-prose.is-page{max-width:980px}

@media (max-width:620px){
  .x-prose{font-size:18px}
  .x-postnav-wrap .nav-links{grid-template-columns:1fr}
  .x-postnav-wrap .nav-next:only-child{grid-column:1}
}
@media print{
  .x-top,.x-foot,.x-postnav-wrap,.x-related{display:none}
  body.ilx{background:#fff;color:#000}
}
