/* In person · Durrës (Six, 24 Oct 2026): Five days, the Certificate and My story read as one chapter, numbered 1/3 to 3/3.
   Five days turns cream (no two ink chapters in a row); the classroom stays a dark room on it. The certificate shows
   that it opens Level I, Bronze, the first medal of the app; My story ends on the road from one desk to our own app. */
.ipk{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}
.ipk b{font:600 11px var(--m);letter-spacing:.16em;padding:4px 10px;border-radius:999px;border:1px solid currentColor;opacity:.85}

/* 1 / 3 · Five days, cream */
#academy.cat.peach.ipc-days{background:radial-gradient(55% 45% at 85% 5%,#fffaf1,transparent 70%),linear-gradient(170deg,#f6f1e8,#ece3d5)!important;color:#17191c!important}
#academy.cat.peach.ipc-days .k{color:#8a5f2e!important}#academy.cat.peach.ipc-days .k .cd{background:#b8894f!important}
#academy.cat.peach.ipc-days h2 em{color:#a8774f!important}
#academy.cat.peach.ipc-days .aclead{color:#4a4f57!important}
#academy.cat.peach.ipc-days .switch.gcards button{background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.6))!important;border:1px solid #fff!important;color:#17191c!important;box-shadow:0 14px 30px -22px rgba(60,40,22,.6)!important}
#academy.cat.peach.ipc-days .switch.gcards .gtop span{color:#8a5f2e!important}
#academy.cat.peach.ipc-days .switch.gcards button[aria-selected="true"]{background:#17191c!important;color:#f4ead9!important;border-color:#17191c!important}
#academy.cat.peach.ipc-days .switch.gcards button[aria-selected="true"] .gtop span{color:#e3c08a!important}
#academy.cat.peach.ipc-days .countbox.seatbox{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.62))!important;border:1px solid #fff!important;box-shadow:0 24px 48px -30px rgba(60,40,22,.6)!important}
#academy.cat.peach.ipc-days .seatbig>b{color:#8a5f2e!important}
#academy.cat.peach.ipc-days .seatbig strong{color:#17191c!important}#academy.cat.peach.ipc-days .seatbig span,#academy.cat.peach.ipc-days .sfacts{color:#4a4f57!important}
#academy.cat.peach.ipc-days .sdots i{box-shadow:inset 0 0 0 2px #b8894f}#academy.cat.peach.ipc-days .sdots i.t{background:#17191c;box-shadow:none}
#academy.cat.peach.ipc-days .sacts .pill.ink{background:#17191c!important;color:#f4ead9!important}
#academy.cat.peach.ipc-days .legend,#academy.cat.peach.ipc-days .legend span{color:#4a4f57!important}
#academy.cat.peach.ipc-days .room{box-shadow:0 40px 70px -40px rgba(40,24,10,.8)!important}

/* the five days, then the first medal */
.ipdays{list-style:none;margin:clamp(18px,3vh,30px) 0 clamp(16px,2.6vh,26px);padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;counter-reset:d}
.ipdays li{position:relative;display:grid;align-content:start;gap:4px;padding:16px 16px 18px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.58));border:1px solid #fff;box-shadow:0 16px 32px -24px rgba(60,40,22,.55)}
.ipdays li:not(.ipmedal)::after{content:"";position:absolute;right:-9px;top:50%;width:6px;height:6px;border-radius:50%;background:#c69670;transform:translateY(-50%)}
.ipdays small{font:600 10.5px var(--m);letter-spacing:.18em;text-transform:uppercase;color:#8a5f2e}
.ipdays b{font-size:16px;letter-spacing:-.01em;color:#17191c}
.ipdays span{font-size:13px;line-height:1.4;color:#4a4f57}
.ipdays .ipmedal{background:linear-gradient(160deg,#24272c,#121417);border-color:rgba(227,192,138,.45);grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.ipdays .ipmedal img{grid-row:span 3;width:48px;height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}
.ipdays .ipmedal small{color:#e3c08a}.ipdays .ipmedal b{color:#f4ead9}.ipdays .ipmedal span{color:#b9b1a4}

/* 2 / 3 · the certificate opens Level I */
.ipcert{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:22px;background:linear-gradient(160deg,#24272c,#121417);border:1px solid rgba(227,192,138,.45);box-shadow:0 24px 48px -28px rgba(40,24,10,.75);max-width:520px}
.ipcert img{width:64px;height:auto;flex:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.ipcert div{display:grid;gap:3px}
.ipcert small{font:600 10.5px var(--m);letter-spacing:.18em;text-transform:uppercase;color:#e3c08a}
.ipcert b{font-size:19px;color:#f4ead9;letter-spacing:-.01em}
.ipcert span{font-size:14px;line-height:1.45;color:#b9b1a4}

/* 3 / 3 · one desk, a thousand traders, our own app */
#story.ipc-story .ipk{color:#e3c08a!important}
.iproad{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:6px}
.iproad span{display:grid;gap:2px;padding:12px 16px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(227,192,138,.3);font-size:13px;color:#b9b1a4}
.iproad b{font:800 22px/1 var(--f);font-stretch:115%;color:#e3c08a}
.iproad i{align-self:center;font-style:normal;font-variant-emoji:text;color:#e3c08a}

@media (max-width:900px){
 .ipdays{grid-template-columns:1fr 1fr;gap:10px}
 .ipdays li:not(.ipmedal)::after{display:none}
 .ipdays .ipmedal{grid-column:1/-1}
 .ipcert{padding:14px 16px}.ipcert img{width:52px}
 .iproad{gap:8px}.iproad span{padding:10px 12px}.iproad b{font-size:18px}
}
/* the seats card and the classroom stand straight and level (Six, 24 Oct 2026): no tilt on hover, same top, same bottom */
#academy.cat.peach.ipc-days .roomwrap:hover .room,#academy.cat.peach.ipc-days .room{transform:none!important}
@media (min-width:901px){
 #academy.cat.peach.ipc-days .acgrid{align-items:stretch!important}
 #academy.cat.peach.ipc-days .countbox.seatbox{align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--legendH,44px)}
}
/* the first medal is pinned on the certificate itself, like a seal at its lower corner (Six, 24 Oct 2026) */
#certificate .tilt{position:relative}
.ipseal{position:absolute;z-index:3;right:-22px;bottom:-26px;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:linear-gradient(160deg,#24272c,#121417);border:1px solid rgba(227,192,138,.5);box-shadow:0 20px 40px -18px rgba(40,24,10,.8)}
.ipseal img{width:58px;height:auto;margin:-18px 0 -18px -6px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.ipseal span{display:grid;font:800 15px/1.15 var(--f);color:#f4ead9;white-space:nowrap}
.ipseal small{font:600 9.5px var(--m);letter-spacing:.18em;text-transform:uppercase;color:#e3c08a}
@media (max-width:900px){.ipseal{right:-6px;bottom:-20px;padding:6px 14px 6px 6px}.ipseal img{width:46px}.ipseal span{font-size:13px}}
@media (max-width:900px){#certificate .tilt{margin-bottom:30px}}
/* less empty space above and below the chapters (Six, 24 Oct 2026) */
#mentor,#certificate,#story,#quiz,#contact{padding-top:clamp(72px,10vh,112px)!important;padding-bottom:clamp(56px,8vh,96px)!important}
#faq{min-height:0!important;padding-top:clamp(72px,10vh,112px)!important;padding-bottom:clamp(56px,8vh,96px)!important}
@media (max-width:900px){#mentor,#certificate,#story,#quiz,#contact,#faq{padding-top:72px!important;padding-bottom:48px!important}}
/* One desk, renewed (Six, 24 Oct 2026): the story as a road of four moments, 2015 to our own app, one gold line through them */
#story.desk2 .d2{display:grid;gap:clamp(22px,4vh,40px)}
.d2-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end}
#story.desk2 .s4h{margin:12px 0 0}
.d2-say p{margin:0;font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:#b9b1a4}
.d2-count{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:16px}
.d2-count b{font:800 clamp(40px,4.4vw,64px)/1 var(--f);font-stretch:120%;letter-spacing:-.03em;background:linear-gradient(100deg,#b8894f,#e3c08a 35%,#fff1d2 50%,#e3c08a 65%,#9c6f37);-webkit-background-clip:text;background-clip:text;color:transparent}
.d2-count span{font:600 13px var(--m);letter-spacing:.18em;text-transform:uppercase;color:#e3c08a}
.d2-count small{flex-basis:100%;font-size:14px;color:#9d968a}
.d2-road{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.d2-road::before{content:"";position:absolute;left:4%;right:4%;top:calc(var(--fh,190px) + 20px);height:2px;background:linear-gradient(90deg,rgba(227,192,138,.15),#e3c08a 30%,#fff1d2 70%,#e3c08a)}
.d2-road li{position:relative;display:grid;align-content:start;gap:4px;--fh:clamp(150px,22vh,220px)}
.d2-road figure{margin:0 0 30px;height:var(--fh);border-radius:22px;overflow:hidden;border:1px solid rgba(227,192,138,.3);box-shadow:0 30px 50px -30px rgba(0,0,0,.85)}
.d2-road figure img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.d2-road li::after{content:"";position:absolute;left:18px;top:calc(var(--fh) + 14px);width:14px;height:14px;border-radius:50%;background:#121417;box-shadow:0 0 0 2px #e3c08a,0 0 14px rgba(227,192,138,.6)}
.d2-road small{font:600 11px var(--m);letter-spacing:.2em;color:#e3c08a}
.d2-road b{font-size:clamp(17px,1.4vw,21px);color:#f4ead9;letter-spacing:-.01em}
.d2-road span{font-size:14px;line-height:1.45;color:#9d968a}
.d2-app figure{display:grid;place-items:center;background:radial-gradient(60% 70% at 50% 40%,rgba(227,192,138,.3),transparent 70%),linear-gradient(160deg,#24272c,#121417)}
.d2-ph{display:block;height:88%;aspect-ratio:390/844;padding:4px;border-radius:18px;background:#0b0b0c;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 20px 30px -14px rgba(0,0,0,.8)}
.d2-ph img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:14px;display:block}
.d2-app li::after,.d2-road li.d2-app::after{background:#e3c08a}
.d2-end{display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap;padding-top:clamp(14px,2.4vh,22px);border-top:1px solid rgba(227,192,138,.18)}
#story.desk2 .d2-end .end{margin:0;flex:1 1 360px;font:600 clamp(18px,1.6vw,24px)/1.3 var(--f);color:#f4ead9}
#story.desk2 .d2-end .end em{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;color:#e3c08a}
#story.desk2 .d2-end .nos{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){
 .d2-head{grid-template-columns:1fr;gap:14px}
 .d2-road{grid-template-columns:1fr 1fr;gap:16px 12px}
 .d2-road::before{display:none}
 .d2-road li{--fh:150px}.d2-road figure{margin-bottom:10px}.d2-road li::after{display:none}
}
#story.desk2 .d2-end .nos span{font:600 11px var(--m);letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;border-radius:999px;border:1px solid rgba(227,192,138,.3);color:#9d968a;text-decoration:line-through;text-decoration-color:#e3c08a}
/* the 2026 box of the story: the whole phone stands in the box, upright, on a soft gold light (Six, 24 Oct 2026) */
#story.desk2 .d2-app figure{display:flex;align-items:flex-end;justify-content:center;padding-top:14px;overflow:hidden}
#story.desk2 .d2-app .d2-ph{width:auto;height:118%;margin-bottom:-26%;aspect-ratio:390/844;flex:none;padding:5px;border-radius:22px;transform:none}
#story.desk2 .d2-app .d2-ph img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:17px}
/* the end of the five days (Six, 24 Oct 2026): no box; the row ends on the Bronze medal itself, standing free on a soft
   gold light, its name under it, like the medal handed over after day 5 */
.ipdays .ipmedal{display:grid!important;grid-template-columns:1fr!important;justify-items:center;align-content:center;text-align:center;gap:2px!important;padding:6px 4px!important;
 background:radial-gradient(50% 55% at 50% 38%,rgba(227,185,122,.38),transparent 70%)!important;border:0!important;box-shadow:none!important}
.ipdays .ipmedal img{grid-row:auto!important;width:66px!important;margin-bottom:6px;filter:drop-shadow(0 0 16px rgba(227,185,122,.55)) drop-shadow(0 12px 14px rgba(60,40,22,.45))!important;animation:ipMedal 3.6s ease-in-out infinite}
@keyframes ipMedal{50%{transform:translateY(-4px) rotate(-2deg)}}
.ipdays .ipmedal small{color:#8a5f2e!important}
.ipdays .ipmedal b{color:#17191c!important;font-size:15px!important;white-space:nowrap}
.ipdays .ipmedal span{color:#8a5f2e!important;font:600 11px var(--m)!important;letter-spacing:.14em;text-transform:uppercase}
@media (max-width:900px){.ipdays .ipmedal{grid-column:1/-1;padding:10px 4px!important}}
@media (prefers-reduced-motion:reduce){.ipdays .ipmedal img{animation:none}}
@media (max-width:900px){.ipdays .ipmedal{grid-column:auto!important}}
/* One desk: the 2026 box is the app itself, filling its frame like the photos; the gold line runs under the frames, clear of the years */
.d2-road{--fh:clamp(150px,22vh,220px)}
#story.desk2 .d2-app figure{display:block;padding:0;background:#0b0b0c}
#story.desk2 .d2-app .d2-ph{display:block;width:100%;height:100%;margin:0;padding:0;border-radius:0;aspect-ratio:auto;box-shadow:none;background:none}
#story.desk2 .d2-app .d2-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;border-radius:0}
/* Nova in the site's ink and gold (Six, 24 Oct 2026); on the phone a sheet that leaves the top of the page in view */
#university-guide.guide-panel{border-radius:28px!important;background:radial-gradient(70% 40% at 85% 0%,rgba(227,185,122,.22),transparent 70%),linear-gradient(170deg,#1f2226,#0d0e10)!important;color:#f4ead9!important;border:1px solid rgba(227,192,138,.35)!important;box-shadow:0 40px 90px -30px rgba(0,0,0,.85)!important;overflow:hidden}
#university-guide header{background:none!important;border-bottom:1px solid rgba(227,192,138,.18)!important;color:#f4ead9!important}
#university-guide header img{background:#f4ead9!important;border-radius:14px!important;padding:8px!important}
#university-guide header strong{font-family:"Cormorant Garamond",Georgia,serif!important;font-style:italic!important;font-weight:600!important;font-size:26px!important;letter-spacing:0!important;color:#e3c08a!important;text-transform:none!important}
#university-guide .guide-kind{color:#b9b1a4!important;letter-spacing:.14em}
#university-guide .guide-close{background:rgba(255,255,255,.08)!important;color:#f4ead9!important;border:1px solid rgba(227,192,138,.3)!important}
#university-guide .guide-log{background:none!important}
#university-guide .guide-bubble{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;color:#f4ead9!important;border:1px solid rgba(227,192,138,.22)!important;box-shadow:none!important;border-radius:20px 20px 20px 6px!important}
#university-guide .guide-bubble.visitor{background:linear-gradient(145deg,#f3d9b9,#c69670)!important;color:#1a140c!important;border-color:transparent!important;border-radius:20px 20px 6px 20px!important}
#university-guide .guide-options button{background:rgba(255,255,255,.04)!important;color:#f4ead9!important;border:1px solid rgba(227,192,138,.38)!important;box-shadow:none!important}
#university-guide .guide-options button:hover{background:rgba(227,192,138,.16)!important}
#university-guide footer{background:none!important;border-top:1px solid rgba(227,192,138,.14)!important}
#university-guide form{background:rgba(255,255,255,.06)!important;border:1px solid rgba(227,192,138,.3)!important;box-shadow:none!important}
#university-guide input{background:transparent!important;color:#f4ead9!important;font-size:16px!important}
#university-guide input::placeholder{color:#8f887d!important}
#university-guide form button{background:linear-gradient(145deg,#fff1d6,#e3b97a)!important;color:#2a1e10!important}
#university-guide .guide-staff{background:transparent!important;color:#e3c08a!important;border:1px solid rgba(227,192,138,.4)!important}
#university-guide .guide-privacy{color:#7d776d!important}
@media (max-width:760px){
 #university-guide.guide-panel{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;height:min(78svh,640px)!important;max-height:calc(100svh - 90px)!important;border-radius:26px!important}
}
/* Nova's logo in glass, no cream tile: the mark alone in cream, on the glass of the panel */
#university-guide header img{background:none!important;border:0!important;box-shadow:none!important;padding:4px!important;filter:brightness(0) invert(.93) sepia(.3) drop-shadow(0 4px 10px rgba(0,0,0,.5))!important}
