/* [codex] Apple Design / Interaksi langsung. Brand/editorial layout stays Upright. */
@import url('./upright-design/d98460a/interaction.css');
:root { --up-ui-focus:var(--navy,#122334); }
.closing,.site-footer,.page-closing { --up-ui-focus:var(--lime,#bdf87a); }
:is(.button,.nav-cta,.text-button,.language-switcher .language,.mobile-toggle,.close,.drawer-item,.drawer-back,.nav-disclosure>summary,.onboarding-choice) {
 min-block-size:var(--up-control-height); border-radius:var(--up-radius-control); touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
:is(.button,.nav-cta,.text-button,.onboarding-choice):active { filter:brightness(.95); transition-duration:0s; }
:is(.onboarding-field,.field,.calculator) :is(input,textarea,select) { min-inline-size:0; max-inline-size:100%; border-radius:var(--up-radius-control); }
.analytics-consent-close { min-width:44px; min-height:44px; }
.analytics-settings { min-height:44px; }
/* Content must survive reflow and script loading without an observer threshold. */
.motion-heading.motion-ready :is(.motion-line,.motion-letter),
.motion-heading.motion-ready mark::before,.feature-highlight::before {
 opacity:1!important; transform:none!important; clip-path:none!important; animation:none!important; transition:none!important;
}
@view-transition { navigation:none; }
:is(button,a,input,textarea,select,summary):focus-visible { outline:var(--up-focus-width) solid var(--up-ui-focus); outline-offset:var(--up-focus-offset); }
@media(pointer:coarse),(max-width:47.99rem) {
 :is(.button,.nav-cta,.text-button,.onboarding-choice,.language-switcher .language,.mobile-toggle,.close,.drawer-item,.drawer-back,.nav-disclosure>summary) { min-block-size:44px; }
 :is(.onboarding-field,.field,.calculator) :is(input,textarea,select) { font-size:1rem; }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 :is(.site-header,.review-header,.mega,.small-menu,.mobile-menu) { background:var(--paper,#fdfdfb); backdrop-filter:none; }
}

/* [codex] One mobile reading gutter. Keep semantic choices and product evidence intact. */
@media(max-width:47.99rem) {
 .page-wrap { padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right)); }
 .onboarding-card,.onboarding-aside { padding:16px 0; border:0; border-radius:0; box-shadow:none; background:transparent; }
 .onboarding-aside { border-top:1px solid var(--line,#d9dfdf); }
 #onboarding-message { padding-inline:12px; overflow-wrap:anywhere; }
 .page-wrap>.portfolio-screen { padding:0; border:0; border-radius:0; box-shadow:none; }
 .portfolio-card-copy { padding-inline:12px; }
 .drawer-content { padding-inline:12px; }
 .preview-dialog { width:100%; max-width:none; max-height:100dvh; margin:0; border:0; border-radius:0; padding: calc(56px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); overscroll-behavior:contain; }
 .preview-dialog .close { min-width:44px; min-height:44px; }
 :is(.onboarding-field,.field,.calculator) :is(input,textarea,select) { font-size:max(16px,1rem); }
}

@media(max-width:47.99rem) {
 .preview-dialog .close { top:max(8px,env(safe-area-inset-top)); right:max(12px,env(safe-area-inset-right)); }
}