/* --- EDITING --- */
/* Jasa Editing Jurnal — manuscript/editorial direction */
.editing-page{
  --edit-ink:#121827;
  --edit-muted:#687286;
  --edit-paper:#fbf8f2;
  --edit-paper-2:#f3eee5;
  --edit-line:#ddd7cc;
  --edit-blue:#315bea;
  --edit-red:#de695f;
  --edit-green:#1f9a78;
  background:#fff;
  color:var(--edit-ink);
}.editing-page header{ background:rgba(255,255,255,.88); }.editing-page .breadcrumb{ padding-top:36px; color:#8790a0; font-size:12px; font-weight:700; display:flex; gap:10px; align-items:center; }.editing-page .breadcrumb a{ color:#1b2436; text-decoration:none; }.editing-page .breadcrumb a:hover{ color:var(--edit-blue); }body.editing-page .edit-hero{ position:relative; overflow:hidden; padding:0 0 96px; background:linear-gradient(180deg,#f8fafc 0%,#fff 72%); }body.editing-page .edit-hero::after{ content:"EDIT"; position:absolute; right:-80px; top:80px; font-size:240px; font-weight:900; letter-spacing:-.09em; color:#172035; opacity:.025; pointer-events:none; }body.editing-page .edit-hero-grid{ min-height:690px; display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:center; }body.editing-page .edit-hero-copy{ padding:70px 0 42px; position:relative; z-index:2; }body.editing-page .kicker{ display:inline-flex; align-items:center; gap:10px; color:var(--edit-blue); font-size:12px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }body.editing-page .kicker i{ width:34px; height:2px; background:currentColor; display:block; }body.editing-page .edit-hero h1{ margin:22px 0 22px; max-width:650px; font-size:clamp(62px,7vw,108px); line-height:.88; letter-spacing:-.07em; font-weight:900; }body.editing-page .edit-hero .lead{ max-width:650px; margin:0; color:var(--edit-muted); font-size:19px; line-height:1.72; }body.editing-page .edit-hero .hero-actions{ display:flex; align-items:center; gap:22px; margin-top:32px; }body.editing-page .edit-link{ color:#1c2740; font-size:14px; font-weight:800; text-decoration:none; border-bottom:1px solid #bbc2ce; padding:9px 0 6px; }body.editing-page .edit-link span{ color:var(--edit-blue); margin-left:7px; }body.editing-page .edit-proof{ margin-top:38px; display:flex; flex-wrap:wrap; gap:10px 24px; color:#737e91; font-size:12px; font-weight:750; }body.editing-page .edit-proof span{ position:relative; padding-left:16px; }body.editing-page .edit-proof span::before{ content:""; position:absolute; left:0; top:.48em; width:6px; height:6px; border-radius:50%; background:var(--edit-green); }body.editing-page .manuscript-visual{ position:relative; min-height:590px; display:grid; place-items:center; padding:52px 32px; }body.editing-page .paper-stack{ position:absolute; width:min(510px,88%); height:560px; background:#fff; border:1px solid #e5e0d7; box-shadow:0 20px 60px rgba(30,38,55,.07); }body.editing-page .paper-back{ transform:translate(32px,18px) rotate(5deg); background:#eee8de; }body.editing-page .paper-mid{ transform:translate(13px,8px) rotate(2deg); background:#f6f1e8; }body.editing-page .manuscript-sheet{ width:min(520px,92%); min-height:565px; position:relative; z-index:2; padding:42px 48px 34px; background:var(--edit-paper); border:1px solid #ded8ce; box-shadow:0 30px 80px rgba(28,36,52,.16); transform:rotate(-1.4deg); }body.editing-page .sheet-top{ display:flex; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid #d9d2c6; color:#878073; font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.11em; }body.editing-page .manuscript-sheet h2{ margin:28px 0 25px; max-width:410px; font-family:Georgia,"Times New Roman",serif; font-size:25px; line-height:1.3; letter-spacing:-.02em; font-weight:700; }body.editing-page .manuscript-sheet .line{ margin:0 0 20px; color:#4e4d49; font-family:Georgia,"Times New Roman",serif; font-size:14px; line-height:1.9; }body.editing-page .strike{ color:#a78985; text-decoration-line:line-through; text-decoration-color:var(--edit-red); text-decoration-thickness:2px; }body.editing-page .manuscript-sheet mark{ background:#dfe7ff; color:#25345e; padding:1px 3px; }body.editing-page .underline-note{ position:relative; color:#344363; }body.editing-page .underline-note::after{ content:""; position:absolute; left:0; right:0; bottom:-4px; height:2px; background:var(--edit-blue); transform:rotate(-1deg); }body.editing-page .margin-note{ position:absolute; right:-58px; width:112px; background:#fff; border-left:3px solid var(--edit-red); box-shadow:0 13px 35px rgba(38,45,60,.12); padding:11px 12px; display:flex; gap:9px; align-items:center; transform:rotate(2deg); }body.editing-page .margin-note strong{ color:var(--edit-red); font:900 10px/1 ui-monospace,monospace; }body.editing-page .margin-note span{ color:#5d6471; font-size:10px; font-weight:800; line-height:1.3; }body.editing-page .note-one{ top:190px; }body.editing-page .note-two{ top:338px; border-color:var(--edit-blue); }body.editing-page .note-two strong{color:var(--edit-blue)}body.editing-page .editor-cursor{ position:absolute; left:162px; top:287px; width:2px; height:21px; background:var(--edit-blue); animation:editBlink 1s steps(1) infinite; }body.editing-page .sheet-footer{ position:absolute; left:48px; right:48px; bottom:28px; padding-top:15px; border-top:1px solid #d9d2c6; display:flex; justify-content:space-between; color:#858075; font:800 9px/1 ui-monospace,monospace; }body.editing-page .sheet-footer i{ font-style:normal; color:var(--edit-green); }
@keyframes editBlink { 0%,48%{opacity:1}49%,100%{opacity:0} }
@media (prefers-reduced-motion:reduce){body.editing-page .editor-cursor{animation:none}}body.editing-page .edit-transition{ background:var(--edit-paper); border-top:1px solid var(--edit-line); border-bottom:1px solid var(--edit-line); }body.editing-page .transition-grid{ min-height:150px; display:grid; grid-template-columns:1fr 90px 1fr; align-items:center; }body.editing-page .transition-grid > div:not(.transition-arrow){ padding:31px 0; }body.editing-page .transition-grid > div:first-child{ padding-right:60px; }body.editing-page .transition-grid > div:last-child{ padding-left:60px; }body.editing-page .transition-grid span{ color:#8e6e68; font:850 10px/1 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.12em; }body.editing-page .transition-grid > div:last-child span{ color:var(--edit-green); }body.editing-page .transition-grid p{ margin:8px 0 0; color:#6e6a63; line-height:1.6; font-size:14px; }body.editing-page .transition-arrow{ height:100%; display:grid; place-items:center; border-left:1px solid var(--edit-line); border-right:1px solid var(--edit-line); color:var(--edit-blue); font-size:26px; }body.editing-page .edit-scope{ padding:124px 0; background:#fff; }body.editing-page .scope-grid{ display:grid; grid-template-columns:.82fr 1.18fr; gap:110px; align-items:start; }body.editing-page .scope-title{ position:sticky; top:120px; }body.editing-page .scope-title h2, body.editing-page .result-copy h2, body.editing-page .process-intro h2, body.editing-page .fit-heading h2, body.editing-page .related-grid h2{ margin:14px 0 18px; font-size:clamp(42px,4.5vw,68px); line-height:1; letter-spacing:-.05em; }body.editing-page .scope-title p{ color:var(--edit-muted); font-size:17px; line-height:1.75; max-width:490px; }body.editing-page .edit-lines{ border-top:1px solid #dfe3e9; }body.editing-page .edit-lines article{ display:grid; grid-template-columns:68px 1fr; gap:22px; padding:28px 0; border-bottom:1px solid #dfe3e9; }body.editing-page .edit-lines article > span{ color:var(--edit-blue); font:850 11px/1 ui-monospace,monospace; padding-top:5px; }body.editing-page .edit-lines h3{ margin:0 0 7px; font-size:20px; letter-spacing:-.025em; }body.editing-page .edit-lines p{ margin:0; color:var(--edit-muted); line-height:1.7; }body.editing-page .edit-boundary{ position:relative; overflow:hidden; padding:108px 0; background:#171b25; color:#fff; }body.editing-page .edit-boundary::before{ content:"REVIEW"; position:absolute; left:-80px; bottom:-78px; color:rgba(255,255,255,.025); font-size:220px; font-weight:900; letter-spacing:-.08em; }body.editing-page .boundary-grid{ position:relative; z-index:1; display:grid; grid-template-columns:1fr .9fr; gap:100px; }body.editing-page .boundary-grid h2{ margin:15px 0 0; max-width:730px; font-size:clamp(44px,5vw,75px); line-height:.98; letter-spacing:-.055em; }body.editing-page .eyebrow.light{ color:#9fb3ff; }body.editing-page .boundary-text{ align-self:end; }body.editing-page .boundary-text > p{ margin:0 0 28px; color:#adb5c4; font-size:17px; line-height:1.78; }body.editing-page .boundary-points{ border-top:1px solid rgba(255,255,255,.13); }body.editing-page .boundary-points span{ display:block; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.13); color:#d6dae2; font-size:14px; }body.editing-page .boundary-points i{ color:#56c9a8; font-style:normal; margin-right:10px; }body.editing-page .edit-result{ padding:118px 0; background:var(--edit-paper); }body.editing-page .result-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }body.editing-page .result-list{ border-top:1px solid #d8d1c5; }body.editing-page .result-list > div{ display:grid; grid-template-columns:170px 1fr; gap:25px; padding:24px 0; border-bottom:1px solid #d8d1c5; }body.editing-page .result-list strong{ color:#252b37; font-size:16px; }body.editing-page .result-list p{ margin:0; color:#756f65; line-height:1.65; }body.editing-page .edit-process{ padding:122px 0 130px; background:#fff; }body.editing-page .process-intro{ max-width:800px; margin-bottom:70px; }body.editing-page .process-track{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #dce1e8; }body.editing-page .process-track article{ min-height:260px; padding:30px 30px 28px 0; border-right:1px solid #dce1e8; position:relative; }body.editing-page .process-track article:not(:first-child){ padding-left:30px; }body.editing-page .process-track article:last-child{ border-right:0; }body.editing-page .process-track span{ display:inline-grid; place-items:center; width:38px; height:38px; border:1px solid #cfd6e2; border-radius:50%; color:var(--edit-blue); font:850 10px/1 ui-monospace,monospace; margin-bottom:44px; }body.editing-page .process-track h3{ margin:0 0 8px; font-size:20px; }body.editing-page .process-track p{ margin:0; color:var(--edit-muted); font-size:14px; line-height:1.7; }body.editing-page .edit-fit{ padding:112px 0; background:#eef2f8; }body.editing-page .fit-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }body.editing-page .fit-list{ border-top:1px solid #cfd7e3; }body.editing-page .fit-list > div{ display:grid; grid-template-columns:55px 1fr; gap:20px; padding:25px 0; border-bottom:1px solid #cfd7e3; }body.editing-page .fit-list span{ color:var(--edit-blue); font:850 11px/1.7 ui-monospace,monospace; }body.editing-page .fit-list p{ margin:0; color:#667386; line-height:1.65; }body.editing-page .edit-faq{ background:#fff; }body.editing-page .edit-faq .faq-item{ border-radius:0; border-left:0; border-right:0; }body.editing-page .edit-faq .faq-item:first-child{ border-top:1px solid #dfe3e9; }body.editing-page .edit-faq .faq-q{ padding-left:0; padding-right:0; }body.editing-page .edit-faq .faq-a > div{ padding-left:0; padding-right:36px; }body.editing-page .edit-related{ padding:96px 0; background:#fff; border-top:1px solid #e3e7ed; }body.editing-page .related-grid{ display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:end; }body.editing-page .related-grid h2{ font-size:44px; margin-bottom:0; }body.editing-page .related-links{ border-top:1px solid #d9dee6; }body.editing-page .related-links a{ display:flex; justify-content:space-between; align-items:center; padding:20px 0; border-bottom:1px solid #d9dee6; color:#172034; text-decoration:none; font-weight:800; }body.editing-page .related-links a i{ font-style:normal; color:var(--edit-blue); font-size:20px; }body.editing-page .related-links a:hover span{ color:var(--edit-blue); }body.editing-page .edit-cta{ padding:84px 0; background:#315bea; color:#fff; }body.editing-page .cta-grid{ display:grid; grid-template-columns:1fr auto; gap:70px; align-items:center; }body.editing-page .cta-grid h2{ max-width:820px; margin:11px 0 10px; font-size:clamp(38px,4vw,58px); line-height:1.02; letter-spacing:-.045em; }body.editing-page .cta-grid p{ margin:0; max-width:730px; color:#dfe6ff; line-height:1.68; }body.editing-page .cta-paper{ background:#fbf8f2!important; border-color:#fbf8f2!important; color:#172034!important; white-space:nowrap; }

@media (max-width:1050px) {body.editing-page .edit-hero-grid{ grid-template-columns:1fr; min-height:auto; gap:10px; }body.editing-page .edit-hero-copy{ padding-bottom:20px; }body.editing-page .manuscript-visual{ max-width:760px; width:100%; margin:0 auto; }body.editing-page .scope-grid, body.editing-page .boundary-grid, body.editing-page .result-grid, body.editing-page .fit-grid, body.editing-page .related-grid{ grid-template-columns:1fr; gap:50px; }body.editing-page .scope-title{ position:static; }body.editing-page .process-track{ grid-template-columns:1fr 1fr; }body.editing-page .process-track article:nth-child(2){ border-right:0; }body.editing-page .process-track article:nth-child(-n+2){ border-bottom:1px solid #dce1e8; }body.editing-page .process-track article:nth-child(3){ padding-left:0; }
}

@media (max-width:700px) {.editing-page .breadcrumb{ padding-top:22px; }body.editing-page .edit-hero{ padding-bottom:64px; }body.editing-page .edit-hero-copy{ padding-top:50px; }body.editing-page .edit-hero h1{ font-size:clamp(50px,16vw,78px); }body.editing-page .edit-hero .lead{ font-size:17px; }body.editing-page .edit-hero .hero-actions{ flex-direction:column; align-items:flex-start; gap:13px; }body.editing-page .edit-proof{ display:grid; grid-template-columns:1fr; gap:9px; }body.editing-page .manuscript-visual{ min-height:510px; padding:35px 6px; }body.editing-page .paper-stack{ height:470px; width:86%; }body.editing-page .manuscript-sheet{ min-height:475px; padding:30px 28px 28px; width:88%; }body.editing-page .manuscript-sheet h2{ font-size:20px; margin-top:22px; }body.editing-page .manuscript-sheet .line{ font-size:12px; line-height:1.72; margin-bottom:15px; }body.editing-page .margin-note{ display:none; }body.editing-page .editor-cursor{ display:none; }body.editing-page .sheet-footer{ left:28px; right:28px; }body.editing-page .transition-grid{ grid-template-columns:1fr; }body.editing-page .transition-arrow{ height:58px; border:0; border-top:1px solid var(--edit-line); border-bottom:1px solid var(--edit-line); transform:rotate(90deg); }body.editing-page .transition-grid > div:first-child, body.editing-page .transition-grid > div:last-child{ padding:25px 0; }body.editing-page .edit-scope, body.editing-page .edit-result, body.editing-page .edit-process, body.editing-page .edit-fit{ padding:82px 0; }body.editing-page .scope-title h2, body.editing-page .result-copy h2, body.editing-page .process-intro h2, body.editing-page .fit-heading h2{ font-size:42px; }body.editing-page .edit-lines article{ grid-template-columns:45px 1fr; gap:12px; }body.editing-page .edit-boundary{ padding:82px 0; }body.editing-page .boundary-grid h2{font-size:44px}body.editing-page .result-list > div{ grid-template-columns:1fr; gap:7px; }body.editing-page .process-track{ grid-template-columns:1fr; }body.editing-page .process-track article, body.editing-page .process-track article:not(:first-child), body.editing-page .process-track article:nth-child(3){ padding:27px 0; border-right:0; border-bottom:1px solid #dce1e8; min-height:0; }body.editing-page .process-track span{ margin-bottom:20px; }body.editing-page .fit-list > div{ grid-template-columns:42px 1fr; gap:10px; }body.editing-page .related-grid h2{ font-size:38px; }body.editing-page .cta-grid{ grid-template-columns:1fr; gap:28px; }body.editing-page .cta-grid h2{font-size:42px}
}



/* Editing hero minimal */
body.editing-page .edit-hero{ padding:74px 0 88px; background:#fff; border-bottom:1px solid #e1e5ec; }
body.editing-page .edit-hero::after{ display:none; }
body.editing-page .edit-hero-grid{ display:block; min-height:0; }
body.editing-page .edit-hero-copy{ max-width:820px; padding:0; }
body.editing-page .edit-hero h1{ max-width:760px; margin:0 0 22px; font-size:clamp(3.1rem,5.6vw,5.65rem); line-height:.96; letter-spacing:-.058em; }
body.editing-page .edit-hero .lead{ max-width:640px; font-size:1.08rem; line-height:1.75; }
body.editing-page .edit-hero .hero-actions{ gap:12px; margin-top:30px; }
body.editing-page .edit-hero-note{ max-width:660px; margin:22px 0 0; color:#667388; font-size:.9rem; line-height:1.65; }
body.editing-page .edit-transition{ padding:52px 0; background:#f8f5ef; border-top:1px solid #e4ddd1; border-bottom:1px solid #e4ddd1; }
body.editing-page .transition-panel{ display:grid; grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr); gap:58px; align-items:center; }
body.editing-page .transition-intro span, body.editing-page .transition-state span{ display:block; margin-bottom:10px; color:var(--edit-blue); font:850 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; text-transform:uppercase; }
body.editing-page .transition-intro h2{ max-width:480px; margin:0; color:#111827; font-size:clamp(1.7rem,2.8vw,2.85rem); line-height:1.05; letter-spacing:-.045em; }
body.editing-page .transition-compare{ display:grid; grid-template-columns:1fr 42px 1fr; gap:26px; align-items:center; }
body.editing-page .transition-state{ min-width:0; padding-top:4px; }
body.editing-page .transition-state p{ max-width:360px; margin:0; color:#667386; font-size:.94rem; line-height:1.72; }
body.editing-page .transition-state.is-after span{ color:var(--edit-green); }
body.editing-page .transition-arrow{ width:42px; height:42px; display:grid; place-items:center; border:1px solid #d9d2c6; border-radius:50%; color:var(--edit-blue); background:#fff; font-size:1rem; line-height:1; }
@media (max-width:700px) {
body.editing-page .edit-hero{ padding:44px 0 64px; }
body.editing-page .edit-hero-copy{ padding:0; }
body.editing-page .edit-hero h1{ font-size:clamp(2.55rem,12.5vw,4.2rem); }
body.editing-page .edit-hero .hero-actions{ flex-direction:row; flex-wrap:wrap; gap:10px; }
body.editing-page .edit-transition{ padding:38px 0; }
body.editing-page .transition-panel{ grid-template-columns:1fr; gap:28px; }
body.editing-page .transition-compare{ grid-template-columns:1fr; gap:16px; }
body.editing-page .transition-arrow{ transform:rotate(90deg); width:36px; height:36px; }
body.editing-page .transition-state p{ max-width:none; }
}