/* V21: landing akses cepat setelah header; tidak mengubah artikel V20 */
.quick-action-landing{position:relative;isolation:isolate;overflow:hidden;margin:0 auto 22px;padding:clamp(24px,4vw,52px) 20px 30px;background:radial-gradient(ellipse at 15% 0%,rgba(147,80,255,.20),transparent 45%),radial-gradient(ellipse at 88% 20%,rgba(62,187,223,.12),transparent 42%),linear-gradient(135deg,#110e27,#201338 60%,#110e27);border-bottom:1px solid rgba(205,167,255,.25);color:#f8f5ff}
.quick-action-landing *{box-sizing:border-box}
.quick-action-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;text-align:center}
.quick-action-eyebrow{font-size:12px!important;letter-spacing:.18em!important;color:#d8bcff!important;font-weight:800!important;margin:0 0 12px!important}
.quick-action-landing h2{font-size:clamp(26px,4.2vw,46px)!important;line-height:1.16!important;max-width:780px;margin:0 auto 15px!important;color:#fff!important}
.quick-action-landing h2 span{color:#d3a6ff}
.quick-action-lead{max-width:730px;margin:0 auto 26px!important;color:#ddd2ed!important;font-size:clamp(14px,1.7vw,17px)!important;line-height:1.7!important}
.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}
.quick-action-link{display:flex;align-items:center;gap:12px;min-width:0;min-height:93px;padding:15px;border:1px solid rgba(206,170,255,.27);border-radius:16px;background:rgba(255,255,255,.065);color:#fff!important;text-decoration:none!important;transition:background .18s,border-color .18s,transform .18s}
.quick-action-link:hover{background:rgba(174,107,255,.16);border-color:rgba(218,180,255,.65);transform:translateY(-2px)}
.quick-action-link:focus-visible,.quick-action-continue:focus-visible{outline:3px solid #f4d17c!important;outline-offset:3px}
.quick-action-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:12px;background:rgba(180,118,255,.18);color:#ead6ff;font-size:24px;line-height:1}
.quick-action-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.quick-action-copy strong{font-size:15px;color:#fff;line-height:1.3}
.quick-action-copy small{font-size:12px;color:#c9bfd9;line-height:1.45}
.quick-action-arrow{font-size:20px;color:#d7bbff;align-self:flex-start}
.quick-action-note{max-width:870px;margin:20px auto 12px!important;color:#cbbfd8!important;font-size:12px!important;line-height:1.6!important}
.quick-action-note strong{color:#f1dbff}
.quick-action-continue{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:9px 12px;color:#e9d5ff!important;text-decoration:underline;text-underline-offset:4px;font-weight:650;font-size:13px}
@media(max-width:850px){.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.quick-action-landing{padding:27px 14px 22px}.quick-action-grid{grid-template-columns:1fr;gap:9px}.quick-action-link{min-height:72px;padding:12px}.quick-action-lead{margin-bottom:20px!important}.quick-action-icon{flex-basis:40px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.quick-action-link{transition:none}.quick-action-link:hover{transform:none}}
@media print{.quick-action-landing{display:none!important}}


/* V22: decorative cropped artwork; functional HTML links remain real and accessible */
.quick-action-landing{padding:0 14px 30px!important}
.quick-action-art{max-width:1220px;margin:0 auto 19px;overflow:hidden;border-radius:0 0 22px 22px;box-shadow:0 15px 40px rgba(13,5,29,.42);border:1px solid rgba(231,179,255,.27);border-top:0}
.quick-action-art img{display:block;width:100%;height:auto;aspect-ratio:1536/390;object-fit:cover}
.quick-action-landing .visually-hidden-landing{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.quick-action-landing .quick-action-grid{margin-top:8px}
.quick-action-landing .quick-action-link{background:linear-gradient(145deg,rgba(95,37,146,.38),rgba(255,255,255,.06));box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 25px rgba(10,4,25,.2)}
@media(max-width:560px){.quick-action-landing{padding:0 10px 22px!important}.quick-action-art{margin:0 -10px 17px;border-radius:0 0 12px 12px}.quick-action-art img{min-height:130px;object-fit:cover}}

/* V28 shared landing across website */
.quick-action-landing{isolation:isolate;max-width:100%;overflow:hidden}
.quick-action-landing .quick-action-inner{max-width:1160px;margin-inline:auto}
.quick-action-landing .quick-action-art img{display:block;max-width:100%;height:auto}
.quick-action-landing .quick-action-link{min-width:0;overflow-wrap:anywhere}
.quick-action-landing .quick-action-link:focus-visible,.quick-action-landing .quick-action-continue:focus-visible{outline:3px solid #ffe18a;outline-offset:3px}
.quick-action-landing.quick-action-compact{padding-block:18px 24px}
.quick-action-landing.quick-action-compact .quick-action-art{max-width:850px;margin-inline:auto}
.quick-action-landing.quick-action-compact .quick-action-art img{max-height:210px;object-fit:cover;object-position:center}
.quick-action-landing.quick-action-compact .quick-action-lead{max-width:800px;margin-inline:auto}
.quick-action-landing.quick-action-compact .quick-action-grid{max-width:1000px;margin-inline:auto}
@media(max-width:640px){.quick-action-landing{padding-inline:12px}.quick-action-landing .quick-action-grid{grid-template-columns:1fr}.quick-action-landing .quick-action-art img{width:100%;height:auto}.quick-action-landing.quick-action-compact .quick-action-art img{max-height:160px}}
@media(prefers-reduced-motion:reduce){.quick-action-landing *{animation:none!important;transition:none!important}}