/* A restrained finish for the portfolio and its editor. Content and themes stay editable. */
.profile-page,
.editor-page {
  color-scheme: dark;
  -webkit-font-smoothing: antialiased;
}

.profile-page .app-shell,
.editor-page .editor-shell {
  background: rgba(19, 15, 14, .59);
  border-color: rgba(255, 255, 255, .19);
  box-shadow: 0 32px 90px rgba(0, 0, 0, .44), inset 0 1px rgba(255, 255, 255, .14);
}

.profile-page .glass-card,
.editor-page .glass-card {
  background-color: rgba(34, 26, 22, .70);
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .19), inset 0 1px rgba(255, 255, 255, .065);
}

.profile-page .glass-card:hover,
.editor-page .glass-card:hover {
  background-color: rgba(49, 37, 30, .82);
  border-color: rgba(255, 255, 255, .22);
}

.profile-page h1,
.profile-page h2,
.profile-page h3,
.editor-page h1,
.editor-page h2 {
  text-wrap: balance;
}

.profile-page p,
.profile-page li {
  text-wrap: pretty;
}

.profile-page .app-shell > div:first-child {
  background: rgba(22, 17, 16, .76);
}

.profile-page .app-shell > div:nth-child(2) {
  background: rgba(17, 15, 14, .37);
}

.profile-page button,
.profile-page a,
.editor-page button,
.editor-page a {
  -webkit-tap-highlight-color: transparent;
}

.profile-page :is(a, button):focus-visible,
.editor-page :is(a, button, input, textarea, select):focus-visible {
  outline: 2px solid #e8b995;
  outline-offset: 3px;
}

.profile-page .fixed.bottom-4 > .glass-panel,
.profile-page .fixed.bottom-4 > div,
.profile-page .fixed.bottom-4 .glass-panel {
  border-color: rgba(255, 255, 255, .2);
  background: rgba(28, 27, 29, .88);
  box-shadow: 0 16px 44px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .12);
}

@media (max-width: 767px) {
  .profile-page {
    background-attachment: scroll;
    padding: .75rem .75rem 0;
  }

  .profile-page .app-shell {
    min-height: calc(100dvh - .75rem);
    border-radius: 20px 20px 0 0;
  }

  .profile-page .fixed.bottom-4 {
    width: min(calc(100% - 1.5rem), 34rem);
    bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
  }

  .profile-page .fixed.bottom-4 .glass-panel {
    width: 100%;
    justify-content: space-around;
  }

  .profile-page .fixed.bottom-4 button {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: .35rem;
    min-height: 46px;
  }

  .profile-page .fixed.bottom-4 button span {
    white-space: nowrap;
    font-size: clamp(.58rem, 2.4vw, .7rem);
  }

  .editor-page .editor-shell {
    border-radius: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-page .glass-card,
  .editor-page .glass-card,
  .profile-page .glass-pill,
  .editor-page .glass-pill {
    transition-duration: .01ms;
  }
}

/* Editorial CV: clear hierarchy, comfortable reading, and the same warm background on every view. */
.profile-page {
  font-family: Outfit, system-ui, sans-serif;
  background-position: 67% center;
}

.profile-page .app-shell {
  border-radius: 28px;
  overflow: hidden;
}

.profile-page .app-shell > div:first-child {
  background: rgba(22, 17, 16, .76);
}

.profile-page .app-shell > div:nth-child(2) {
  background: rgba(17, 15, 14, .37);
}

.profile-page h1 { letter-spacing: -.035em; }
.profile-page h2 { letter-spacing: -.025em; }
.profile-page h3 { line-height: 1.4; }

.profile-page .glass-card {
  border-radius: 18px;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.profile-page .glass-card:hover {
  transform: translateY(-2px);
}

.profile-page .glass-pill {
  border-color: rgba(231, 190, 145, .18);
}

.profile-page .career-experience-scroll,
.profile-page .card-content-scroll {
  max-height: none;
  overflow: visible;
}

.profile-page .career-experience-scroll > div,
.profile-page .card-content-scroll > div {
  break-inside: avoid;
}

.profile-page .app-shell > div:nth-child(2) h2.text-3xl {
  font-size: clamp(2rem, 3.3vw, 3.25rem);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.12;
  max-width: 18ch;
}

@media (max-width: 767px) {
  .profile-page { background-position: 75% center; }
  .profile-page .app-shell { border-radius: 20px 20px 0 0; }
  .profile-page .glass-card:hover { transform: none; }
  .profile-page .app-shell > div:nth-child(2) { padding-bottom: 8.5rem; }
  .profile-page .prose.line-clamp-\[7\] { display: block; -webkit-line-clamp: unset; overflow: visible; }
  .profile-page .prose.text-xs,
  .profile-page .app-shell p.text-xs,
  .profile-page .app-shell li.text-xs { font-size: .875rem; line-height: 1.65; }
  .profile-page .app-shell h3.text-sm { font-size: 1rem; }
  .profile-page .app-shell .text-\[10px\] { font-size: .75rem; line-height: 1.45; }
  .profile-page .fixed.bottom-4 button span { font-size: .75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .profile-page .glass-card { transform: none !important; }
}

.site-intro {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  min-height: 100svh;
  overflow: hidden;
  background: #1a1411 url('/assets/colosseum-amber.webp') center center / cover no-repeat;
  color: #f6eadc;
  isolation: isolate;
  opacity: 1;
  transition: opacity .52s ease, visibility .52s ease;
}

.site-intro::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(14, 10, 9, .48);
}

.site-intro.is-leaving { opacity: 0; visibility: hidden; pointer-events: none; }
.site-intro-content { display: flex; flex-direction: column; align-items: center; gap: 2rem; padding: 2rem; text-align: center; }
.site-intro-compass { display: block; width: clamp(5.5rem, 12vw, 8rem); height: auto; filter: drop-shadow(0 0 24px rgba(226, 166, 91, .34)); animation: intro-compass-turn 16s linear infinite; }
.site-intro-line { margin: 0; font-size: clamp(1.2rem, 3vw, 2rem); font-weight: 300; line-height: 1.35; letter-spacing: .025em; text-wrap: balance; }
.site-intro-rule { display: block; width: 3rem; height: 1px; background: #d8a66d; opacity: .8; }
.site-intro-skip { position: absolute; right: max(1.5rem, env(safe-area-inset-right)); bottom: max(1.5rem, env(safe-area-inset-bottom)); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(24,18,15,.48); padding: .6rem 1.1rem; color: #f6eadc; font: inherit; font-size: .875rem; cursor: pointer; }
.site-intro-skip:hover, .site-intro-skip:focus-visible { border-color: #e7b67e; background: rgba(50,35,25,.8); }
.site-intro-credit { position: absolute; left: max(1rem, env(safe-area-inset-left)); bottom: max(1.5rem, env(safe-area-inset-bottom)); color: rgba(246,234,220,.62); font-size: .7rem; text-decoration: none; }
.site-intro-credit:hover { color: #fff; text-decoration: underline; }
@keyframes intro-compass-turn { to { transform: rotate(360deg); } }

@media (max-width: 480px) {
  .site-intro { background-position: 48% center; }
  .site-intro-credit { bottom: max(4.5rem, calc(3rem + env(safe-area-inset-bottom))); }
}

@media (prefers-reduced-motion: reduce) {
  .site-intro, .site-intro-compass { transition: none; animation: none; }
}

.learning-link{position:fixed;bottom:16px;left:16px;z-index:100;background:#34291fdc;border:1px solid #d2a76f88;color:#f1d3a6;border-radius:100px;padding:9px 16px;font:500 13px system-ui;text-decoration:none;box-shadow:0 5px 25px #0005}.learning-link:hover{background:#644025}@media(max-width:600px){.learning-link{bottom:10px;left:10px;font-size:12px;padding:7px 11px}}

.learning-link{display:inline-flex;align-items:center;gap:11px;bottom:24px;left:24px;padding:13px 18px;border-radius:18px;border:1px solid #f2c89575;background:linear-gradient(135deg,#69503baa,#281f1bcc)!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:inset 0 1px #ffffff65,0 12px 35px #0006;color:#fff0de!important;font:600 15px system-ui;transition:transform .2s,background .2s}.learning-link:hover{transform:translateY(-3px);background:#825939dd!important}.learning-link-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f2bd7a2c;border:1px solid #eecb9b66;color:#ffcf95}.learning-link span:last-child{color:#e8b47c;margin-left:5px}@media(max-width:600px){.learning-link{bottom:16px;left:16px;padding:10px 13px;font-size:14px}}

body.courses-in-nav .learning-link{display:none!important}.profile-page .courses-nav-link{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-direction:column;padding:.5rem 1rem;border-radius:999px;color:#ecc391;transition:background .2s,color .2s;white-space:nowrap}.profile-page .courses-nav-link:hover{background:#ffffff20;color:#fff}.profile-page .courses-nav-link svg{width:1rem;height:1rem}.profile-page .courses-nav-link span{font-size:.75rem;font-weight:600}@media(min-width:640px){.profile-page .courses-nav-link{flex-direction:row;padding:.625rem 1.25rem}.profile-page .courses-nav-link span{font-size:.875rem}}@media(max-width:767px){.profile-page .fixed.bottom-4 .courses-nav-link{flex:1 1 0;min-width:0;padding:.35rem;min-height:46px}.profile-page .courses-nav-link span{font-size:clamp(.58rem,2.4vw,.7rem)}}

.editor-page .analytics-editor-link{display:block;border:1px solid #e6bb8160;border-radius:12px;padding:.65rem 1rem;color:#edc18b;background:#ffffff13;font-size:.875rem;white-space:nowrap}.editor-page .analytics-editor-link:hover{background:#ffffff22}


.colosseum-brand{display:inline-flex;align-self:flex-start;width:64px;height:64px;flex-shrink:0}.colosseum-brand img{display:block;width:100%;height:100%;object-fit:contain}

.admin-home{width:min(100% - 40px,960px);margin:0 auto;padding:48px 0 110px;color:#fff;min-height:100dvh}.admin-back{color:#e0bd82;font-size:16px}.admin-home-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 28px}.admin-eyebrow{font-size:13px;letter-spacing:.15em;color:#dcb577;margin-bottom:10px}.admin-home h1{font-size:clamp(28px,5vw,40px);line-height:1.2}.admin-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-home-card{display:flex;flex-direction:column;gap:16px;padding:30px;border:1px solid #e3be8038;border-radius:22px;background:#211c19cc;backdrop-filter:blur(20px);color:white;text-decoration:none}.admin-home-card:hover{background:#33271fdc;border-color:#e3be8080}.admin-home-card:focus-visible,.admin-signout:focus-visible{outline:3px solid #efc77e;outline-offset:4px}.admin-home-card h2{font-size:24px}.admin-home-card p{font-size:16px;line-height:1.6;color:#d4cec8}.admin-home-card span{color:#eac281;margin-top:auto;font-size:16px}.admin-signout{padding:12px 18px;border:1px solid #ffffff40;border-radius:20px;background:#201c19;color:white;font-size:16px}.admin-editor-back{display:inline-block;margin:20px;color:#edc88c}@media(max-width:600px){.admin-home-grid{grid-template-columns:1fr}.admin-home-header{align-items:flex-start}.admin-home-card{padding:24px}}

.learning-links{position:fixed;bottom:20px;right:20px;display:flex;gap:8px;z-index:40;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 32px)}.learning-links .learning-link{position:static!important;margin:0!important}.editor-page-active .learning-links{display:none}@media(max-width:600px){.learning-links{right:12px;bottom:12px;gap:6px}.learning-links .learning-link{padding:8px 12px;font-size:12px}}

.learning-links{position:relative;inset:auto;max-width:100%;justify-content:center;padding:25px 16px;margin:0 auto 90px}body.courses-in-nav .learning-links .learning-link:not([href="/courses"]){display:inline-flex!important}
.profile-page .mobile-profile-more{border:1px solid #eabd7a55;border-radius:16px;background:#30241e99;padding:0 16px}.profile-page .mobile-profile-more>summary{cursor:pointer;color:#ffdaa8;font:600 1rem/1.5 system-ui;padding:14px 0;min-height:48px;list-style:disclosure-closed}.profile-page .mobile-profile-more[open]>summary{list-style:disclosure-open}.profile-page .mobile-profile-more .less-label{display:none}.profile-page .mobile-profile-more[open] .less-label{display:inline}.profile-page .mobile-profile-more[open] .more-label{display:none}.profile-page .mobile-profile-more[open]>.grid{padding-bottom:16px}
.profile-page .mobile-profile-more p,.profile-page .mobile-profile-more .glass-pill,.profile-page .mobile-profile-more .text-\[10px\]{font-size:.875rem;line-height:1.6}
.mobile-admin-shield{display:none}
@media(max-width:767px){
 .profile-page .profile-admin-control{top:max(16px,env(safe-area-inset-top));bottom:auto;right:calc(max(16px,env(safe-area-inset-right)) + 54px);z-index:9000;gap:0}.profile-page .profile-admin-control>a{width:44px;height:44px;border-radius:15px;border:1px solid #e9b57977;background:#35291fe8;color:#f5c58b;box-shadow:0 9px 28px #0007;backdrop-filter:blur(18px)}.profile-admin-control .desktop-admin-pencil{display:none}.profile-admin-control .mobile-admin-shield{display:block;width:22px;height:22px}
 .profile-page .mobile-profile-more{padding:0 18px;border:1px solid #eabd7a38;background:linear-gradient(135deg,#4c3528a6,#281e19d9);border-radius:20px;box-shadow:inset 0 1px #ffdeb81f,0 8px 24px #0002;backdrop-filter:blur(18px)}.profile-page .mobile-profile-more>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;padding:16px 0;color:#ffdfb5;font:600 .95rem/1.5 system-ui;letter-spacing:.01em}.profile-page .mobile-profile-more>summary::-webkit-details-marker{display:none}.profile-page .mobile-profile-more>summary::after{content:'+';display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eabd7a18;border:1px solid #eabd7a45;color:#ffdaa8;font:400 22px/1 system-ui;flex:none}.profile-page .mobile-profile-more[open]>summary{list-style:none}.profile-page .mobile-profile-more[open]>summary::after{content:'−'}.profile-page .mobile-profile-more[open]>.grid{padding-top:4px;padding-bottom:18px}
}
@media(max-width:767px){
 .profile-page .profile-identity-stack{position:relative}.profile-page .profile-identity-stack>.colosseum-brand{position:absolute;top:76px;left:78px;width:44px;height:44px;margin:0;padding:5px;border:1px solid #eabd7a88;border-radius:14px;background:#33231ace;box-shadow:0 6px 20px #0006,inset 0 1px #ffe5c844;backdrop-filter:blur(16px);z-index:25;display:grid;place-items:center}.profile-page .profile-identity-stack>.colosseum-brand img{width:34px;height:34px}.profile-page .profile-portrait-wrap{margin-bottom:5px}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4{width:min(calc(100% - 24px),430px);bottom:calc(12px + env(safe-area-inset-bottom));z-index:85}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel{display:flex;align-items:center;gap:3px;padding:7px;border:1px solid #f5d0a15e;border-radius:26px;background:linear-gradient(145deg,#5c40305e,#291e189e);backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);box-shadow:0 16px 45px #0006,inset 0 1px #fff0d755,inset 0 -1px #eabd7a1a;overflow:hidden}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1 1 0;min-width:0;min-height:58px;margin:0;padding:8px 2px;border:0;border-radius:20px;background:transparent;color:#e7d3bd;transition:background .2s,color .2s,transform .2s}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link) svg{width:20px;height:20px;flex:none}body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link)>span{font:500 .75rem/1.2 system-ui;white-space:nowrap;letter-spacing:0}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel button>div.absolute{border-radius:20px;background:linear-gradient(145deg,#efc59532,#eabd7a15);border:1px solid #f4cea866;box-shadow:inset 0 1px #fff0d735,0 4px 14px #0002}body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel button:has(>div.absolute){color:#ffdfb7}body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link):is(:hover,:focus-visible){background:#edbd8124;color:#fff1e2}body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link):active{transform:scale(.96)}
}
@media(max-width:767px){
 body[data-site-theme=amber] .profile-page .app-shell{height:auto!important;min-height:0!important;margin-bottom:calc(104px + env(safe-area-inset-bottom))!important;border-radius:22px!important;overflow:visible}body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2){padding-bottom:20px!important;min-height:0!important;height:auto!important}body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2)>.h-28{display:none!important}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4{width:min(calc(100% - 28px),420px);bottom:calc(12px + env(safe-area-inset-bottom));z-index:100}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel{padding:6px;gap:2px;border-radius:25px;border:1px solid #ffe4be66;background:linear-gradient(135deg,#b17d4e28,#2a1e1796 45%,#4e342451);box-shadow:inset 0 1px #fff6e878,inset 0 -1px #ffd59a28,0 18px 45px #0007,0 3px 8px #0003;backdrop-filter:blur(40px) saturate(185%);-webkit-backdrop-filter:blur(40px) saturate(185%)}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link){min-height:60px;border-radius:19px;gap:7px;color:#e6d1b9;padding:7px 2px}body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel button>div.absolute{border-radius:19px;border:1px solid #f7d6a96b;background:linear-gradient(150deg,#f5d09a3b,#e0ac671a);box-shadow:inset 0 1px #fff5de66,0 4px 12px #0003}body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel button:has(>div.absolute){color:#ffe4bd}body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link)>span{font-size:.75rem;font-weight:550;line-height:1.25}
}
/* A separate viewport area keeps the dock outside the scrolling container. */
@media(max-width:767px){
 html.profile-page-active,body.profile-page-active{height:100dvh!important;min-height:0!important;overflow:hidden!important}
 body[data-site-theme=amber] .profile-page{height:100dvh!important;min-height:0!important;box-sizing:border-box;padding:12px 12px calc(104px + env(safe-area-inset-bottom))!important;overflow:hidden!important;justify-content:flex-start!important}
 body[data-site-theme=amber] .profile-page .app-shell{height:auto!important;min-height:0!important;max-height:100%!important;margin-bottom:0!important;flex:0 1 auto!important;overflow:hidden!important}
 body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2){height:auto!important;max-height:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto!important;padding-bottom:20px!important;scroll-padding-bottom:20px}
}
@media(max-width:767px){
 .profile-page .mobile-name-card>.colosseum-brand{display:none!important}.profile-page .mobile-name-container{position:relative;isolation:isolate;min-width:0}.profile-page .mobile-name-container::before{content:'';position:absolute;right:-32px;top:-18px;width:115px;height:115px;background:url('/assets/imported/ozkan-monogram-amber.webp') center/contain no-repeat;opacity:.11;z-index:-1;pointer-events:none;filter:saturate(.7)}
}
@media(max-width:767px){
 body[data-site-theme=amber] .profile-page{padding-top:calc(max(16px,env(safe-area-inset-top)) + 56px)!important;padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
 .profile-page .profile-admin-control{top:max(16px,env(safe-area-inset-top));right:calc(max(16px,env(safe-area-inset-right)) + 108px)}
 body[data-site-theme=amber]:has(.profile-page) .site-notifications:not(.site-notifications-inline){top:max(16px,env(safe-area-inset-top));right:calc(max(16px,env(safe-area-inset-right)) + 54px)}
 body[data-site-theme=amber] .profile-page .app-shell{flex:1 1 auto!important;height:100%!important}
}
@media(max-width:767px){body[data-site-theme=amber]:has(.profile-page) .site-notifications:not(.site-notifications-inline) .site-notifications-panel{right:-54px;max-width:calc(100vw - 32px)}}
@media(max-width:767px){
 body[data-site-theme=amber] .profile-page .fixed.bottom-4{width:min(calc(100% - 32px),400px)}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel{padding:4px 5px;gap:2px;border-radius:22px;border:1px solid #f3dac144;background:linear-gradient(120deg,#fff1d910,#2b211a80 50%,#e2b27e12);box-shadow:inset 0 1px #fff8e84a,0 8px 26px #0005;backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link){min-height:52px;padding:6px 2px;gap:5px;border-radius:17px;color:#d9c9b8}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link) svg{width:18px;height:18px;stroke-width:1.6}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel :is(button,.courses-nav-link)>span{font-size:.75rem;font-weight:450;letter-spacing:0;line-height:1.2}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel button>div.absolute{border-radius:17px;background:linear-gradient(145deg,#efd4b122,#ebba7a0c);border:1px solid #f3d5b032;box-shadow:inset 0 1px #fff4df2e}
 body[data-site-theme=amber] .profile-page .fixed.bottom-4 .glass-panel button:has(>div.absolute){color:#ffe3bc}
 body[data-site-theme=amber] .profile-page{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
}
@media(max-width:767px){
 body[data-site-theme=amber] .profile-page .mobile-name-card{gap:12px;padding-bottom:4px;margin-bottom:0}
 body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2)>div{gap:10px!important}
 body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2){padding-bottom:12px!important}
 body[data-site-theme=amber] .profile-page .md\:hidden.flex.flex-col.gap-4{gap:10px}
}

/* Apps joins the mobile top controls without entering the name panel. */
.mobile-apps-open{display:none}
@media(max-width:767px){
 body[data-site-theme=amber] .mobile-apps-open{position:fixed;display:flex;align-items:center;justify-content:center;top:max(16px,env(safe-area-inset-top));right:calc(max(16px,env(safe-area-inset-right)) + 162px);width:44px;height:44px;border-radius:15px;border:1px solid #e9b57977;background:#35291fe8;color:#f5c58b;box-shadow:0 9px 28px #0007;backdrop-filter:blur(18px);z-index:9000;text-decoration:none}
 .mobile-apps-open svg{width:22px;height:22px}
 body[data-site-theme=amber] .mobile-apps-open:hover{background:#493628;color:#ffedcd}
 .mobile-apps-open:focus-visible{outline:2px solid #ffedcd;outline-offset:3px}
}

@media(max-width:767px){body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2){padding-bottom:4px!important}body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2)>div{min-height:100%;display:flex;flex-direction:column}body[data-site-theme=amber] .profile-page .md\:hidden.flex.flex-col.gap-4{flex:1 0 auto}body[data-site-theme=amber] .profile-page .md\:hidden.flex.flex-col.gap-4>section,body[data-site-theme=amber] .profile-page .md\:hidden.flex.flex-col.gap-4>div{flex:1}}

@media(max-width:767px){
 body[data-site-theme=amber] .profile-page .mobile-about-copy{margin:6px 0 0;padding:0 2px;font-size:1rem;line-height:1.75;font-style:italic;color:#f0dfcd;background:none;border:0;border-radius:0;box-shadow:none;white-space:pre-wrap}
 body[data-site-theme=amber] .profile-page .app-shell:has(.mobile-about-copy){background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body[data-site-theme=amber] .profile-page .md\:hidden.flex.flex-col.gap-4:has(.mobile-about-copy){flex:0 0 auto;gap:0}
 body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2)>div:has(.mobile-about-copy){gap:10px!important;min-height:0}
}



body[data-site-theme=amber] .profile-page{position:relative;isolation:isolate;background-image:none!important;background-color:#211b18}
body[data-site-theme=amber] .profile-page::before{content:'';position:fixed;inset:-8px;background-image:var(--profile-background,url('/assets/colosseum-amber.webp'));background-position:center;background-size:cover;filter:blur(3px);z-index:-1;pointer-events:none}
@media(max-width:767px){body[data-site-theme=amber] .profile-page .mobile-about-copy{font-size:clamp(.875rem,3.8vw,1rem);line-height:1.55;overflow:visible;max-height:none;height:auto;display:block}body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2):has(.mobile-about-copy){overflow-y:visible!important}body[data-site-theme=amber] .profile-page .mobile-name-card{padding-right:0!important}}

@media(max-width:767px){body[data-site-theme=amber] .profile-page .mobile-about-copy{font-family:Georgia,"Times New Roman",serif;font-size:1rem;font-style:italic;font-weight:400;line-height:1.65;letter-spacing:0;color:#fff0dd}}

/* A single compact row fits all seven mobile controls. */
@media(max-width:767px){
 body[data-site-theme=amber]:has(.profile-page) .site-top-navigation{top:max(16px,env(safe-area-inset-top));gap:6px;left:12px}
 body[data-site-theme=amber]:has(.profile-page) .site-top-navigation>a{width:36px;height:36px;border-radius:12px}
 body[data-site-theme=amber] .profile-page .profile-admin-control{right:138px}
 body[data-site-theme=amber] .profile-page .profile-admin-control>a,body[data-site-theme=amber] button.mobile-card-open,body[data-site-theme=amber] .mobile-apps-open,body[data-site-theme=amber]:has(.profile-page) .site-notifications-toggle{width:36px;height:36px;min-height:36px;border-radius:12px}
 body[data-site-theme=amber] button.mobile-card-open{right:12px}
 body[data-site-theme=amber] .mobile-apps-open{right:96px}
 body[data-site-theme=amber] .profile-page .profile-admin-control{right:138px}
 body[data-site-theme=amber]:has(.profile-page) .site-notifications:not(.site-notifications-inline){right:54px}
 body[data-site-theme=amber] .profile-page{padding-top:calc(max(16px,env(safe-area-inset-top)) + 48px)!important}
 body[data-site-theme=amber] .profile-page .app-shell:has(.mobile-about-copy){background:#21170fcc!important;border:1px solid #edc29222!important;border-radius:24px;box-shadow:inset 0 1px #fff0dd0c,0 12px 30px #0003!important}
}

@media(min-width:768px){body[data-site-theme=amber] .profile-page .app-shell{background:#21170fd9!important}}

@media(max-width:767px){
 html:has(.profile-page),body:has(.profile-page){height:100dvh!important;min-height:0!important;max-height:100dvh;overflow:hidden!important;overscroll-behavior:none}
 body[data-site-theme=amber] .profile-page{height:100dvh!important;max-height:100dvh;overflow:hidden!important;padding-top:calc(72px + env(safe-area-inset-top))!important}
 body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2):has(.mobile-about-copy){overflow:hidden!important;overscroll-behavior:none;display:flex;flex-direction:column}
 body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2)>div:has(.mobile-about-copy){flex:1;min-height:0;gap:10px!important}
 body[data-site-theme=amber] .profile-page .mobile-name-container::before{content:none!important}
 body[data-site-theme=amber] .profile-page .md\:hidden.flex.flex-col.gap-4:has(.mobile-about-copy){flex:1;min-height:0;position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:14px}
 /* Oversized mobile watermark, cropped by the panel rather than occupying a content row. */
 body[data-site-theme=amber] .profile-page .app-shell:has(.mobile-about-copy){isolation:isolate}
 body[data-site-theme=amber] .profile-page .app-shell:has(.mobile-about-copy)::after{
   content:'';position:absolute;z-index:0;pointer-events:none;
   width:clamp(260px,78vw,420px);aspect-ratio:1;
   right:clamp(-90px,-18vw,-56px);bottom:clamp(-110px,-22vw,-70px);
   background:url('/assets/imported/ozkan-monogram-amber.webp') center/contain no-repeat;
   opacity:.13;transform:rotate(-12deg);
   mask-image:linear-gradient(155deg,transparent 3%,#000 45%);
   -webkit-mask-image:linear-gradient(155deg,transparent 3%,#000 45%);
 }
 body[data-site-theme=amber] .profile-page .app-shell:has(.mobile-about-copy)>div:nth-child(2){position:relative;z-index:1}
 body[data-site-theme=amber] .profile-page .mobile-about-copy{flex:none;margin:0;line-height:1.55}
}
@media(max-width:767px) and (max-height:700px){body[data-site-theme=amber] .profile-page .app-shell>div:nth-child(2){padding:14px!important}body[data-site-theme=amber] .profile-page .mobile-name-card{gap:8px;padding-bottom:4px}body[data-site-theme=amber] .profile-page .mobile-about-copy{font-size:.875rem;line-height:1.5}body[data-site-theme=amber] .profile-page .md\:hidden.flex.flex-col.gap-4:has(.mobile-about-copy){gap:8px}}

@media(max-width:767px){body[data-site-theme=amber] .profile-page{padding-top:calc(88px + env(safe-area-inset-top))!important}.profile-page .app-shell{margin-top:0!important}}

@media(max-width:767px){body[data-site-theme=amber] .profile-page{padding-top:calc(76px + env(safe-area-inset-top))!important}}

body[data-site-theme=amber] .profile-page{padding-top:var(--site-content-top,calc(84px + env(safe-area-inset-top)))!important}

/* A container-free Apps shortcut beneath About on every viewport. */
.profile-page .about-apps-link{display:inline-flex;align-items:center;align-self:flex-start;justify-content:center;gap:10px;min-height:44px;width:max-content;max-width:100%;padding:4px 0;margin-top:20px;border:0;border-radius:0;background:none;color:#ffe2b9;text-decoration:none;font:500 14px/1.3 system-ui,sans-serif;letter-spacing:.025em;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:color .2s;flex:none}
.profile-page .about-apps-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border:0;border-radius:0;background:none;box-shadow:none}.profile-page .about-apps-icon svg{display:block;width:23px;height:23px}.profile-page .about-apps-link:hover{color:#fff3df;text-decoration:underline;text-underline-offset:5px}.profile-page .about-apps-link:focus-visible{outline:2px solid #f5c58b;outline-offset:4px}
@media(max-width:767px){.profile-page .about-apps-link{margin-top:2px}}
@media(prefers-reduced-motion:reduce){.profile-page .about-apps-link{transition:none}}
/* Keep the new bookshelf entry directly beneath LinkedIn. */
.profile-page .profile-social-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.profile-page .profile-social-links>a{min-height:28px}
@media(max-width:767px){.profile-page .profile-social-links{gap:8px}.profile-page .profile-social-links>a{min-height:28px}}

/* Mobile identity details: two balanced rows with full-size touch targets. */
@media(max-width:767px){
 .profile-page .mobile-name-card .mobile-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;width:100%;padding:8px 0 4px;border-top:1px solid #edc58e24}
 .profile-page .mobile-name-card .mobile-contact-item{display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;padding:4px 0;color:#f1dfc9;font:400 .875rem/1.4 Outfit,system-ui,sans-serif;text-decoration:none}
 .profile-page .mobile-name-card .mobile-contact-item svg{width:17px;height:17px;flex:0 0 17px;color:#ebba7c}
 .profile-page .mobile-name-card .mobile-contact-item span{min-width:0;overflow-wrap:anywhere}
 .profile-page .mobile-name-card .mobile-contact-location{grid-column:1;grid-row:1}
 .profile-page .mobile-name-card .mobile-contact-email{grid-column:2;grid-row:1}
 .profile-page .mobile-name-card .mobile-books-link{grid-column:1;grid-row:2}
 .profile-page .mobile-name-card .mobile-contact-linkedin{grid-column:2;grid-row:2}
 .profile-page .mobile-name-card a.mobile-contact-item:hover{color:#fff5e8}
 .profile-page .mobile-name-card a.mobile-contact-item:focus-visible{outline:2px solid #efc58e;outline-offset:3px;border-radius:6px}
}