/* Nana Bottologist Preview — certificate + layout */
.nana-page .crumbs{font-size:.95rem;color:var(--ink-soft);margin:14px 0 4px}
.nana-page .crumbs a{font-weight:800;text-decoration:none}
.nana-intro-grid{display:grid;gap:18px;align-items:center}
@media (min-width:720px){.nana-intro-grid{grid-template-columns:220px 1fr;gap:28px}}
.nana-portrait{margin:0;text-align:center}
.nana-portrait img{width:100%;max-width:240px;margin:0 auto;border-radius:20px;box-shadow:var(--shadow);background:#f3d9c4;aspect-ratio:4/5;object-fit:cover}
.nana-portrait figcaption{margin-top:8px;font-weight:800;color:var(--purple)}
.nana-def{background:#fff3c4;border-radius:16px;padding:12px 16px;font-size:1.15rem;font-weight:700}
.nana-cert-wrap{background:linear-gradient(180deg,#eef6ff,#fff)}
.certificate{margin:18px auto;max-width:640px;padding:10px;background:linear-gradient(135deg,#c9a227,#f0d78c 40%,#a8841a);border-radius:18px;box-shadow:var(--shadow)}
.certificate-inner{background:#fffdf6;border:3px dashed rgba(27,37,80,.25);border-radius:12px;padding:22px 18px 18px;text-align:center;position:relative}
@media (min-width:700px){.certificate-inner{padding:28px 32px}}
.cert-seal{font-size:2rem;margin:0 0 4px;line-height:1}
.cert-eyebrow{margin:0;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;color:var(--ink-soft)}
.cert-title{margin:.35em 0 .2em;font-size:clamp(1.55rem,4vw,2.1rem);color:var(--purple)}
.cert-award{margin:.4em 0 0;color:var(--ink-soft);font-weight:700}
.cert-name{margin:.15em 0 .4em;font-size:clamp(2rem,6vw,2.8rem);font-weight:900;color:var(--blue);letter-spacing:.5px}
.cert-body{margin:0 auto;max-width:34em;font-size:1.05rem}
.cert-hold{margin:14px 0 8px;font-weight:900;color:var(--green)}
.cert-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:16px;padding-top:12px;border-top:2px solid rgba(27,37,80,.1);font-size:.95rem;font-weight:700;color:var(--ink-soft)}
.cert-sign{color:var(--ink);font-style:italic}
.cert-date{color:var(--purple)}
.nana-cert-note{margin-top:14px}
/* About callout */
.nana-callout{display:grid;gap:14px;align-items:center;background:linear-gradient(135deg,#fff8ea,#eef6ff)}
@media (min-width:700px){.nana-callout{grid-template-columns:120px 1fr;gap:20px}}
.nana-callout img{width:110px;height:110px;object-fit:cover;border-radius:20px;margin:0 auto;box-shadow:0 4px 0 rgba(27,37,80,.12);background:#f3d9c4}
.nana-callout h2{margin-top:0}
.nana-callout .nana-def-mini{margin:0 0 8px;font-weight:800}