#sslp-psikologi-jarak{--sspj-blue:#132632;--sspj-blue-2:#203846;--sspj-ink:#061018;--sspj-gold:#f2dca8;--sspj-gold-soft:rgba(242,220,168,.24);--sspj-cool:rgba(115,155,178,.18);position:relative;overflow:hidden;background:radial-gradient(circle at 16% 8%,rgb(242 220 168 / .10),transparent 28%),radial-gradient(circle at 84% 10%,rgb(115 155 178 / .15),transparent 34%),radial-gradient(ellipse at 50% 38%,rgb(200 169 107 / .045),transparent 46%),linear-gradient(90deg,rgb(242 220 168 / .022) 0 1px,transparent 1px 100%),linear-gradient(135deg,var(--sslp-bg) 0%,var(--sslp-bg-2) 46%,#061018 100%);background-size:auto,auto,auto,52px 52px,auto}#sslp-psikologi-jarak[data-theme="light"],html[data-theme="light"] #sslp-psikologi-jarak,body[data-theme="light"] #sslp-psikologi-jarak{background:radial-gradient(circle at 16% 8%,rgb(157 123 56 / .105),transparent 28%),radial-gradient(circle at 84% 10%,rgb(80 112 130 / .12),transparent 34%),radial-gradient(ellipse at 50% 38%,rgb(157 123 56 / .045),transparent 46%),linear-gradient(90deg,rgb(157 123 56 / .03) 0 1px,transparent 1px 100%),linear-gradient(135deg,#f7f1e7 0%,#ede3d4 48%,#fbf8f1 100%);background-size:auto,auto,auto,52px 52px,auto}#sslp-psikologi-jarak .sspj-pattern{position:absolute;right:0;bottom:0;width:460px;height:460px;transform:translate(28%,28%);border-radius:999px;background:repeating-radial-gradient(circle,rgb(242 220 168 / .075) 0 1px,transparent 1px 28px);opacity:.28;pointer-events:none;z-index:0}#sslp-psikologi-jarak[data-theme="light"] .sspj-pattern,html[data-theme="light"] #sslp-psikologi-jarak .sspj-pattern,body[data-theme="light"] #sslp-psikologi-jarak .sspj-pattern{opacity:.18}#sslp-psikologi-jarak .sslp-hero h1{font-size:clamp(34px, 4.05vw, 52px);line-height:1.045;letter-spacing:-.046em;font-weight:600}#sslp-psikologi-jarak .sslp-section-head h2,#sslp-psikologi-jarak .sslp-compass-head h2{font-size:clamp(26px, 2.65vw, 37px);line-height:1.14;letter-spacing:-.032em;font-weight:600}#sslp-psikologi-jarak .sslp-meaning-box h2{font-size:clamp(28px, 2.92vw, 40px);line-height:1.15;letter-spacing:-.035em;font-weight:600}#sslp-psikologi-jarak .sspj-field-card h3,#sslp-psikologi-jarak .sspj-distance-card h3,#sslp-psikologi-jarak .sspj-matrix-panel h3,#sslp-psikologi-jarak .sslp-card h3,#sslp-psikologi-jarak .sslp-link-card h3,#sslp-psikologi-jarak .sslp-compass-card h3{font-weight:600;line-height:1.16}#sslp-psikologi-jarak .sspj-field-card h3{font-size:clamp(22px, 2vw, 29px)}#sslp-psikologi-jarak .sspj-distance-card h3{font-size:clamp(23px, 2.18vw, 31px)}#sslp-psikologi-jarak .sspj-matrix-panel h3{font-size:clamp(26px, 2.65vw, 37px);line-height:1.14}#sslp-psikologi-jarak .sslp-pause-box h2,#sslp-psikologi-jarak .sslp-ending-copy h2{font-size:clamp(27px, 2.9vw, 39px);line-height:1.16;letter-spacing:-.032em}#sslp-psikologi-jarak .sslp-hero-visual{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 33% 50%,rgb(242 220 168 / .22),transparent 15%),radial-gradient(circle at 68% 50%,rgb(126 164 188 / .16),transparent 18%),radial-gradient(ellipse at 50% 50%,rgb(200 169 107 / .11),transparent 42%),linear-gradient(90deg,transparent 0 49.7%,rgb(242 220 168 / .075) 49.7% 50.3%,transparent 50.3%),linear-gradient(145deg,rgb(255 255 255 / .075),rgb(255 255 255 / .025))}#sslp-psikologi-jarak .sslp-hero-visual::before{inset:12%;border-radius:999px;border-color:rgb(242 220 168 / .20);box-shadow:0 0 0 34px rgb(242 220 168 / .035),0 0 0 76px rgb(121 158 178 / .04),0 0 0 124px rgb(255 255 255 / .022),0 0 96px rgb(242 220 168 / .18)}#sslp-psikologi-jarak .sslp-hero-visual::after{background:linear-gradient(115deg,transparent 0%,rgb(255 255 255 / .055) 48%,transparent 55%),repeating-linear-gradient(90deg,rgb(242 220 168 / .046) 0 1px,transparent 1px 34px),radial-gradient(ellipse at 50% 50%,transparent 0 30%,rgb(0 0 0 / .16) 68%,rgb(0 0 0 / .34) 100%);opacity:.44}#sslp-psikologi-jarak .sspj-relation-field{position:absolute;inset:0;z-index:3;pointer-events:none}#sslp-psikologi-jarak .sspj-person-node{position:absolute;top:50%;width:70px;height:70px;border-radius:999px;transform:translateY(-50%);border:1px solid rgb(242 220 168 / .24);background:radial-gradient(circle,#fff3c4 0%,#f2dca8 34%,rgb(200 169 107 / .38) 58%,transparent 72%);box-shadow:0 0 48px rgb(242 220 168 / .30),0 0 110px rgb(242 220 168 / .14)}#sslp-psikologi-jarak .sspj-person-node::after{content:"";position:absolute;inset:-28px;border-radius:999px;border:1px solid rgb(242 220 168 / .17);box-shadow:0 0 0 34px rgb(115 155 178 / .018);opacity:.72}#sslp-psikologi-jarak .sspj-person-node.is-left{left:25%}#sslp-psikologi-jarak .sspj-person-node.is-right{right:25%}#sslp-psikologi-jarak .sspj-distance-line{position:absolute;left:32%;right:32%;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,rgb(242 220 168 / .10),rgb(242 220 168 / .55),rgb(126 164 188 / .26));box-shadow:0 0 26px rgb(242 220 168 / .18)}#sslp-psikologi-jarak .sspj-distance-line::before{content:"";position:absolute;left:50%;top:50%;width:112px;height:46px;border-radius:999px;transform:translate(-50%,-50%);border:1px solid rgb(200 169 107 / .14);box-shadow:0 0 0 24px rgb(200 169 107 / .022),0 0 0 58px rgb(115 155 178 / .016);opacity:.68}#sslp-psikologi-jarak .sspj-distance-ring{position:absolute;left:50%;top:50%;border-radius:46% 54% 49% 51%;transform:translate(-50%,-50%);border:1px solid rgb(242 220 168 / .16)}#sslp-psikologi-jarak .sspj-distance-ring:nth-child(1){width:160px;height:160px;opacity:.72;transform:translate(-50%,-50%) rotate(-9deg)}#sslp-psikologi-jarak .sspj-distance-ring:nth-child(2){width:280px;height:280px;opacity:.42;transform:translate(-50%,-50%) rotate(13deg)}#sslp-psikologi-jarak .sspj-distance-ring:nth-child(3){width:390px;height:390px;opacity:.23;transform:translate(-50%,-50%) rotate(-17deg)}#sslp-psikologi-jarak .sspj-hero-label{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 12px;border-radius:999px;border:1px solid rgb(242 220 168 / .22);color:rgb(255 255 255 / .74);background:rgb(6 16 24 / .34);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#sslp-psikologi-jarak .sspj-hero-label.is-close{left:10%;top:22%}#sslp-psikologi-jarak .sspj-hero-label.is-space{left:50%;top:20%;transform:translateX(-50%)}#sslp-psikologi-jarak .sspj-hero-label.is-boundary{right:10%;top:35%}#sslp-psikologi-jarak[data-theme="light"] .sslp-hero-visual,html[data-theme="light"] #sslp-psikologi-jarak .sslp-hero-visual,body[data-theme="light"] #sslp-psikologi-jarak .sslp-hero-visual{background:radial-gradient(circle at 33% 50%,rgb(157 123 56 / .15),transparent 15%),radial-gradient(circle at 68% 50%,rgb(80 112 130 / .11),transparent 18%),radial-gradient(ellipse at 50% 50%,rgb(157 123 56 / .08),transparent 42%),linear-gradient(90deg,transparent 0 49.7%,rgb(157 123 56 / .055) 49.7% 50.3%,transparent 50.3%),linear-gradient(145deg,rgb(255 255 255 / .76),rgb(255 255 255 / .40))}#sslp-psikologi-jarak[data-theme="light"] .sspj-hero-label,html[data-theme="light"] #sslp-psikologi-jarak .sspj-hero-label,body[data-theme="light"] #sslp-psikologi-jarak .sspj-hero-label{background:rgb(255 255 255 / .58);color:rgb(26 30 34 / .68)}#sslp-psikologi-jarak .sslp-compass-inner{background:radial-gradient(circle at 12% 0%,rgb(242 220 168 / .105),transparent 30%),radial-gradient(circle at 88% 6%,rgb(115 155 178 / .09),transparent 32%),linear-gradient(145deg,var(--sslp-surface-2),rgb(255 255 255 / .032)),linear-gradient(90deg,rgb(242 220 168 / .04),transparent 52%,rgb(115 155 178 / .032))}#sslp-psikologi-jarak .sslp-compass-card{position:relative;overflow:hidden;border-color:var(--sslp-border);background:radial-gradient(circle at 84% 12%,rgb(242 220 168 / .07),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .062),rgb(255 255 255 / .024));box-shadow:0 18px 52px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .045)}#sslp-psikologi-jarak .sslp-compass-card.is-wide::after{content:"";position:absolute;right:28px;bottom:28px;width:172px;height:70px;border-radius:999px;border:1px solid rgb(200 169 107 / .15);box-shadow:0 0 0 24px rgb(200 169 107 / .022),0 0 0 58px rgb(115 155 178 / .016);transform:rotate(-8deg);opacity:.56;pointer-events:none}#sslp-psikologi-jarak[data-theme="light"] .sslp-compass-card,html[data-theme="light"] #sslp-psikologi-jarak .sslp-compass-card,body[data-theme="light"] #sslp-psikologi-jarak .sslp-compass-card{background:radial-gradient(circle at 84% 12%,rgb(157 123 56 / .065),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .82),rgb(255 255 255 / .48));box-shadow:0 16px 44px rgb(90 70 40 / .10),inset 0 1px 0 rgb(255 255 255 / .62)}#sslp-psikologi-jarak .sspj-field{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;align-items:stretch}#sslp-psikologi-jarak .sspj-field-visual{position:relative;min-height:570px;border:1px solid var(--sslp-border);border-radius:var(--sslp-radius-xl);background:radial-gradient(circle at 30% 50%,rgb(242 220 168 / .18),transparent 17%),radial-gradient(circle at 70% 50%,rgb(126 164 188 / .14),transparent 18%),radial-gradient(ellipse at 50% 50%,rgb(242 220 168 / .10),transparent 42%),repeating-linear-gradient(90deg,rgb(242 220 168 / .028) 0 1px,transparent 1px 42px),linear-gradient(145deg,rgb(255 255 255 / .065),rgb(255 255 255 / .022));box-shadow:var(--sslp-shadow-soft);overflow:hidden}#sslp-psikologi-jarak .sspj-field-visual::before{content:"DIRI • RUANG • RELASI";position:absolute;left:26px;top:24px;z-index:4;color:var(--sslp-gold);font-size:10px;font-weight:800;line-height:1.6;letter-spacing:.22em;text-transform:uppercase;opacity:.78}#sslp-psikologi-jarak .sspj-field-visual::after{content:"";position:absolute;right:-120px;bottom:-130px;width:380px;height:250px;border-radius:999px;border:1px solid rgb(200 169 107 / .14);box-shadow:0 0 0 44px rgb(200 169 107 / .024),0 0 0 96px rgb(115 155 178 / .016);transform:rotate(-8deg);opacity:.7;pointer-events:none}#sslp-psikologi-jarak .sspj-field-line{position:absolute;left:16%;right:16%;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgb(200 169 107 / .26),rgb(242 220 168 / .48),rgb(126 164 188 / .22),transparent)}#sslp-psikologi-jarak .sspj-field-line::before{content:"";position:absolute;left:50%;top:50%;width:120px;height:48px;border-radius:999px;transform:translate(-50%,-50%);border:1px solid rgb(200 169 107 / .14);box-shadow:0 0 0 24px rgb(200 169 107 / .022),0 0 0 58px rgb(115 155 178 / .016);opacity:.7}#sslp-psikologi-jarak .sspj-field-node{position:absolute;top:50%;width:78px;height:78px;border-radius:999px;transform:translateY(-50%);border:1px solid rgb(242 220 168 / .22);background:radial-gradient(circle,rgb(242 220 168 / .62),rgb(200 169 107 / .22) 58%,transparent 74%);box-shadow:0 0 54px rgb(242 220 168 / .20)}#sslp-psikologi-jarak .sspj-field-node::after{content:"";position:absolute;inset:-26px;border-radius:999px;border:1px solid rgb(242 220 168 / .16);box-shadow:0 0 0 34px rgb(115 155 178 / .016);opacity:.7}#sslp-psikologi-jarak .sspj-field-node.is-self{left:18%}#sslp-psikologi-jarak .sspj-field-node.is-other{right:18%}#sslp-psikologi-jarak .sspj-field-zone{position:absolute;left:50%;top:50%;width:230px;height:150px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgb(200 169 107 / .20);box-shadow:0 0 0 44px rgb(255 255 255 / .014),0 0 72px rgb(242 220 168 / .11)}#sslp-psikologi-jarak .sspj-field-tag{position:absolute;display:grid;gap:5px;width:min(200px, 44%);padding:15px 16px;border-radius:22px;border:1px solid var(--sslp-border);background:rgb(7 18 26 / .38);box-shadow:0 18px 44px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .05);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#sslp-psikologi-jarak .sspj-field-tag small{color:var(--sslp-gold);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}#sslp-psikologi-jarak .sspj-field-tag strong{color:var(--sslp-text-strong);font-family:var(--sslp-font-serif);font-size:clamp(19px, 1.75vw, 22px);line-height:1.12;font-weight:600}#sslp-psikologi-jarak .sspj-field-tag span{color:var(--sslp-text-soft);font-size:13px;line-height:1.45}#sslp-psikologi-jarak .sspj-field-tag.is-self{left:34px;top:44px}#sslp-psikologi-jarak .sspj-field-tag.is-space{right:34px;top:50%;transform:translateY(-50%)}#sslp-psikologi-jarak .sspj-field-tag.is-relation{left:48px;bottom:44px}#sslp-psikologi-jarak .sspj-field-copy{display:grid;gap:14px}#sslp-psikologi-jarak .sspj-field-card{position:relative;padding:clamp(20px, 2.5vw, 30px);border:1px solid var(--sslp-border);border-radius:var(--sslp-radius-lg);background:linear-gradient(145deg,rgb(255 255 255 / .064),rgb(255 255 255 / .023));box-shadow:0 18px 52px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .045);overflow:hidden}#sslp-psikologi-jarak .sspj-field-card::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:999px;background:linear-gradient(to bottom,transparent,var(--sslp-gold),transparent);opacity:.54;pointer-events:none}#sslp-psikologi-jarak .sspj-field-card::after{content:"";position:absolute;right:22px;top:22px;width:40px;height:40px;border-radius:999px;border:1px solid rgb(242 220 168 / .20);background:radial-gradient(circle,rgb(242 220 168 / .14),transparent 64%),linear-gradient(90deg,rgb(242 220 168 / .10),transparent);opacity:.72;pointer-events:none}#sslp-psikologi-jarak .sspj-field-card small{display:block;margin-bottom:10px;color:var(--sslp-gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}#sslp-psikologi-jarak .sspj-field-card h3{max-width:680px;font-family:var(--sslp-font-serif);letter-spacing:-.024em}#sslp-psikologi-jarak .sspj-field-card p{margin-top:10px;color:var(--sslp-text-soft);line-height:1.72}#sslp-psikologi-jarak .sspj-field-card:hover{border-color:var(--sslp-border-strong);background:var(--sslp-surface-2)}#sslp-psikologi-jarak[data-theme="light"] .sspj-field-visual,html[data-theme="light"] #sslp-psikologi-jarak .sspj-field-visual,body[data-theme="light"] #sslp-psikologi-jarak .sspj-field-visual{background:radial-gradient(circle at 30% 50%,rgb(157 123 56 / .12),transparent 17%),radial-gradient(circle at 70% 50%,rgb(80 112 130 / .10),transparent 18%),radial-gradient(ellipse at 50% 50%,rgb(157 123 56 / .075),transparent 42%),repeating-linear-gradient(90deg,rgb(157 123 56 / .026) 0 1px,transparent 1px 42px),linear-gradient(145deg,rgb(255 255 255 / .78),rgb(255 255 255 / .42))}#sslp-psikologi-jarak[data-theme="light"] .sspj-field-tag,html[data-theme="light"] #sslp-psikologi-jarak .sspj-field-tag,body[data-theme="light"] #sslp-psikologi-jarak .sspj-field-tag{background:rgb(255 255 255 / .68)}#sslp-psikologi-jarak[data-theme="light"] .sspj-field-card,html[data-theme="light"] #sslp-psikologi-jarak .sspj-field-card,body[data-theme="light"] #sslp-psikologi-jarak .sspj-field-card{background:radial-gradient(circle at 84% 12%,rgb(157 123 56 / .065),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .82),rgb(255 255 255 / .48));box-shadow:0 16px 44px rgb(90 70 40 / .10),inset 0 1px 0 rgb(255 255 255 / .62)}#sslp-psikologi-jarak .sspj-distance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px}#sslp-psikologi-jarak .sspj-distance-card{position:relative;min-height:320px;padding:clamp(22px, 2.8vw, 34px);border:1px solid var(--sslp-border);border-radius:var(--sslp-radius-xl);background:radial-gradient(circle at 18% 0%,rgb(242 220 168 / .105),transparent 31%),linear-gradient(145deg,rgb(255 255 255 / .06),rgb(255 255 255 / .022));box-shadow:0 18px 52px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .045);overflow:hidden;transition:transform .28s var(--sslp-ease),border-color .28s var(--sslp-ease),background .28s var(--sslp-ease)}#sslp-psikologi-jarak .sspj-distance-card:nth-child(2){transform:translateY(18px)}#sslp-psikologi-jarak .sspj-distance-card:hover{transform:translateY(-4px);border-color:var(--sslp-border-strong);background:var(--sslp-surface-2)}#sslp-psikologi-jarak .sspj-distance-card:nth-child(2):hover{transform:translateY(10px)}#sslp-psikologi-jarak .sspj-distance-card::before{content:"";position:absolute;left:24px;right:86px;bottom:26px;height:1px;background:linear-gradient(90deg,rgb(200 169 107 / .32),transparent);opacity:.72;pointer-events:none}#sslp-psikologi-jarak .sspj-distance-card::after{content:"";position:absolute;right:-74px;bottom:-92px;width:220px;height:220px;border-radius:999px;border:1px solid rgb(200 169 107 / .13);box-shadow:0 0 0 38px rgb(200 169 107 / .025),0 0 0 78px rgb(255 255 255 / .018);pointer-events:none}#sslp-psikologi-jarak .sspj-distance-no{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;border-radius:999px;border:1px solid rgb(200 169 107 / .28);color:var(--sslp-gold);background:var(--sslp-gold-soft);font-weight:800}#sslp-psikologi-jarak .sspj-distance-card small{display:block;margin-bottom:10px;color:var(--sslp-gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}#sslp-psikologi-jarak .sspj-distance-card h3{font-family:var(--sslp-font-serif);letter-spacing:-.026em;margin-bottom:12px}#sslp-psikologi-jarak .sspj-distance-card p{color:var(--sslp-text-soft);line-height:1.72}#sslp-psikologi-jarak[data-theme="light"] .sspj-distance-card,html[data-theme="light"] #sslp-psikologi-jarak .sspj-distance-card,body[data-theme="light"] #sslp-psikologi-jarak .sspj-distance-card{background:radial-gradient(circle at 84% 12%,rgb(157 123 56 / .065),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .82),rgb(255 255 255 / .48));box-shadow:0 16px 44px rgb(90 70 40 / .10),inset 0 1px 0 rgb(255 255 255 / .62)}#sslp-psikologi-jarak .sspj-matrix{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:14px;align-items:stretch}#sslp-psikologi-jarak .sspj-matrix::before{content:"";position:absolute;inset:12% 49% 12% auto;width:1px;background:linear-gradient(to bottom,transparent,rgb(200 169 107 / .28),transparent);opacity:.78;pointer-events:none}#sslp-psikologi-jarak .sspj-matrix-panel{padding:clamp(26px, 3.5vw, 44px);border:1px solid var(--sslp-border);border-radius:var(--sslp-radius-xl);background:radial-gradient(circle at 12% 0%,rgb(242 220 168 / .12),transparent 32%),linear-gradient(145deg,rgb(255 255 255 / .074),rgb(255 255 255 / .026));box-shadow:0 18px 52px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .045)}#sslp-psikologi-jarak .sspj-matrix-panel h3{font-family:var(--sslp-font-serif);margin:14px 0}#sslp-psikologi-jarak .sspj-matrix-panel p{color:var(--sslp-text-soft);line-height:1.75}#sslp-psikologi-jarak .sspj-matrix-list{display:grid;gap:12px}#sslp-psikologi-jarak .sspj-matrix-row{position:relative;display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:start;padding:16px 18px;border:1px solid var(--sslp-border);border-radius:20px;background:linear-gradient(145deg,rgb(255 255 255 / .052),rgb(255 255 255 / .024));box-shadow:0 14px 34px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .04);overflow:hidden}#sslp-psikologi-jarak .sspj-matrix-row::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:999px;background:linear-gradient(to bottom,transparent,var(--sslp-gold),transparent);opacity:.48;pointer-events:none}#sslp-psikologi-jarak .sspj-matrix-row:nth-child(2)::before,#sslp-psikologi-jarak .sspj-matrix-row:nth-child(4)::before,#sslp-psikologi-jarak .sspj-matrix-row:nth-child(6)::before{opacity:.26}#sslp-psikologi-jarak .sspj-matrix-row strong{color:var(--sslp-text-strong);font-size:13px}#sslp-psikologi-jarak .sspj-matrix-row span{color:var(--sslp-text-soft);font-size:14px;line-height:1.55}#sslp-psikologi-jarak[data-theme="light"] .sspj-matrix-panel,html[data-theme="light"] #sslp-psikologi-jarak .sspj-matrix-panel,body[data-theme="light"] #sslp-psikologi-jarak .sspj-matrix-panel,#sslp-psikologi-jarak[data-theme="light"] .sspj-matrix-row,html[data-theme="light"] #sslp-psikologi-jarak .sspj-matrix-row,body[data-theme="light"] #sslp-psikologi-jarak .sspj-matrix-row{background:radial-gradient(circle at 84% 12%,rgb(157 123 56 / .065),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .82),rgb(255 255 255 / .48));box-shadow:0 16px 44px rgb(90 70 40 / .10),inset 0 1px 0 rgb(255 255 255 / .62)}#sslp-psikologi-jarak .sslp-card{position:relative;overflow:hidden;border-color:var(--sslp-border);background:radial-gradient(circle at 84% 12%,rgb(242 220 168 / .075),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .060),rgb(255 255 255 / .022));box-shadow:0 18px 52px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .045)}#sslp-psikologi-jarak .sslp-card::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:999px;background:linear-gradient(to bottom,transparent,var(--sslp-gold),transparent);opacity:.48;pointer-events:none}#sslp-psikologi-jarak .sslp-card::after{content:"";position:absolute;right:18px;bottom:18px;width:74px;height:42px;border-radius:999px;border:1px solid rgb(200 169 107 / .12);box-shadow:0 0 0 22px rgb(115 155 178 / .018);transform:rotate(-9deg);opacity:.50;pointer-events:none}#sslp-psikologi-jarak .sslp-card:hover{border-color:var(--sslp-border-strong);background:var(--sslp-surface-2)}#sslp-psikologi-jarak[data-theme="light"] .sslp-card,html[data-theme="light"] #sslp-psikologi-jarak .sslp-card,body[data-theme="light"] #sslp-psikologi-jarak .sslp-card{background:radial-gradient(circle at 84% 12%,rgb(157 123 56 / .065),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .82),rgb(255 255 255 / .48));box-shadow:0 16px 44px rgb(90 70 40 / .10),inset 0 1px 0 rgb(255 255 255 / .62)}#sslp-psikologi-jarak .sslp-link-card{position:relative;min-height:210px;overflow:hidden;border-color:var(--sslp-border);background:radial-gradient(circle at 84% 12%,rgb(242 220 168 / .09),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .058),rgb(255 255 255 / .022));box-shadow:0 18px 52px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .045)}#sslp-psikologi-jarak .sslp-link-card::before{content:"";position:absolute;left:20px;right:54px;bottom:22px;height:1px;background:linear-gradient(90deg,rgb(200 169 107 / .32),transparent);opacity:.72;pointer-events:none}#sslp-psikologi-jarak .sslp-link-card::after{content:"→";position:absolute;right:18px;bottom:18px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgb(200 169 107 / .24);background:rgb(200 169 107 / .075);color:var(--sslp-gold);font-size:18px;line-height:1;opacity:.86;transform:none;box-shadow:none;pointer-events:none}#sslp-psikologi-jarak .sslp-link-card:hover{border-color:var(--sslp-border-strong);background:radial-gradient(circle at 84% 12%,rgb(242 220 168 / .12),transparent 24%),linear-gradient(145deg,var(--sslp-surface-2),rgb(255 255 255 / .032))}#sslp-psikologi-jarak[data-theme="light"] .sslp-link-card,html[data-theme="light"] #sslp-psikologi-jarak .sslp-link-card,body[data-theme="light"] #sslp-psikologi-jarak .sslp-link-card{background:radial-gradient(circle at 84% 12%,rgb(157 123 56 / .075),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .82),rgb(255 255 255 / .48));box-shadow:0 16px 44px rgb(90 70 40 / .10),inset 0 1px 0 rgb(255 255 255 / .62)}#sslp-psikologi-jarak .sspj-kbds-panel{position:relative;width:min(100%, 610px);display:grid;gap:12px;margin-top:22px;padding:16px 18px 18px;border:0;border-radius:24px;background:#fff0;box-shadow:none}#sslp-psikologi-jarak .sspj-kbds-panel::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,rgb(242 220 168 / .44),transparent);opacity:.62;pointer-events:none}#sslp-psikologi-jarak .sspj-kbds-panel-head{display:block}#sslp-psikologi-jarak .sspj-kbds-panel-head span{color:var(--sslp-gold);font-size:10px;font-weight:850;letter-spacing:.16em;line-height:1.25;text-transform:uppercase}#sslp-psikologi-jarak .sspj-kbds-rail{display:flex;flex-wrap:wrap;gap:9px;align-items:center}#sslp-psikologi-jarak .sspj-kbds-btn{min-width:126px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid rgb(242 220 168 / .20);border-radius:999px;background:rgb(255 255 255 / .040);color:var(--sslp-text-soft);font-size:12px;font-weight:820;line-height:1;letter-spacing:.020em;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .22s var(--sslp-ease),border-color .22s var(--sslp-ease),background .22s var(--sslp-ease),color .22s var(--sslp-ease)}#sslp-psikologi-jarak .sspj-kbds-btn:hover{transform:translateY(-2px);border-color:rgb(242 220 168 / .38);background:rgb(242 220 168 / .090);color:var(--sslp-text-strong)}#sslp-psikologi-jarak .sspj-kbds-btn b{color:var(--sslp-gold);font-size:12px;line-height:1}#sslp-psikologi-jarak[data-theme="light"] .sspj-kbds-panel,html[data-theme="light"] #sslp-psikologi-jarak .sspj-kbds-panel,body[data-theme="light"] #sslp-psikologi-jarak .sspj-kbds-panel{border:0;background:#fff0;box-shadow:none}#sslp-psikologi-jarak[data-theme="light"] .sspj-kbds-btn,html[data-theme="light"] #sslp-psikologi-jarak .sspj-kbds-btn,body[data-theme="light"] #sslp-psikologi-jarak .sspj-kbds-btn{background:rgb(255 255 255 / .42);color:rgb(32 39 44 / .68);border-color:rgb(157 123 56 / .22)}#sslp-psikologi-jarak[data-theme="light"] .sspj-kbds-btn:hover,html[data-theme="light"] #sslp-psikologi-jarak .sspj-kbds-btn:hover,body[data-theme="light"] #sslp-psikologi-jarak .sspj-kbds-btn:hover{background:rgb(157 123 56 / .075);color:rgb(20 28 34 / .86);border-color:rgb(157 123 56 / .34)}#sslp-psikologi-jarak .sspj-next-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:clamp(22px, 4vw, 48px);align-items:stretch}#sslp-psikologi-jarak .sspj-next-list{display:grid;gap:12px}#sslp-psikologi-jarak .sspj-next-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 32px;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--sslp-border);border-radius:22px;background:radial-gradient(circle at 92% 10%,rgb(242 220 168 / .075),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .058),rgb(255 255 255 / .022));color:var(--sslp-text-strong);text-decoration:none;overflow:hidden;transition:transform .22s var(--sslp-ease),border-color .22s var(--sslp-ease),background .22s var(--sslp-ease)}#sslp-psikologi-jarak .sspj-next-item:hover{transform:translateY(-2px);border-color:var(--sslp-border-strong);background:radial-gradient(circle at 92% 10%,rgb(242 220 168 / .105),transparent 24%),linear-gradient(145deg,var(--sslp-surface-2),rgb(255 255 255 / .030))}#sslp-psikologi-jarak .sspj-next-no{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgb(242 220 168 / .22);background:var(--sslp-gold-soft);color:var(--sslp-gold);font-size:12px;font-weight:900}#sslp-psikologi-jarak .sspj-next-copy{display:grid;gap:4px}#sslp-psikologi-jarak .sspj-next-copy small{color:var(--sslp-gold);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}#sslp-psikologi-jarak .sspj-next-copy strong{color:var(--sslp-text-strong);font-family:var(--sslp-font-serif);font-size:clamp(17px, 1.5vw, 21px);font-weight:600;line-height:1.18;letter-spacing:-.018em}#sslp-psikologi-jarak .sspj-next-arrow{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgb(200 169 107 / .24);background:rgb(200 169 107 / .075);color:var(--sslp-gold);font-size:15px;line-height:1}#sslp-psikologi-jarak[data-theme="light"] .sspj-next-item,html[data-theme="light"] #sslp-psikologi-jarak .sspj-next-item,body[data-theme="light"] #sslp-psikologi-jarak .sspj-next-item{background:radial-gradient(circle at 92% 10%,rgb(157 123 56 / .065),transparent 24%),linear-gradient(145deg,rgb(255 255 255 / .82),rgb(255 255 255 / .48))}@media (max-width:980px){#sslp-psikologi-jarak .sspj-next-grid{grid-template-columns:1fr}}@media (max-width:720px){#sslp-psikologi-jarak .sspj-kbds-panel{width:100%;margin-top:24px;padding-top:22px}#sslp-psikologi-jarak .sspj-kbds-rail{display:grid;grid-template-columns:1fr 1fr;gap:9px}#sslp-psikologi-jarak .sspj-kbds-btn{width:100%;min-width:0}#sslp-psikologi-jarak .sspj-next-item{grid-template-columns:38px minmax(0,1fr) 28px;padding:15px}}@media (max-width:480px){#sslp-psikologi-jarak .sspj-kbds-rail{grid-template-columns:1fr}#sslp-psikologi-jarak .sspj-next-item{grid-template-columns:1fr 28px}#sslp-psikologi-jarak .sspj-next-no{grid-column:1 / -1}}@media (max-width:980px){#sslp-psikologi-jarak .sspj-field,#sslp-psikologi-jarak .sspj-matrix{grid-template-columns:1fr}#sslp-psikologi-jarak .sspj-distance-grid{grid-template-columns:1fr}#sslp-psikologi-jarak .sspj-matrix::before{display:none}#sslp-psikologi-jarak .sspj-distance-card,#sslp-psikologi-jarak .sspj-distance-card:nth-child(2),#sslp-psikologi-jarak .sspj-distance-card:hover,#sslp-psikologi-jarak .sspj-distance-card:nth-child(2):hover{transform:none}}@media (max-width:720px){#sslp-psikologi-jarak .sslp-hero h1{font-size:clamp(33px, 8.7vw, 44px)}#sslp-psikologi-jarak .sslp-section-head h2,#sslp-psikologi-jarak .sslp-compass-head h2,#sslp-psikologi-jarak .sslp-meaning-box h2,#sslp-psikologi-jarak .sslp-pause-box h2,#sslp-psikologi-jarak .sslp-ending-copy h2{font-size:clamp(25px, 6.8vw, 34px);line-height:1.16}#sslp-psikologi-jarak .sspj-matrix-panel h3{font-size:clamp(25px, 6.8vw, 34px);line-height:1.16}#sslp-psikologi-jarak .sspj-field-visual{min-height:430px}#sslp-psikologi-jarak .sspj-field-visual::before{left:20px;top:18px;max-width:230px}#sslp-psikologi-jarak .sspj-field-visual::after{right:-150px;bottom:-150px;width:300px;height:205px}#sslp-psikologi-jarak .sspj-field-tag{width:auto;max-width:180px;padding:12px 13px}#sslp-psikologi-jarak .sspj-field-tag strong{font-size:19px}#sslp-psikologi-jarak .sspj-field-tag.is-self{left:18px;top:28px}#sslp-psikologi-jarak .sspj-field-tag.is-space{right:18px}#sslp-psikologi-jarak .sspj-field-tag.is-relation{left:18px;bottom:28px}#sslp-psikologi-jarak .sspj-matrix-row{grid-template-columns:1fr}}@media (max-width:640px){#sslp-psikologi-jarak .sspj-hero-label{min-height:28px;padding:6px 9px;font-size:10px}#sslp-psikologi-jarak .sspj-hero-label.is-close{left:7%;top:18%}#sslp-psikologi-jarak .sspj-hero-label.is-space{top:30%}#sslp-psikologi-jarak .sspj-hero-label.is-boundary{right:7%;top:18%}#sslp-psikologi-jarak .sspj-distance-ring:nth-child(3){display:none}#sslp-psikologi-jarak .sspj-person-node{width:58px;height:58px}#sslp-psikologi-jarak .sspj-person-node.is-left{left:23%}#sslp-psikologi-jarak .sspj-person-node.is-right{right:23%}#sslp-psikologi-jarak .sspj-pattern{width:330px;height:330px;opacity:.18}}@media (max-width:480px){#sslp-psikologi-jarak .sspj-field-tag{max-width:160px}#sslp-psikologi-jarak .sspj-field-tag span{font-size:12px}#sslp-psikologi-jarak .sslp-card::after,#sslp-psikologi-jarak .sspj-field-card::after,#sslp-psikologi-jarak .sspj-distance-card::after{opacity:.34}}