/* Latest A4 PDFs: keep full pages visible and links usable on phones. */
.page-flyer .am-flyer-grid{align-items:start}
.page-flyer .am-flyer-grid article{min-width:0;width:100%;gap:0}
.page-flyer .am-flyer-preview{display:block;width:100%;max-width:390px;line-height:0}
.page-flyer .am-flyer-grid img{width:100%;height:auto;max-height:none;object-fit:contain}
.page-flyer .am-flyer-grid .am-text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:1rem;text-align:center;line-height:1.6;margin-top:16px}
.page-flyer .am-flyer-preview:focus-visible,.page-flyer .am-diagnosis-preview:focus-visible{outline:3px solid #f7d893;outline-offset:6px}
.page-flyer .am-download{grid-template-columns:minmax(220px,320px) minmax(0,1fr)}
.page-flyer .am-diagnosis-preview{display:block;width:100%;max-width:320px;justify-self:center;line-height:0}
.page-flyer .am-download img{width:100%;height:auto;max-height:none;box-shadow:0 12px 30px #0005}
.page-flyer .am-download .am-button{font-size:1rem;min-height:48px}
@media(max-width:700px){
 .page-flyer .am-flyer-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .page-flyer .am-flyer-grid article{padding:16px}
 .page-flyer .am-flyer-grid .am-text-link{font-size:1rem;margin-top:12px}
 .page-flyer .am-download{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px 18px}
 .page-flyer .am-download p{font-size:1rem;line-height:1.9}
 .page-flyer .am-download .am-button{width:100%;font-size:1rem}
}

/* 斜めの一枚と本文を近づけ、診断への入口をコンパクトに。 */
.page-flyer .am-diagnosis-card{grid-template-columns:240px minmax(0,1fr);gap:48px;padding:32px 42px;isolation:isolate;background:radial-gradient(ellipse at 7% 50%,#3a626355,transparent 46%),linear-gradient(120deg,#153845,#0a202e);border-color:#c9ae77aa}
.page-flyer .am-diagnosis-card .am-diagnosis-preview{position:relative;width:220px;max-width:100%;transform:rotate(-6deg);transition:transform .2s ease;isolation:isolate}
.page-flyer .am-diagnosis-preview::before{content:"";position:absolute;inset:3px;background:#e2c891;border:1px solid #f8e2b4;transform:rotate(5deg);z-index:-1;box-shadow:0 10px 25px #0003;pointer-events:none}
.page-flyer .am-diagnosis-card .am-diagnosis-preview img{display:block;border:1px solid #e7d6ad;box-shadow:0 14px 28px #0006}
.page-flyer .am-diagnosis-copy{display:grid;align-content:center;justify-items:start;gap:19px;min-width:0}
.page-flyer .am-diagnosis-card .am-eyebrow{margin:0 0 9px;color:#ebcc8c;font-size:11px;letter-spacing:.2em;line-height:1.5}
.page-flyer .am-diagnosis-heading h2{margin:0;color:#ffedbb;font-size:clamp(26px,2.8vw,36px);line-height:1.5;text-wrap:balance}
.page-flyer .am-diagnosis-card .am-diagnosis-description{margin:0;max-width:43em;color:#e5eef1;font-size:17px;line-height:1.95}
.page-flyer .am-diagnosis-card .am-button{min-height:50px;padding:12px 24px;background:linear-gradient(135deg,#fff0c1,#e3bb70);color:#112b39!important;border-color:#f8dfa3;box-shadow:0 6px 18px #0003}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .page-flyer .am-diagnosis-preview:hover{transform:rotate(-3deg) translateY(-3px)}
}
@media(min-width:701px) and (max-width:950px){
 .page-flyer .am-diagnosis-card{grid-template-columns:190px minmax(0,1fr);gap:28px;padding:30px}
 .page-flyer .am-diagnosis-card .am-diagnosis-preview{width:174px}
 .page-flyer .am-diagnosis-card .am-diagnosis-description{font-size:16px}
}
@media(max-width:700px){
 .page-flyer .am-diagnosis-card{grid-template-columns:minmax(100px,40%) minmax(0,1fr);gap:20px 18px;padding:26px 22px}
 .page-flyer .am-diagnosis-card .am-diagnosis-preview{grid-column:1;grid-row:1;width:132px;max-width:100%;margin:4px 0}
 .page-flyer .am-diagnosis-copy{display:contents}
 .page-flyer .am-diagnosis-heading{grid-column:2;grid-row:1;align-self:center;min-width:0}
 .page-flyer .am-diagnosis-heading h2{font-size:clamp(22px,6vw,27px);line-height:1.6;text-wrap:balance}
 .page-flyer .am-diagnosis-heading h2 span{display:block}
 .page-flyer .am-diagnosis-card .am-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:8px}
 .page-flyer .am-diagnosis-card .am-diagnosis-description{grid-column:1/-1;grid-row:2;font-size:16px;line-height:1.9;margin:0}
 .page-flyer .am-diagnosis-card .am-button{grid-column:1/-1;grid-row:3;width:100%;margin:0;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.page-flyer .am-diagnosis-preview{transition:none}}