.content-plan{margin:22px 0 26px;border:1px solid #c8dcef;background:#fff;border-radius:18px;padding:18px}.plan-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.plan-intro h2{font-size:clamp(23px,3vw,30px);margin:5px 0 0;line-height:1.13}.plan-intro p{max-width:470px;font-size:15px;line-height:1.45;color:#52657e;margin:0}.plan-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.plan-days .weekday{text-align:center;color:#63758b;font-size:12px;font-weight:800;padding:4px 0}.plan-day{min-width:0;min-height:74px;text-align:left;border:1px solid #d3e1f0;border-radius:9px;background:#eff6ff;color:#15325c;font:inherit;cursor:pointer;padding:8px;display:flex;flex-direction:column;justify-content:space-between}.plan-day b{font-size:17px;line-height:1}.plan-day span{font-size:12px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plan-day:hover,.plan-day:focus-visible{border-color:#0864ff;background:#dcedff}.plan-day:focus-visible,.platform-tabs button:focus-visible,.plan-nav button:focus-visible,.plan-close:focus-visible{outline:3px solid #6cbe10;outline-offset:2px}.plan-note{font-size:13px;line-height:1.5;color:#52657e;margin:12px 0 0}.plan-dialog{width:min(760px,calc(100% - 28px));max-height:calc(100dvh - 30px);overflow:auto;padding:20px;border:0;border-radius:18px;color:#092455;background:#fff;box-shadow:0 20px 70px #071a45a0}.plan-dialog::backdrop{background:#06152bbd}.plan-close{position:sticky;top:0;float:right;z-index:2;border:0;background:#e9f3ff;color:#092455;border-radius:99px;width:38px;height:38px;font-size:18px;font-weight:800;cursor:pointer;margin:-7px -7px 6px 8px}.plan-example{clear:both;display:grid;grid-template-columns:minmax(210px,45%) minmax(0,1fr);gap:16px}.plan-poster{position:relative;aspect-ratio:1;background:#1f1720;border-radius:12px;overflow:hidden;color:white;isolation:isolate}.plan-poster-photo{position:absolute;inset:0;background-image:url('/media/nasi-ayam-contoh-empat-visual.png');background-size:200% 200%;background-position:var(--photo-x,0%) var(--photo-y,0%);filter:saturate(.9)}.plan-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,25,.86),transparent 52%,rgba(6,8,19,.9))}.plan-poster-text{position:absolute;inset:0;padding:clamp(12px,2vw,21px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-shadow:0 2px 8px #000}.plan-poster-text small{font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:auto}.plan-poster-text strong{font-size:clamp(23px,3vw,38px);line-height:1.05;letter-spacing:-.025em;max-width:95%;text-wrap:balance}.plan-poster-text span{font-size:clamp(11px,1.3vw,15px);line-height:1.3;margin-top:7px}.plan-poster-text em{font-size:12px;font-style:normal;font-weight:800;color:#07112a;background:#faff15;padding:6px 9px;border-radius:99px;margin-top:10px;text-shadow:none}.plan-poster[data-tone=blue] .plan-poster-shade{background:linear-gradient(180deg,rgba(3,31,73,.95),transparent 48%,rgba(3,31,73,.92))}.plan-poster[data-tone=red] .plan-poster-shade{background:linear-gradient(180deg,rgba(80,4,11,.9),transparent 52%,rgba(80,4,11,.92))}.plan-poster[data-tone=green] .plan-poster-shade{background:linear-gradient(180deg,rgba(4,52,36,.9),transparent 52%,rgba(4,52,36,.92))}.plan-content{background:#f3f8ff;border:1px solid #d7e5f6;border-radius:13px;padding:14px;min-width:0}.plan-content h3{font-size:20px;line-height:1.2;margin:0 0 6px}.plan-content>p:first-of-type{font-size:13px;color:#52657e;margin:0 0 10px}.platform-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:7px}.platform-tabs button{border:1px solid #c9daed;background:#fff;color:#15325c;border-radius:99px;padding:8px 9px;font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}.platform-tabs button[aria-selected=true]{background:#092455;color:#fff;border-color:#092455}.plan-copy{white-space:pre-line;font-size:15px;line-height:1.5;margin:10px 0;min-height:94px}.plan-nav{display:flex;justify-content:space-between;gap:10px}.plan-nav button{border:0;background:transparent;color:#075be6;font:inherit;font-size:13px;font-weight:800;padding:7px 0;cursor:pointer}.plan-nav button:disabled{opacity:.35;cursor:default}@media(max-width:700px){.content-plan{padding:13px}.plan-intro{display:block}.plan-intro p{margin-top:8px}.plan-days{gap:4px}.plan-day{min-height:53px;padding:5px;text-align:center;align-items:center}.plan-day b{font-size:15px}.plan-day span{font-size:9px;line-height:1.1;-webkit-line-clamp:1}.plan-dialog{padding:14px}.plan-example{display:block}.plan-poster{width:min(100%,280px);margin:0 auto 12px}.plan-copy{min-height:0}.plan-poster-text strong{font-size:clamp(26px,7vw,36px)}}@media(max-width:380px){.plan-days{gap:3px}.plan-day{min-height:48px;padding:3px}.plan-day span{font-size:8px}}