.theme-studio{--st-red:var(--accent);--st-ink:#171419;--st-side:#f8f1f2;color:var(--st-ink)}
.theme-studio .studio-page{min-height:100vh;background:#fff}
.theme-studio .pn-page{padding:0}.theme-studio .pn-frame{grid-template-columns:minmax(280px,390px) minmax(0,1fr);width:100%;min-height:100vh;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none}
.theme-studio .pn-sidebar{padding:clamp(52px,7vh,90px) clamp(34px,4vw,72px) 42px;background:var(--st-side);color:var(--st-ink)}
.theme-studio .pn-identity{justify-items:start;text-align:left;min-width:0}.theme-studio .pn-avatar{display:none}
/* Ad, yan panelin DIŞINA taşıyordu: panel 0–390px iken ad kutusu 58–442px'e
   uzanıyordu. Sebep, taban stildeki taşma kırpmasını kaldıran overflow:visible
   ile 58px'e varan punto. Kutu artık panele sığar ve uzun ad satır atlar. */
.theme-studio .pn-identity b{max-width:100%;overflow-wrap:anywhere;color:var(--st-ink);font:500 italic clamp(30px,3vw,46px)/1.05 'DM Serif Display',serif;letter-spacing:-.03em;text-transform:none}.theme-studio .pn-identity b::after{content:".";color:var(--st-red)}.theme-studio .pn-identity small{margin-top:6px;color:#8c8588!important;font-size:11px}
.theme-studio .pn-nav{justify-content:center;gap:2px;margin-top:70px}.theme-studio .pn-nav button{grid-template-columns:1fr;min-height:46px;padding:8px 0;border-radius:0;color:var(--st-ink);text-align:left}.theme-studio .pn-nav button:hover,.theme-studio .pn-nav button:focus-visible,.theme-studio .pn-nav button.is-active{background:transparent;color:var(--st-red);transform:translateX(8px)}.theme-studio .pn-nav button.is-active::after{right:auto;left:-20px;width:7px;height:7px;border-radius:50%;background:var(--st-red)}.theme-studio .pn-nav-icon{display:none}.theme-studio .pn-nav-label{font-size:16px;font-weight:500;letter-spacing:0;text-transform:none}
.theme-studio .pn-download{margin-top:auto;color:var(--st-ink);font-size:12px;text-transform:none}.theme-studio .pn-download>span{background:#fff;color:var(--st-red);box-shadow:0 5px 18px rgba(32,18,24,.08)}
.theme-studio .pn-stage{min-height:100vh;color:#777074}
/* İçerik dikeyde ortalanır: kısa bölümlerde panel 100vh olduğu için içerik
   yukarı yapışıyordu. "safe" şart — içerik panelden uzunsa ortalama devre dışı
   kalır, yoksa üst kısmı ekranın dışına taşıp erişilemez hâle gelirdi.
   Çocuklara genişlik SINIRI KONMAZ: paneller iki sütunlu da olabiliyor ve
   ortalama o sütunların hizasını bozuyordu. */
.theme-studio .pn-panel{min-height:100vh;padding:clamp(55px,7vw,110px);background:#fff;align-content:safe center}
.theme-studio .pn-home{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.theme-studio .pn-eyebrow{border-radius:0;background:transparent;color:var(--st-red);padding-left:0}.theme-studio .pn-home h1{color:var(--st-ink);font-size:clamp(52px,7vw,108px);font-weight:700;letter-spacing:-.05em}.theme-studio .pn-headline{color:var(--st-ink);font-weight:500}.theme-studio .pn-portrait{border-radius:4px;background:var(--st-side);box-shadow:0 24px 70px rgba(42,24,32,.09)}
.theme-studio .pn-section-head{justify-content:center}.theme-studio .pn-section-head>span{border-radius:50%;background:var(--st-red)}.theme-studio .pn-section-head h2{color:var(--st-ink);font-size:clamp(38px,5vw,68px);font-weight:700;text-align:center}.theme-studio .pn-about-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.theme-studio .pn-facts{border:1px solid #eee7e9;border-radius:8px;background:#fff;box-shadow:0 18px 48px rgba(45,24,34,.06)}.theme-studio .pn-facts::before{display:none}
.theme-studio .pn-timeline article,.theme-studio .pn-projects article,.theme-studio .pn-compact-grid article,.theme-studio .pn-skills article,.theme-studio .pn-languages article{border-color:#eee7e9;border-radius:8px;background:#fff;box-shadow:0 12px 32px rgba(45,24,34,.04)}.theme-studio .pn-timeline h3,.theme-studio .pn-projects h3,.theme-studio .pn-compact-grid h3,.theme-studio .pn-skills h3,.theme-studio .pn-contact h3{color:var(--st-ink)}
.theme-studio .pn-home-actions a,.theme-studio .pn-home-actions button{border-color:var(--st-red);border-radius:4px;background:var(--st-red)}.theme-studio .pn-home-actions .is-quiet{color:var(--st-red)}.theme-studio .pn-socials a{border-color:#ded5d8;border-radius:4px;color:var(--st-ink)}
.theme-studio :is(a,button,input,textarea):focus-visible{outline:3px solid var(--st-red);outline-offset:4px}
@media(max-width:900px){.theme-studio .pn-frame{grid-template-columns:230px minmax(0,1fr)}.theme-studio .pn-sidebar{padding-inline:30px}.theme-studio .pn-panel{padding:52px 34px}.theme-studio .pn-home{grid-template-columns:1fr}.theme-studio .pn-home-visual{min-height:380px}.theme-studio .pn-about-grid{grid-template-columns:1fr}}
@media(max-width:680px){.theme-studio .pn-frame{display:block}.theme-studio .pn-sidebar{position:relative;padding:26px 20px 14px}.theme-studio .pn-identity b{font-size:36px}.theme-studio .pn-nav{flex-direction:row;justify-content:flex-start;margin-top:18px;overflow-x:auto}.theme-studio .pn-nav button{flex:0 0 auto;min-width:110px;text-align:center}.theme-studio .pn-nav button.is-active::after{display:none}.theme-studio .pn-download{display:none}.theme-studio .pn-panel{min-height:680px;padding:38px 20px}}
.theme-studio.design-card-preview .pn-nav,.theme-studio.design-card-preview .pn-download{display:none}.theme-studio.design-card-preview .pn-frame{grid-template-columns:28% 1fr}.theme-studio.design-card-preview .pn-panel{min-height:100%;padding:10px}
