/* Model pages (templates-new/model.php): the info pages' container (.inf-w1250) and tokens, pictures over prose. */
.mp{padding-block-end:24px}
.mp-hero{padding-block:40px 8px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:16px}
/* long words ("Видеопоздравление" at 40px is wider than a phone) break with a hyphen instead of pushing the page sideways */
.mp h1,.mp h2,.mp h3,.mp-lead,.mp-facts li{overflow-wrap:break-word;hyphens:auto;max-inline-size:100%}
.mp-kind{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;background:color-mix(in oklab,var(--cta) 10%,#fff);color:var(--ctah);font-size:13px;font-weight:600;letter-spacing:.02em}
.mp-hero h1{font-family:var(--serif);font-size:64px;line-height:1.05;font-weight:300;letter-spacing:-.02em;color:var(--ink);max-inline-size:980px;margin:0;text-wrap:balance}
.mp-lead{font-size:20px;line-height:30px;color:var(--mut);max-inline-size:820px;margin:0;text-wrap:pretty}
.mp-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0}
.mp-facts li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--bd);font-size:14px;font-weight:500;color:var(--ink)}
.mp-facts svg{color:var(--cta);flex:none}
.mp-btns{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:8px}
.mp-pri,.mp-sec{display:inline-flex;align-items:center;gap:8px;block-size:48px;padding:0 24px;border-radius:100px;font:500 16px Inter,sans-serif;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s}
.mp-pri{background:var(--cta);color:#fff}
.mp-pri:hover{background:var(--ctah)}
.mp-sec{color:var(--ink);box-shadow:inset 0 0 0 1px var(--bd2)}
.mp-sec:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.mp-upd{font-size:13px;color:var(--mut);margin:0}

.mp-sec-b{margin-block-start:88px}
.mp-sec-b > h2{font-size:36px;line-height:44px;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin:0 0 24px;text-wrap:balance}
.mp-sub{font-size:17px;line-height:27px;color:var(--mut);max-inline-size:860px;margin:-8px 0 24px}
.mp-h3{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:500;margin:32px 0 16px;color:var(--ink)}
.mp-h3 svg{color:var(--cta)}

/* examples: big media, the prompt folded */
.mp-ex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mp-ex.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mp-e{margin:0;display:grid;gap:12px;align-content:start;min-inline-size:0}
.mp-m{position:relative;border-radius:20px;overflow:hidden;background:#e9e4dc;box-shadow:inset 0 0 0 1px var(--bd);aspect-ratio:4/5}
.mp-e-video .mp-m{aspect-ratio:auto}
.mp-e-audio .mp-m{aspect-ratio:1;display:grid;place-items:center}
.mp-i,.mp-ac{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.mp-v{inline-size:100%;display:block;background:#000;max-block-size:560px}
.mp-aw{color:var(--cta)}
.mp-a{position:absolute;inset-inline:12px;inset-block-end:12px;inline-size:calc(100% - 24px)}
.mp-e figcaption{display:grid;gap:4px}
.mp-e figcaption b{font-size:16px;font-weight:500;color:var(--ink)}
.mp-tag{font-size:13px;color:var(--mut)}
.mp-pr summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--ctah);list-style:none;display:inline-flex;align-items:center;gap:6px}
.mp-pr summary::-webkit-details-marker{display:none}
.mp-pr summary::after{content:"+";font-weight:600}
.mp-pr[open] summary::after{content:"-"}
.mp-pr p{font-size:14px;line-height:21px;color:var(--mut);margin:8px 0 0;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--bd)}

/* cards and grids */
.mp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mp-g{padding:24px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--bd);display:grid;gap:10px;align-content:start}
.mp-g svg{color:var(--cta)}
.mp-g h3{font-size:18px;line-height:24px;font-weight:500;margin:0;color:var(--ink)}
.mp-g p{font-size:15px;line-height:23px;color:var(--mut);margin:0}
.mp-who .mp-g svg{color:var(--sage,#6a9e80)}
.mp-how{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px;padding:0;counter-reset:none}
.mp-how li{padding:28px 24px;border-radius:20px;background:color-mix(in oklab,var(--cta) 6%,#fff);display:grid;gap:10px;align-content:start}
.mp-n{inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;background:var(--cta);color:#fff;font-weight:600;font-size:18px}
.mp-how h3{font-size:20px;font-weight:500;margin:0;color:var(--ink)}
.mp-how p{font-size:15px;line-height:23px;color:var(--mut);margin:0}
.mp-prose{max-inline-size:860px}
.mp-prose.inf-w1250{max-inline-size:min(860px,calc(100% - 32px))}
.mp-prose p{font-size:18px;line-height:30px;color:var(--ink);margin:0 0 16px;text-wrap:pretty}
.mp-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mp-tip{margin:0;padding:24px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--bd);display:grid;gap:12px;align-content:start}
.mp-tip blockquote{margin:0;font-size:16px;line-height:25px;color:var(--ink);padding-inline-start:14px;border-inline-start:3px solid color-mix(in oklab,var(--cta) 55%,#fff)}
.mp-tip figcaption{font-size:14px;line-height:21px;color:var(--mut)}
.mp-use{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--ctah);text-decoration:none}
.mp-use:hover{text-decoration:underline}
.mp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mp-card{display:grid;gap:10px;align-content:start;padding:22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--bd);color:var(--ink);text-decoration:none;transition:box-shadow .2s,transform .2s}
.mp-card:hover{box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-2px)}
.mp-card-t{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mp-card-t svg{color:var(--cta);align-self:center}
.mp-card-t b{font-size:20px;font-weight:500}
.mp-card-t small{font-size:13px;color:var(--mut)}
.mp-card p{font-size:15px;line-height:22px;color:var(--mut);margin:0}
.mp-card-f{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;color:var(--ctah);margin-block-start:auto}

/* the live table */
.mp-tw{overflow-x:auto;border-radius:20px;box-shadow:inset 0 0 0 1px var(--bd);background:#fff}
.mp-t{inline-size:100%;border-collapse:collapse;font-size:15px}
.mp-t th,.mp-t td{padding:14px 16px;text-align:start;border-block-end:1px solid var(--bd);vertical-align:top}
.mp-t thead th{font-size:13px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.mp-t tbody tr:last-child > *{border-block-end:0}
.mp-t tbody th{font-weight:400;min-inline-size:170px}
.mp-t tbody th b{display:block;font-weight:600;color:var(--ink)}
.mp-t tbody th small{font-size:13px;color:var(--mut)}
.mp-price{font-weight:600;color:var(--ink);white-space:nowrap}
.mp-note{font-size:14px;color:var(--mut);margin:14px 0 0}
.mp-note a{color:var(--ctah)}
.mp .lp-faq{margin-block-start:88px}
.mp .lp-band{margin-block-start:96px}
.mp .lp-band .nf-pri{display:inline-flex;align-items:center;text-decoration:none}

@container (max-width:1100px){
  .mp-grid,.mp-ex.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-cards,.mp-tips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.inf.mob .mp-hero{padding-block-start:20px}
.inf.mob .mp-hero h1{font-size:36px}
.inf.mob .mp-lead{font-size:17px;line-height:26px}
.inf.mob .mp-sec-b{margin-block-start:56px}
.inf.mob .mp-sec-b > h2{font-size:26px;line-height:32px}
.inf.mob .mp-ex,.inf.mob .mp-ex.n4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.inf.mob .mp-grid,.inf.mob .mp-how,.inf.mob .mp-cards,.inf.mob .mp-tips{grid-template-columns:minmax(0,1fr)}
.inf.mob .mp-prose p{font-size:17px;line-height:27px}
.inf.mob .mp-pri,.inf.mob .mp-sec{block-size:44px;padding:0 20px;font-size:15px}
@media (max-width:420px){.inf.mob .mp-ex,.inf.mob .mp-ex.n4{grid-template-columns:minmax(0,1fr)}}