/* Fanzin ana sayfası: kutular yerine kesintisiz, kapak ve topluluk odaklı okuma akışı. */
body{background:#fff;color:#171519}
.site-header.topbar{height:72px;border-bottom:1px solid #ece9ed;background:#fff;box-shadow:none;backdrop-filter:none}
.site-header .nav-shell{max-width:1400px;height:72px;padding-inline:24px;gap:26px}
.site-header .brand-mark{width:34px;height:34px;border:0;border-radius:50% 42% 48% 38%;background:#f4511e;box-shadow:none;font-family:Inter,system-ui,sans-serif;font-size:19px;font-style:italic}
.site-header .brand{font-size:21px}
.site-header .desktop-nav{margin-right:4px}
.site-header .desktop-nav a{padding:8px 5px;background:transparent!important;color:#28242a;font-size:13px;font-weight:650}
.site-header .desktop-nav a.active{color:#171519}
.site-header .nav-search{order:0;max-width:320px;margin:0;border-color:#dedade;border-radius:5px;background:#fff}
.site-header .nav-actions{margin-left:auto}
.site-header .nav-actions>a,.site-header .write-menu>summary{border-radius:999px!important}
.site-header .write-menu>summary{background:transparent!important;color:#272329!important}

.wattpad-hero{display:block!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:#fff0df!important;overflow:hidden!important}
.hero-main{max-width:1200px;min-height:590px;margin:0 auto;padding:58px 24px 34px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:42px}
.wattpad-hero .hero-copy{align-self:center;max-width:500px}
.wattpad-hero .hero-copy h1{margin:0 0 24px!important;color:#171519;font:850 clamp(54px,5vw,74px)/1.06 Inter,system-ui,sans-serif!important;letter-spacing:-4.2px!important}
.wattpad-hero .hero-copy h1 em{display:inline;color:#171519!important;font-style:normal!important}
.wattpad-hero .hero-copy>p{max-width:470px;margin:0;color:#49444a;font-size:17px;line-height:1.65}
.wattpad-hero .eyebrow{margin-bottom:20px;color:#713ab8;font-size:10px;letter-spacing:1.6px}
.wattpad-hero .hero-actions{margin:30px 0 14px}
.wattpad-hero .hero-actions .primary-btn{display:inline-flex!important;justify-content:center;min-width:250px;padding:15px 28px;border-radius:999px!important;background:#171519;color:#fff;font-size:14px}
.wattpad-hero .hero-login{font-size:12px!important;font-weight:650}
.wattpad-hero .hero-login a{text-decoration:underline;text-underline-offset:3px}
.wattpad-hero .hero-art{position:relative;display:block;height:480px;border:0!important;border-radius:0;background:transparent!important}
.wattpad-hero .orange-orbit{display:block!important;position:absolute;inset:22px 0 0 40px;width:auto;height:420px;border:0;border-radius:45% 55% 46% 54%;background:#f45a25;transform:rotate(-4deg)}
.wattpad-hero .orange-orbit:before,.wattpad-hero .orange-orbit:after,.wattpad-hero .orange-orbit i{content:"";position:absolute;display:block;border-radius:48% 52% 45% 55%;background:#8d4ac3}
.wattpad-hero .orange-orbit:before{width:210px;height:310px;right:-48px;top:54px;transform:rotate(18deg)}
.wattpad-hero .orange-orbit:after{width:185px;height:230px;left:-42px;bottom:-14px;background:#f7a078;transform:rotate(-18deg)}
.wattpad-hero .orange-orbit i:nth-child(1){width:80px;height:80px;left:125px;top:40px;background:#ffd0b5}
.wattpad-hero .orange-orbit i:nth-child(2){width:72px;height:130px;right:160px;bottom:20px;background:#5e2c98}
.wattpad-hero .orange-orbit i:nth-child(3){width:48px;height:48px;right:70px;top:38px;background:#ffcfb1}
.wattpad-hero .floating-cover{padding:0;border:0!important;border-radius:5px!important;background:#211d23;box-shadow:0 18px 35px rgba(36,22,28,.24)!important}
.wattpad-hero .cover-back{left:115px;top:122px;width:180px;height:260px;transform:rotate(-9deg)}
.wattpad-hero .cover-main{right:112px;top:64px;width:215px;height:310px;transform:rotate(5deg)}
.wattpad-hero .floating-cover img{border-radius:5px}
.wattpad-hero .cover-caption{display:none}
.wattpad-hero .rank{top:-12px;left:auto;right:-18px;border-radius:999px;background:#171519}
.hero-comment{position:absolute;z-index:6;display:grid;grid-template-columns:1fr auto;gap:4px 20px;width:310px;padding:16px 18px;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(37,21,30,.15);color:#312c32}
.hero-comment b{font-size:11px}.hero-comment span{grid-column:1/-1;font-size:11px}.hero-comment small{grid-column:2;grid-row:1;color:#625d63;font-size:10px}
.comment-one{right:0;top:158px}.comment-two{left:16px;bottom:22px}
.wattpad-hero .reader-pill{right:38px;bottom:26px;border-radius:10px;box-shadow:0 10px 28px rgba(37,21,30,.15)}
.hero-trending{max-width:1200px;margin:0 auto;padding:0 24px 42px}
.hero-trending-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}
.hero-trending-title h2{margin:0;font-size:25px;letter-spacing:-.8px}.hero-trending-title a{font-size:11px;font-weight:750;text-decoration:underline}
.hero-trending-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.hero-trending-rail::-webkit-scrollbar{display:none}
.hero-trending-rail>a{flex:0 0 132px;scroll-snap-align:start}
.hero-trending-rail img{display:block;width:132px;height:186px;border-radius:3px;object-fit:cover;box-shadow:0 6px 16px rgba(34,23,29,.14)}
.hero-trending-rail b,.hero-trending-rail span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-trending-rail b{margin-top:9px;font-size:11px}.hero-trending-rail span{margin-top:3px;color:#625d63;font-size:9px}
.wattpad-hero .hero-controls{right:max(24px,calc((100vw - 1152px)/2))!important;bottom:40px!important;border:0!important;background:transparent!important}
.wattpad-hero .hero-controls>button{background:transparent!important;color:#181519;font-size:18px}

.home-shortcuts{order:2;max-width:1200px;width:100%;margin:0 auto;padding:30px 24px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e7e3e8}
.home-shortcuts a{display:flex;flex-direction:column;gap:6px;padding:3px 28px;border-right:1px solid #e7e3e8}
.home-shortcuts a:first-child{padding-left:0}.home-shortcuts a:last-child{border-right:0}
.home-shortcuts b{font-size:15px}.home-shortcuts span{color:#716b73;font-size:11px}

.content-section{max-width:1200px!important;padding:44px 24px!important;background:#fff!important}
.content-section+.content-section{border-top:1px solid #eeeaf0}
.section-title{margin-bottom:20px!important}.section-title .eyebrow{display:none}
.section-title h2{font-size:26px!important;letter-spacing:-.9px!important}
.discovery-tabs a,.story-category-menu summary{border-radius:999px!important;background:transparent!important}
.discovery-tabs a.active{background:#f0edf1!important;color:#1d1a1e!important}
.book-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important}
.book-cover,.home-fanzine-cover{border:0!important;border-radius:3px!important;box-shadow:0 5px 14px rgba(30,20,27,.12)!important}
.book-cover{height:250px!important}.book-rank{border-radius:50%!important;background:#f4511e!important}
.book-badge,.home-fanzine-cover span{border-radius:999px!important}
.home-fanzine-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
.home-fanzine-cover{height:260px!important}
.book-card,.home-fanzine-card{min-width:0;border:0!important;background:transparent!important}
.book-info h3,.home-fanzine-card h3{margin-top:10px!important;font-size:13px!important}

.create-section{max-width:1200px!important;margin:0 auto!important;padding:54px 24px!important;background:#fff!important;border-top:1px solid #eeeaf0}
.create-heading{margin:0 0 24px;text-align:left}.create-heading h2{font-size:29px!important}.create-heading p{max-width:620px;font-size:12px}
.create-grid{gap:0!important;border-top:1px solid #dfdbe1;border-bottom:1px solid #dfdbe1}
.create-card{min-height:0!important;padding:30px 34px!important;border:0!important;border-right:1px solid #dfdbe1!important;border-radius:0!important;background:#fff!important}
.create-card:last-child{border-right:0!important}.create-card .create-number,.create-card .create-icon{display:none}.create-card h3{font-size:24px!important}.create-card p{font-size:12px}.create-card a{border-radius:999px!important}

/* Ana sayfanın alt akışı: sürekli keşif, editör seçkisi, topluluk ve rehberler. */
.fanzine-discovery{order:3}.content-section#discover{order:5}
.home-lower-flow{order:6;width:100%;margin-top:8px;border-top:1px solid #e7e3e8;background:#fbf9fc}
.home-lower-flow>section{width:100%;max-width:1200px;margin:0 auto;background:transparent}
.home-lower-flow>section+section{border-top:1px solid #e7e3e8}
.editor-section{display:grid!important;min-height:0;padding:52px 24px;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:72px;color:#1d1a1e}
.editor-copy{max-width:690px}.editor-copy .eyebrow{color:#e35b24}.editor-copy h2{font-family:Inter,system-ui,sans-serif;font-size:42px;font-weight:850;letter-spacing:-1.8px}
.editor-copy>p{color:#5d575f;font-size:13px}.editor-meta span{color:#817a83}.editor-actions .light-btn{border-radius:999px!important;background:#1d1a1e;color:#fff}.editor-actions .save-btn{border-color:#cfc9d1;color:#342f36;border-radius:999px!important}
.editor-avatar{display:grid!important;place-items:center;width:40px;height:40px;border-radius:50%;background:#6935a6;color:#fff!important;font-size:13px;font-weight:850}.editor-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;text-decoration:none}.editor-cover{position:relative;display:block;height:300px}.editor-cover>img{display:block;width:205px;height:290px;margin-left:auto;border-radius:3px;object-fit:cover;transform:none;box-shadow:0 10px 26px rgba(32,21,28,.16)}.editor-score{right:-4px;bottom:8px;border:1px solid #e0dce2!important;background:#fff}.editor-score span{color:#6935a6}

.community{display:block!important;padding-top:44px!important;padding-bottom:44px!important;border-top:1px solid #eeeaf0}
.community .story-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.community .story-list article{display:grid;grid-template-columns:92px 1fr 24px;gap:14px;padding:0;border:0!important;border-radius:0!important;background:transparent!important}
.community .story-list img{width:92px;height:132px;border-radius:3px;box-shadow:0 4px 12px rgba(31,21,27,.11)}
.community .story-list h3{font-family:Inter,system-ui,sans-serif;font-size:16px}.community .story-list p{margin-block:7px;color:#69636b}.community .story-list button{color:#5f5961}

.blog-section{display:block!important;padding:48px 24px!important;border-top:1px solid #eeeaf0}
.home-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.home-blog-grid article{min-width:0}.home-blog-cover{position:relative;display:block;height:180px;overflow:hidden;border-radius:4px;background:#eee}.home-blog-cover img{width:100%;height:100%;object-fit:cover;transition:transform .22s}.home-blog-grid article:hover .home-blog-cover img{transform:scale(1.025)}.home-blog-cover span{position:absolute;left:10px;bottom:10px;padding:6px 8px;border-radius:999px;background:#582b91;color:#fff;font-size:8px;font-weight:850}.home-blog-grid article>div{padding-top:13px}.home-blog-grid small{color:#8a838c;font-size:8px}.home-blog-grid h3{margin:6px 0 7px;font:780 16px/1.3 Inter,system-ui,sans-serif}.home-blog-grid h3 a{text-decoration:none}.home-blog-grid p{margin:0;color:#6e6770;font-size:10px;line-height:1.55}

.home-lower-flow .writer-cta{display:flex!important;width:100%;min-height:0;margin:0 auto;padding:38px 24px 48px;align-items:center;justify-content:space-between;gap:36px;border-radius:0;background:transparent;color:#211d23}
.writer-cta h2{margin:4px 0 8px;font-family:Inter,system-ui,sans-serif;font-size:30px;font-weight:850;letter-spacing:-1px}.writer-cta p{margin:0;color:#625b65}.writer-cta .eyebrow{color:#6b35b2}.writer-cta-actions{display:flex;flex:0 0 auto;gap:10px}.writer-cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px!important}.writer-cta-actions .primary-btn{background:#5b2b91;color:#fff}.writer-cta-actions .outline-btn{border-color:#b8aabd;background:transparent}

footer{margin-top:0!important;background:#211e22!important}

@media(max-width:950px){
 .hero-main{grid-template-columns:1fr;min-height:0;padding-top:54px}.wattpad-hero .hero-copy{max-width:680px}.wattpad-hero .hero-art{display:none}
 .book-grid,.home-fanzine-grid{display:flex!important;overflow-x:auto;gap:16px!important;scroll-snap-type:x proximity;scrollbar-width:none}
 .book-card,.home-fanzine-card{flex:0 0 156px;scroll-snap-align:start}.book-cover,.home-fanzine-cover{height:224px!important}
 .editor-section{grid-template-columns:1fr 220px;gap:40px}.community .story-list{grid-template-columns:1fr 1fr}.home-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-card{max-width:620px}
}
@media(max-width:650px){
 .site-header.topbar{height:60px}.site-header .nav-shell{height:60px}.site-header .brand-mark{width:30px;height:30px}.site-header .brand{font-size:19px}
 .hero-main{display:block;padding:42px 20px 30px}.wattpad-hero .hero-copy h1{font-size:45px!important;letter-spacing:-2.8px!important}.wattpad-hero .hero-copy>p{font-size:15px}.wattpad-hero .hero-actions .primary-btn{width:100%;min-width:0}
 .hero-trending{padding:4px 20px 34px}.hero-trending-rail>a{flex-basis:112px}.hero-trending-rail img{width:112px;height:158px}.wattpad-hero .hero-controls{display:none!important}
 .home-shortcuts{display:flex;overflow-x:auto;padding:22px 20px;scrollbar-width:none}.home-shortcuts a{flex:0 0 190px;padding-inline:18px}.home-shortcuts a:first-child{padding-left:0}
 .content-section{padding:38px 18px!important}.section-title{display:block}.discovery-tabs{margin-top:14px}
 .book-card,.home-fanzine-card{flex-basis:142px}.book-cover,.home-fanzine-cover{height:205px!important}
 .create-section{padding:42px 18px!important}.create-grid{display:block}.create-card{display:block!important;padding:26px 0!important;border-right:0!important;border-bottom:1px solid #dfdbe1!important}.create-card:last-child{border-bottom:0!important}
 .editor-section{display:block!important;padding:38px 18px}.editor-copy h2{font-size:34px}.editor-cover{display:none}.community .story-list{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x proximity}.community .story-list article{flex:0 0 285px;scroll-snap-align:start}.community .story-list article:nth-child(n+3){display:grid}
 .blog-section{padding:38px 18px!important}.home-blog-grid{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x proximity}.home-blog-grid article{flex:0 0 225px;scroll-snap-align:start}.home-blog-cover{height:145px}.home-lower-flow .writer-cta{display:block!important;padding:32px 18px 40px}.writer-cta h2{font-size:28px}.writer-cta-actions{margin-top:22px}.writer-cta-actions a{flex:1}.writing-card{display:none}
}