/* Contextual article invitation. Scoped so existing entry and article layouts are unchanged. */
.ap-invitation{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:24px;max-width:820px;margin:32px auto;padding:28px;border-top:3px solid #e68ab8;background:#f7f4f6;color:#231f24;box-sizing:border-box}
.ap-invitation *,.ap-entry-context *{box-sizing:border-box}
.ap-invitation-copy{min-width:0}.ap-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#873359}
.ap-invitation h2{font-size:clamp(24px,3vw,32px);line-height:1.16;letter-spacing:-.02em;margin:10px 0 12px;overflow-wrap:anywhere;hyphens:auto}
.ap-invitation p{font-size:16px;line-height:1.6;color:#514b53;margin:0 0 20px;overflow-wrap:anywhere}
.ap-invitation .ap-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;max-width:100%;min-height:48px;padding:13px 20px;background:#ec8ab9!important;color:#181316!important;border:1px solid #ec8ab9!important;border-radius:3px;font-size:16px;line-height:1.35;font-weight:700;text-decoration:none;white-space:normal;text-align:center;overflow-wrap:anywhere}
.ap-invitation .ap-primary:focus-visible,.ap-entry-context a:focus-visible{outline:3px solid #982260;outline-offset:4px}
.ap-invitation .ap-free{font-size:13px;margin:10px 0 0;color:#514b53}
.ap-sample{margin:0;padding:20px 14px 16px;background:#000;color:#fff;transform:rotate(3deg);box-shadow:0 6px 14px #0002;min-width:0;text-align:center}
.ap-sample figcaption{font-family:Georgia,serif;font-size:20px;line-height:1.2}.ap-sample-paints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.ap-sample-paints>div{min-width:0}.ap-sample-paints img{display:block;width:76px;max-width:100%;height:82px;object-fit:contain;margin:0 auto 8px}.ap-sample-paints span{display:block;font-size:12px;line-height:1.35;color:#fff;overflow-wrap:anywhere}.ap-sample small{display:block;font-size:11px;line-height:1.4;color:#ccc;margin-top:14px}
.ap-entry-context{border-bottom:1px solid var(--line,#ddd);padding:0 0 18px;margin:0 0 18px;min-width:0}.ap-entry-context a{display:inline-block;color:var(--ink,#231f24);font-size:14px;line-height:1.4;margin-bottom:14px}.ap-entry-context strong{display:block;font-size:18px;line-height:1.3;color:var(--ink,#231f24);overflow-wrap:anywhere}.ap-entry-context p{font-size:15px;line-height:1.5;color:var(--muted,#514b53);margin:7px 0 0}
html:is([data-theme="dark"],[data-theme="teal"]) .ap-invitation,body.dark .ap-invitation{background:#231f24;color:#fff}html:is([data-theme="dark"],[data-theme="teal"]) .ap-invitation h2,body.dark .ap-invitation h2{color:#fff}html:is([data-theme="dark"],[data-theme="teal"]) .ap-invitation p,body.dark .ap-invitation p{color:#d3cbd2}html:is([data-theme="dark"],[data-theme="teal"]) .ap-eyebrow,body.dark .ap-eyebrow{color:#f3a6cd}
@media(max-width:620px){.ap-invitation{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:22px}.ap-sample{width:220px;max-width:calc(100% - 12px);justify-self:center;transform:rotate(2deg)}.ap-invitation h2{font-size:25px}.ap-invitation .ap-primary{width:100%}}
@media(prefers-reduced-motion:reduce){.ap-sample{transform:none}}
html[lang="ja"] .ap-invitation{line-break:strict;word-break:normal}html[lang="ja"] .ap-invitation h2{line-height:1.4}