/* dimas aulia trianggana (dimas.dat.vaditra) @2026 */
/* Identitas visual UNIVED: biru, emas, putih. */
:root{--navy:#063484;--ink:#142d50;--muted:#566c86;--line:#dbe4f0;--green:#0751b3;--mint:#ffc328;--paper:#f4f7fc;--gold:#ffb900}body{background:var(--paper)}header{border-bottom:3px solid var(--gold);background:#fff}.brand-logo{width:57px;height:60px;object-fit:contain}.brand{letter-spacing:.7px}.brand b{color:#0751b3;font-weight:700}.brand small{font-size:10px}.outline{border-color:#c8d6ee}.outline:hover{background:#edf3ff}header nav{background:#edf2fc}header nav a.active{background:#073b91;box-shadow:0 4px 12px #073b9120}aside{background:linear-gradient(180deg,#073788,#052866);color:white;border:0}aside h2{color:white}aside .eyebrow{color:#ffce52}#contents button{color:#d9e6ff;border-radius:7px;transition:background .2s,transform .2s}#contents button span{color:#9cbced}#contents button:hover{background:#ffffff12;transform:translateX(3px)}#contents button.active{background:#ffbe19;color:#092d6f}#contents button.active span{color:#153e77}.aside-bottom span,.aside-bottom button{color:#d9e6ff}.aside-bottom button:hover{color:#ffca38}.aside-bottom{border-top:1px solid #ffffff23;margin-top:18px}#contents{scrollbar-color:#5781be transparent;scrollbar-width:thin}h1 em{color:#0a54b6}.pill,.audience-chip{background:#fff0bf;color:#755000;border:1px solid #ffe09a}.card{box-shadow:0 7px 25px #073b9107;border-radius:14px;border-top:3px solid #d4e2fa;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #073b9112}.num{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;border-radius:8px;background:#edf3ff;color:#0751b3}.callout{background:#edf3ff;border-left-color:#f2b515}.source{color:#64758e}.progress{background:#dbe5f6}.progress div{background:linear-gradient(90deg,#0a4cad,#178ae5,#ffbf19)}.stat{border-top-color:#ffbd19}.stat strong{color:#073d96}.bar span{background:linear-gradient(90deg,#0a49ad,#368bdd)}.resource{color:#093f91;box-shadow:0 5px 20px #173b6406;transition:transform .2s}.resource:hover{transform:translateX(4px);border-color:#7fa7dd}.quiz button.selected{background:#eaf2ff;border-color:#0a54b6}#feedback{color:#0751b3}.check input{accent-color:#0751b3}.check:has(input:checked){color:#0751b3}.topline{color:#6d7d94}.cover-v2{display:grid;grid-template-columns:46% 54%;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:545px;box-shadow:0 20px 50px #0528660a}.cover-photo{position:relative;min-height:545px;background:#074fac;overflow:hidden}.cover-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:65% center;animation:photoReveal 1.2s ease both}.cover-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03225c77,transparent 45%,#03225ccc)}.photo-caption{position:absolute;top:28px;left:25px;right:20px;display:flex;gap:15px;align-items:center;z-index:1;color:#fff;font-size:12px;letter-spacing:1.4px;line-height:1.6}.photo-caption img{width:51px;height:55px;object-fit:contain}.photo-caption strong{font-size:16px;letter-spacing:.5px}.photo-year{position:absolute;bottom:28px;left:30px;color:white;z-index:1;font-size:16px;letter-spacing:4px}.photo-year b{display:block;font-size:72px;letter-spacing:-3px;line-height:1.1;color:#ffcb35}.cover-copy{padding:35px 34px;display:flex;flex-direction:column;justify-content:center}.cover-copy .eyebrow{font-size:11px;letter-spacing:1.2px}.audience-chip{display:inline-block;align-self:flex-start;margin-top:20px;font-size:12px;letter-spacing:1.3px;font-weight:700;border-radius:20px;padding:7px 13px}.cover-copy h1{font-size:clamp(38px,3.4vw,58px);margin:22px 0 17px;line-height:1.1}.cover-copy .lead{font-size:18px;line-height:1.7}.cover-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:10px}.cover-milestones b{display:block;color:#0b50ad;font-size:22px}.cover-milestones span{display:block;font-size:13px;line-height:1.5;margin-top:7px;color:var(--muted)}.cover-signature{font-size:10px;letter-spacing:1.4px;margin-top:26px;font-weight:700;color:#6a7b91}.cover-signature span{color:#0846a2;margin-left:8px}.flow-legend{display:flex;justify-content:space-between;align-items:center;margin:24px 0 28px;font-size:15px;font-weight:650}.process-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:stretch}.process-node{background:white;border:1px solid #cbdcf3;border-radius:14px;padding:22px 18px;position:relative;box-shadow:0 8px 18px #092d7008}.process-no{width:42px;height:42px;display:grid;place-items:center;background:#edf3ff;color:#0751b3;border-radius:50%;font-weight:700;margin-bottom:18px}.process-node h3{font-size:21px}.process-node p{font-size:16px;line-height:1.65;color:var(--muted)}.process-node.final-node{background:#083a8c;color:white;border-color:#083a8c}.final-node p{color:#d7e7ff}.final-node .process-no{background:#ffbf24;color:#133b71}.flow-arrow{align-self:center;text-align:center;font-size:27px;color:#0c56b2;animation:arrowPulse 2.4s ease-in-out infinite}.return-flow{display:flex;gap:20px;align-items:center;background:#fff8e3;border:1px solid #f6df9a;border-radius:12px;padding:18px 24px;margin:25px 0}.return-flow p{font-size:16px;margin:4px 0;color:#685b35}.return-symbol{font-size:45px;color:#b67900}.decision-root{background:#073b91;color:white;border-radius:14px;padding:20px;text-align:center;max-width:390px;margin:28px auto 0;position:relative}.decision-root .eyebrow{color:#ffcf48}.decision-root h3{margin:10px 0 0}.decision-root:after{content:'';position:absolute;top:100%;left:50%;height:25px;border-left:2px solid #90acd4}.decision-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:48px;position:relative}.decision-branches:before{content:'';position:absolute;top:24px;left:16.5%;right:16.5%;height:2px;background:#90acd4}.decision-card{position:relative;background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.decision-card:before{content:'↓';position:absolute;bottom:100%;left:50%;height:25px;color:#6085b9;line-height:25px}.decision-card p{font-size:17px;color:var(--muted)}.status-label{font-size:13px;display:inline-block;padding:6px 12px;border-radius:20px;margin-bottom:17px;background:#edf3ff;color:#073b91;font-weight:650}.rejected .status-label{background:#ffe9e6;color:#a5382b}.revision .status-label{background:#fff1c7;color:#825900}.accepted .status-label{background:#e7f3ee;color:#186848}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.journey-node{background:white;border:1px solid #d6e2f3;border-radius:14px;padding:24px;position:relative;display:flex;gap:15px}.journey-node>span{font-size:25px;color:#0751b3;font-weight:700;border-bottom:3px solid #ffbf24;height:42px}.journey-node h3{font-size:20px}.journey-node p{font-size:16px;color:var(--muted)}.journey-node>b{position:absolute;right:12px;bottom:8px;color:#8cadd8;font-size:24px}.journey-node:last-child{background:#073b91;color:white}.journey-node:last-child p{color:#d8e5ff}.journey-node:last-child>span{color:#ffce4c}.journey-node:last-child>b{display:none}.example-heading{display:flex;align-items:center;gap:15px;margin-bottom:17px}.example-label{font-size:14px;font-weight:650;color:#3a5578}.title-examples{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.title-example{display:flex;gap:17px;padding:24px;background:linear-gradient(140deg,#073582,#0953ae);border-radius:14px;color:white}.title-index{color:#ffc739;font-size:29px;font-weight:700}.title-example .eyebrow{color:#ffcc48;font-size:11px;letter-spacing:1.7px}.title-example h3{font-size:19px;line-height:1.55;margin:9px 0 0;font-weight:600}.example-grid .card p{font-size:16px}.example-grid h4{color:#074399}.example-grid .card{border-top-color:#ffc736}article.slide-enter{animation:slideIn .38s ease both}.slide-enter .card,.slide-enter .process-node,.slide-enter .journey-node{animation:cardIn .55s both}.slide-enter .card:nth-child(2),.slide-enter .process-node:nth-child(3),.slide-enter .journey-node:nth-child(2){animation-delay:.07s}.slide-enter .card:nth-child(3),.slide-enter .process-node:nth-child(5),.slide-enter .journey-node:nth-child(3){animation-delay:.14s}.slide-enter .process-node:nth-child(7){animation-delay:.21s}button{transition:background .2s,box-shadow .2s}button:hover:not(:disabled){box-shadow:0 4px 14px #123c8720}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes arrowPulse{0%,100%{opacity:.5;transform:translateX(-2px)}50%{opacity:1;transform:translateX(2px)}}@keyframes photoReveal{from{opacity:.7;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){.cover-v2{grid-template-columns:40% 60%}.cover-copy{padding:28px}.cover-copy h1{font-size:43px}.process-flow{grid-template-columns:1fr 22px 1fr}.process-flow>.flow-arrow:nth-child(4){display:none}.process-node{margin-bottom:16px}.journey-grid{grid-template-columns:1fr 1fr}.title-examples{grid-template-columns:1fr}.photo-caption{left:18px;gap:10px}.photo-caption strong{font-size:13px}.photo-caption img{width:42px}}@media(max-width:700px){.brand-logo{width:43px;height:46px}.brand small{font-size:8px}header{gap:10px}.cover-v2{display:flex;flex-direction:column;border-radius:14px}.cover-photo{min-height:230px}.cover-photo>img{object-position:50% 48%}.photo-year{font-size:11px;bottom:17px;left:23px}.photo-year b{font-size:43px}.photo-caption{top:17px}.photo-caption strong{font-size:14px}.cover-copy{padding:25px}.cover-copy h1{font-size:44px}.cover-copy .eyebrow{font-size:10px}.cover-copy .lead{font-size:17px}.process-flow{display:flex;flex-direction:column}.process-flow>.flow-arrow:nth-child(4){display:block}.process-node{margin:0}.flow-arrow{transform:rotate(90deg);animation:none;height:37px;line-height:37px}.decision-branches{grid-template-columns:1fr;padding-top:26px;gap:22px}.decision-branches:before,.decision-card:before,.decision-root:after{display:none}.journey-grid{grid-template-columns:1fr}.journey-node>b{transform:rotate(90deg)}.flow-legend{gap:12px;font-size:13px}.example-heading{align-items:flex-start;flex-direction:column;gap:8px}.title-example{padding:20px}.title-example h3{font-size:18px}.return-flow{padding:18px;gap:14px}aside .aside-bottom{margin-top:8px}#contents button:hover{transform:none}.cover-milestones{gap:8px}.card:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.cover-v2{min-height:440px}.cover-photo{min-height:440px}.cover-copy h1{font-size:37px}.title-example{break-inside:avoid}.process-flow{grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr}.process-node{padding:15px}.process-node p{font-size:13px}.journey-grid{grid-template-columns:repeat(3,1fr)}.card:hover{transform:none}.print-slide{break-inside:avoid}*{animation:none!important;box-shadow:none!important}}

.author-watermark{padding:10px 0 0;color:#496181;font-size:12px;text-align:right;letter-spacing:.2px;line-height:1.5}@media(max-width:700px){.author-watermark{text-align:center;font-size:11px}}@media print{.author-watermark{display:block!important}}
/* Full-height sidebar background. dimas aulia trianggana (dimas.dat.vaditra) @2026 */
@media screen and (min-width:701px){
 .workspace{background-image:linear-gradient(180deg,#073788,#052866);background-size:244px 100%;background-repeat:no-repeat;background-position:left top}
 .workspace>aside{background:transparent}
}
@media screen and (min-width:701px) and (max-width:1000px){.workspace{background-size:190px 100%}}